![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
面经
文章平均质量分 79
三水草肃
爱前端
展开
-
JavaScript闭包的用法和使用场景
闭包的形成与变量的作用域以及变量的生存周期密切相关。原创 2022-10-14 01:27:28 · 324 阅读 · 0 评论 -
几道很好的this指向的题目。
箭头函数的this指向最近一层的非箭头函数,否则指向全局。原创 2022-01-25 14:27:48 · 777 阅读 · 3 评论 -
Vue生命周期源码分析~
Vue实例的生命周期大致可分为四个阶段初始哈阶段:为Vue实例上初始化一些属性,事件以及响应式数据模板编译阶段:将模板编译成渲染函数挂载阶段: 将实例挂载到指定的DOM上,即将模板渲染到真实DOM中销毁阶段: 将实例自身从父组件中删除,并取消依赖追踪及事件监听器初始化阶段:初始化阶段所做的第一件事就是new Vue()创建一个Vue实例,那么new Vue()的内部都干了上面,我们知道,new关键字在JS中表示从一个类中实例化出一个对象来,由此可见,Vue实例上是一个类,所以new .原创 2021-06-25 11:18:07 · 214 阅读 · 18 评论 -
前端性能优化方案总结~~干货满满!!!
图片格式和应用场景介绍jpg 存储和传输照片 有损压缩,加载快,体积小,不支持透明适合颜色丰富的照片,banner图,背景图png 透明,无损,体积大。适用于小logo,颜色简单且对比强烈的图片Gif动画,图标,不适合彩色图片,支持透明和不透明Webp适用于图形和半透明图像,提供有损和无损压缩不适用于彩色图片,图片压缩压缩png: node-pngquant-a=native跨平台,压缩比高,压缩png24非常好压缩 jpg: jpegtran压缩 gifGifsicle改变每原创 2021-06-05 16:37:35 · 340 阅读 · 46 评论 -
前端面试必考点
html标签的语义化是什么意思概念:让标签有自己的含义优势代码结构清晰,方便阅读,有利用团队开发有利于搜索引擎优化方便其它设备解析b标签和strong标签的区别strong是加重语气标签,b是粗体标签css3动画如何实现transfromtransition: 用来设置样式的属性值从一种状态平滑过渡另外一种状态,有四个属性transition-duration 变化延续的时间transition-property 变换的属性transition-timi.原创 2021-01-14 02:33:46 · 308 阅读 · 0 评论 -
前端八股文之Vue
1. Vue的响应式原理数据驱动视图,UI =render(state),state状态发生变化,vue经过模板编译,虚拟DOM,patch过程更新视图。vue2.x会使用object.defineProperty重新当以data中的所有属性,当页面使用对应属性,首先进行数据收集,如果是属性变化会通知相关依赖进行更新操作。vue3.x改用proxy替换object.defineproperty,因为Proxy可以直接监听对象和数组的变化。1. Vue的双向绑定双向绑定是通过数据劫持结合发布者-.原创 2021-01-06 15:31:36 · 7166 阅读 · 16 评论 -
URL查询字符串,取参数放到对象中
方法一```javascriptconst url = "http://www.baidu.com? a=1&b=2&abc=123" let data = url.split('?')[1].split('&') let obj = {}for (let i = 0; i < data.length; i++) { obj[data[i].split('=')[0]] = JSON.parse(data[i].split('=')[1])}cons.原创 2020-12-17 22:33:02 · 324 阅读 · 0 评论