自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 前端面试题目系列九

在 JavaScript 中,构造函数是用来创建和初始化对象的一种特殊函数,它们通常是通过new关键字来调用的。当一个构造函数被new创建一个空的对象(也叫实例对象)。将该对象的__proto__指向构造函数的prototype属性。执行构造函数内部的代码,将对象的属性赋值。返回新创建的对象,如果构造函数没有明确返回对象,则返回新创建的对象。构造其实就是一个普通的函数,区别在于它是用来生成对象的,构造函数可以在其内部定义属性和方法,方法通常定义在构造函数的prototype上。

2024-11-13 16:48:43 419

原创 前端面试题目系列八

前端面试可能会出现的问答题目

2024-10-22 15:29:46 360

原创 前端面试题目系列七

防抖就是单位时间内频繁触发事件,只执行最后一次使用场景:搜索框搜索输入。只需用户最后一次输入完成,再发送请求。手机号,邮箱验证输入检测。实现一:使用lodash库实现实现二:手写防抖函数核心思路:防抖的核心就是利用定时器来实现(setTimeout)声明一个定时器变量当鼠标每次滑动(事件触发)都先判断是否有定时器了,如果有定时器先清除以前的定时器。如果没有定时器则开启定时器,记得存到变量里面在定时器里调用要执行的函数let i = 0//手写防抖函数let timer。

2024-09-24 16:13:59 794

原创 前端面试题目系列六

今日份前端面试可能出现的五道题,可以看看,留个印象,以后说不定能用上🐒。

2024-09-14 11:09:35 196

原创 Vue3组件通信的八种方式

Vue3组件之间八种通信方式

2024-09-13 10:58:10 1489

原创 前端面试题目系列五

​ 在介绍重绘制和回流之前先得明白浏览器的渲染机制,浏览器采用流式布局模型(Flow Based Layout);浏览器会把HTML解析为DOM,把CSS解析为CSSOM,DOM和CSSOM合并就产生了Render Tree,也就是渲染树。有了渲染树我们就知道了所有节点的样式,我们就可以计算他们在页面上的大小和位置,最后把节点绘制到页面上。重绘是指浏览器重新渲染页面的视觉样式,当页面的外观发生变化,但元素的位置和布局不变时,就会触发重绘,重绘会影响页面的外观,但不会改变元素的几何属性(如位置和尺寸)。回流。

2024-09-06 11:50:09 909 1

原创 前端面试题目系列四

(not a number)是 JavaScript 中用来表示一个无效的或未定义的数字结果的特殊值。:var的作用域是函数作用域或全局作用域,解析器在对js解析时,将var关键字声明的变量的声明提升到代码块的顶部,只提升声明,不提升赋值,这种形式称为。​ currentTarget:在事件流的捕获和冒泡阶段时,是指向当前事件活动对象,只有在目标阶段的时候两者才会相等。var声明的变量可以先使用后声明。​ target:指的是事件流的目标阶段,获取的是被点击的元素。声明的是对象或数组,其内容仍可以修改。

2024-08-26 16:15:44 364

原创 前端面试题目系列三

跨域问题(CORS, Cross-Origin Resource Sharing)是指在不同源之间(即协议、域名或端口不同的情况)进行请求时,浏览器的安全策略阻止这些请求。浏览器的事件循环(Event Loop)是处理异步任务和执行 JavaScript 代码的核心机制。这样的话,子元素上触发的事件可以在父元素上被捕获和处理,从而减少内存的使用和性能。一旦执行栈中的所有同步任务执行完毕,系统就会依次读取任务队列中的异步任务,于是被读取的异步任务结束等待状态,进入执行栈,开始执行。先执行执行栈中的同步任务。

2024-08-23 11:15:31 631

原创 Promise ? 我 promise 你一个详细的手撕过程

Promise的手写过程不是很难,大家自己动手理清思路和重要,下面是我手写Promise的源码,就实现了一些常用Promise的方法,所有的测试都能跑通,XDM放心食用,更详细的讲解放在最后了!

2024-08-14 16:21:47 354

原创 前端面试题目系列二

关于前端面试可能出现题目的一些汇总吧

2024-08-10 15:40:21 1008

原创 前端面试题目系列一

学校生涯进行了一半了,还有不到一年多就要准备work了,在这个前端非常卷的阶段,我觉得提前着手一下前端面试的东西,对自己还是有些许帮助的🤨,可以一边复习巩固,一边收集面试可能出现题目,我准备出一个面试可能会出现的题目的一个参考系列供大家食用ฅʕ•̫͡•ʔฅo。

2024-08-09 11:38:23 983

原创 关于React的一些学习

