- 博客(6)
- 收藏
- 关注
原创 vue3新特性分析(一)
vue3新特性分析(一)内容vue3比vue2.x更快vue3比vue2.x更小vue3比vue2.x更易维护内容你好!这一部分主要介绍了Vue3.0与Vue2.x 之间一些【理论性】的差别,不包括新增特性与功能。主要从更快、更小、更易维护三个方面进行整理。Vue3正式版已完全发布,GitHub vue-next。vue3比vue2.x更快重构了虚拟DOM的写法,渲染速度提升回顾下Vue2.X 中虚拟DOM工作流程:1.用 JavaScript 对象结构表示 DOM 树的结构;然后用这个树构
2020-11-24 15:30:16 1288 2
原创 WEB优化方案整合
1.DNS预解析DNS解析也是需要时间的,通过DNS预解析可以预先获得域名对应的Ip2 缓存策略的选择缓存一般分为强缓存和协商缓存。良好的缓存方案可以避免资源的重复加载,提高网页整体的加载速度。强缓存表示在缓存期间不需要再次请求。一般通过两种响应头实现:Expires(http1.0)和Cache-Control(http1.1)原理是通过设置过期时间,来避免在这个时间内对这个资源的再次请求如果缓存过期了,可以通过协商缓存来解决。ETag 是协商缓存的一种方式,类似于文件指纹。选择合适的缓
2020-05-15 13:03:28 272
原创 DOM事件类相关
1.DOM事件的级别2.DOM事件模型3.DOM事件流4.描述DOM事件捕获的具体流程5.Event对象的常见应用6.自定义事件DOM0 element.onclick = function(){}DOM2 element.addEventListener(‘click’, function(){},false)DOM3 element.addEventListener(‘ke...
2020-04-27 11:30:04 138 1
原创 js设置盒模型的宽高几种方式优劣
1.dom.style.width/height这种方式不支持来自外链的CSS样式表2.dom.currentStyle.width/height这种方式仅IE支持3.window.getComputedStyle(dom).widht/height相比第二种方法来说 兼容性是较好一点的4.dom.getBondingClientRect().width/height获取绝对位置...
2020-04-22 16:24:27 241
原创 viewport中的属性
在开发移动端项目的时候,对 viewport 进行适配是必不可少的<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">总结下 通过meta标签的content属性对viewport 进行的几...
2020-04-16 01:18:21 532
原创 总结Vue响应式原理
一.Vue的工作机制在Vue实例化的过程中 先是调用了内部的init方法,通过编译和render函数进行渲染,然后getter收集依赖,setter派发更新,最后更新dom。二.Vue响应式原理 Object.definePropertyvue的响应式原理主要是通过Object.defineProperty 实现的。vue对每个属性的getter和setter 方法层都做了拦截。访问某个属...
2020-04-05 00:14:32 173 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人