笔记
旅行家小二
本人发布的文章仅用于记录个人技术难点,别嫌我菜乱喷
展开
-
box-sizing?
用来设置盒模型计算方式1、context-box 谷歌浏览器盒模型的计算方式,元素的width是从context算起,不包含padding和border,元素的实际宽高=context+padding+border,所以设置padding和border会使元素宽高变大2、border-box ie浏览器盒模型计算方式,元素的width是从border算起,包含padding和border,所以设置paidding和border会向内填充,不会改变元素大小...原创 2022-02-07 21:12:25 · 140 阅读 · 0 评论 -
__proto__和prototype的区别
一个建议,将这部分内容放在开头,会更容易让人读懂:我们需要牢记两点:①__proto__和constructor属性是对象所独有的;② prototype属性是函数所独有的,因为函数也是一种对象,所以函数也拥有__proto__和constructor属性。__proto__属性的作用就是当访问一个对象的属性时,如果该对象内部不存在这个属性,那么就会去它的__proto__属性所指向的那个对象(父对象)里找,一直找,直到__proto__属性的终点null,然后返回undefined,再往上找就相当于在nu原创 2021-10-20 11:45:30 · 310 阅读 · 0 评论 -
vue传值的几种方式?
1、父传子,用props2、子传父,用this.emit3、同级组件之间传值,先创建一个eventBus.js文件,两者同时引入,发送方用eventBus.emit3、同级组件之间传值,先创建一个eventBus.js文件,两者同时引入,发送方用eventBus.emit3、同级组件之间传值,先创建一个eventBus.js文件,两者同时引入,发送方用eventBus.emit,接收方用eventBus.on4、用vuex...原创 2021-10-07 23:45:36 · 55 阅读 · 0 评论 -
宏任务和微任务?
由于js是单线程执行,执行过程中若出现阻塞,后面代码会一直等待状态,为了优化这个问题就出现了宏任务和微任务。宏任务包括,setinteval、settimeout。微任务包括promiss、press.event。代码执行过程中若遇到settimeout、setinteval会把它加入到宏任务队列,遇到promiss会加入到微任务队列。所有微任务执行完毕开始执行宏任务。...原创 2021-05-16 22:16:18 · 74 阅读 · 0 评论 -
面试
节流和防抖?节流:多次触发一个函数,一段时间内只会触发一次防抖:触发一个函数他不会立即执行,而是有一个延迟时间,在延迟时间内再次触发会重新计算延迟时间闭包?闭包的作用是解决变量的私有化,和防止变量名冲突。缺点是由于闭包内的变量会长驻内存,使用后一定要及时清除,不然可能会引起内存泄漏。深拷贝和浅拷贝?深拷贝:复制一个新的对象,这个对象有自己的指针,改变原对象不会影响当前对象浅拷贝:只复制一个对象的指针,当改变原对象时新对象也会改变cookie、sessionStorage和localStora原创 2021-04-13 18:16:40 · 497 阅读 · 0 评论 -
css定位?
absolute:绝对定位,相对于离他最近的祖先级定位元素进行定位,若找不不到则相对于body定位,会将元素变成块。relative:相对定位,相对于当前文档流的位置进行定位,不会脱离文档流。fixed:固定定位,相对于屏幕视窗进行定位,会脱离文档流,会变成块。...原创 2021-04-12 21:26:41 · 77 阅读 · 1 评论 -
虚拟DOM执行步骤?
1、当底层数据发生变化,UI部分会在虚拟DOM中进行描述2、对比真实DOM与虚拟DOM的区别,找出更新的部分3、对需要更新的进行真实DOM的渲染原创 2021-04-07 21:33:00 · 74 阅读 · 0 评论 -
js简版教程?
toFixed(2) // 保留小数点后几位paseFloat(3.14) // 转换为小数parseInit(3.14) // 转换为整数``原创 2021-01-14 21:09:09 · 72 阅读 · 0 评论 -
节流和防抖?
防抖:当触发一个函数,他不会立即执行,而是有个延迟时间,延迟时间内再次触发,则会重新计算延迟时间节流:多次触发函数,一段时间内只会触发一次原创 2021-01-10 22:18:32 · 58 阅读 · 0 评论 -
深拷贝和浅拷贝的区别?
浅拷贝:只复制指向某个对象的指针,而不复制对象本身,新旧对象共享一块内存;深拷贝:复制并创建一个一摸一样的对象,不共享内存,修改新对象,旧对象保持不变。原创 2020-12-31 17:36:11 · 66 阅读 · 0 评论 -
cookie、sessionStorage和localStorage的区别?
cookie只适合保存较小的数据,如会话标示,最大存储空间只有4k,可设定过期时间sessionStorage和localStorage是h5新增的本地存储的方式,拥有5m存储空间sessionStorage在浏览器关闭的时候销毁,在不同浏览器窗口不共享localStorage会被永久存储,在不同浏览器窗口共享...原创 2020-12-31 16:10:46 · 63 阅读 · 0 评论 -
前端工程化?
主要是为了提高开发效率和降低开发成本,应从模块化、组件化、规范化、自动化几方面考虑原创 2020-12-29 12:13:31 · 72 阅读 · 0 评论 -
箭头函数和普通函数的区别?
1、箭头函数的this指向当前函数所在作用域的环境2、箭头函数的this是在定义时决定的3、普通函数的this决定于调用他的对象原创 2020-09-09 12:53:52 · 92 阅读 · 0 评论 -
webpack优化的方式?
自带的优化:tree-sharking 依赖关系的解析,没用到的代码不打包,只有在生产环境才生效scope-hoisting 作用域提升,一个变量若能直接拿到结果,不会打包到代码中自己实现的代码优化:速度优化happypack 多线程打包,注意 体积较小,打包速度慢体积优化IgnorePlugin 忽略本地化内容,如引入了一个插件只用到了中文语言包,话把其他语言包删除掉忽略打包文件externals :{}...原创 2020-09-05 09:39:57 · 94 阅读 · 0 评论 -
tcp协议三次握手?
第一次握手:建立连接时,客户端发送syn包(syn=j)到服务器,并进入SYN_SEND状态,等待服务器确认;第二次握手:服务器收到syn包,必须确认客户的SYN,同时自己也发送一个SYN包,即SYN+ACK包,此时服务器进入SYN_RECV状态;第三次握手:客户端收到服务器的SYN+ACK包,向服务器发送确认包ACK,此包发送完毕,客户端和服务器进入ESTABLISHED状态,完成三次握手,客户端与服务器开始传送数据...原创 2020-09-01 11:59:04 · 87 阅读 · 0 评论 -
em?
em相对于父元素的字体大小原创 2020-08-16 23:37:22 · 113 阅读 · 0 评论