React是一个用于构建用户界面的JavaScript库。React的主要特点包括:​ 1.组件化:React鼓励将用户界面拆分为独立的组件,每个组件负责管理自己的状态和渲染逻辑。这种组件化的开发方式使得代码更易于理解、维护和重用​ 2.虚拟DOM:React使用虚拟DOM(Virtual DOM)来提高性能。虚拟DOM是一个轻量级的内存中的表示,它可以通过比较前后两个状态的差异来最小化实际DOM的更新操作,从而提高页面渲染效率。

2024-08-08 17:00:40 869

原创 清除浮动的方法

清除浮动的方法额外标签法(隔墙法),W3C推荐做法在浮动元素末尾添加一个空的标签。例如html部分:<div class="purge"></div>css部分:.purge { clear: both;}强调一下这个空标签必须是块级元素,还有这里的类名是自己定义的,这里用了purge(清除)当作类名。父级添加overflow属性给父级添加overflow属性,将其属性值设置为hidden、auto或者scroll最常使用:overflow: h

2020-12-20 21:11:23 181

原创 单行文字处垂直居中的方法

单行文字垂直居中的方法(文字在盒子中居中)通常我们想让文字想要在盒子的中间显示,下面一行代码帮你解决!~​ 让文字的行高等于盒子的高度,用代码解决就是:line-height=height; 文字垂直居中显示有时候我们还会因为需求,会让盒子里面的文字偏下或者偏上显示,解决方法如下:line-height>height; 文字偏下显示line-height<height; 文字偏上显示...

2020-12-20 20:33:24 576

原创 html代码快速生成

html代码快速生成的写法(也称Emmet语法)在敲代码的过程中,工作量非常的大,代码也不能一点点的写,非常影响效率,所以我们有快速的方法来编写代码的框架,节省了我们大量的时间,下面就来看看Emmet语法(这里我使用的是前端流行开发工具Visual Studio Code)!Emmet语法.+类名——快速生成类选择器输入.nav出现<div class="nav"></div>#+id名——快速生成id选择器输入#two出现<div id="two"&

2020-12-20 20:16:13 5528 2

原创 CSS属性

CSS的字体属性和文本属性CSS在HTML页面中占据很大一部分的地位,它帮助我们的页面更加的美丽,并且符合大众的审美要求,下面我们就来看一看我们的HTML页面是怎么变得美观大方的!CSS字体属性由于CSS字体属性总体的难度不太大,我这里用一张表格把常见的用法给大家列举一下^ - ^!属性属性值说明font-family一般为"Microsoft Yahei"(微软雅黑)定义文本的字体系列(通常给body元素指定)font-sizenumber+px(如:14px

2020-12-20 19:29:37 158

原创 CSS选择器-复合选择器

CSS选择器——复合选择器CSS复合选择器分为四类:后代选择器、子选择器、并集选择器、伪类选择器后代选择器:后代选择器在我们日常的编程中是非常重要的,它能选择父代元素里面的所有子代元素,添加效果,减少了我们代码的冗余。语法:元素1 元素2 {​ 属性: 属性值;​ …}注意:元素1和元素2之间必须用空格隔开!均采用内部样式表(嵌入式)<html> <head> <style> ul li {

2020-12-08 15:22:25 1299

原创 CSS选择器——基础选择器

CSS选择器——基础选择器CSS选择器分为两大类:基础选择器、复合选择器基础选择器包含四种类型的选择器:标签选择器、类选择器、id选择器、通配符选择器(下面更精彩哦,各位小伙伴^ - ^!)标签选择器标签选择器(元素选择器)是指用于HTML标签名称作为选择器,按标签名称分类,为页面中某一标签指定统一的CSS样式。语法:标签名 {​ 属性1: 属性值1;​ …}举一个栗子(部分代码省略),<html> <head> <sty

2020-12-08 13:06:24 251

原创 前端HTML知识详解(下)

前端HTML内容详解(下)5.表格标签:表格的完整语法格式:<table> <thead> (表格头部区域) <tr></tr> (<tr></tr>标签定义表格的行) <th></th> <th></th> (<th></th>定义HTML表格

2020-12-04 16:24:21 163

原创 前端HTML内容详解(上)

前端HTML内容详解(上)1.常见标签的属性及其描述:标签描述< p> < /p>段落分隔< /br>换行< strong>< /strong>加粗< em>< /em>倾斜< del>< /del>删除线< ins>< /ins>下划线< div>< /div>盒标签(块级元素)

2020-12-04 16:17:08 148

原创 Typora常见的快捷使用方法

一款实用且简单的Markdown编辑器——Typora常用的快捷键:快捷键效果Ctrl+B粗体Ctrl+I斜体Ctrl+k插入链接Ctrl+shift+I插入图片Ctrl+L选中当前行Ctrl+数字标题(h1—h6)Ctrl+T表格Ctrl+F查找Ctrl+U下划线Ctrl+shift+`代码Ctrl+shift+V粘贴为纯文本Ctrl+shift+C复制为MarkDown```+语言插

2020-12-01 20:00:27 314

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除