摘要: Vue 代码层面的优化; webpack 配置层面的优化; 基础的 Web 技术层面的优化。 一、代码层面的优化 1.1、v-if 和 v-show 区分使用场景 v-if 是 真正 的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建;也是惰性的:如果在初始渲染时条件 阅读全文
posted @ 2020-05-26 23:42 whkl梅 阅读(404) 评论(0) 推荐(1) 编辑
摘要: key值的作用 key值大多情况下使用在循环语句中,从本质来讲主要作用大概有以下两点: 1. 主要用在 Vue 的虚拟 DOM 算法,在新旧 nodes 对比时辨识 VNodes,相当于唯一标识ID。 2. Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染, 因此使用key值可以 阅读全文
posted @ 2020-05-20 17:21 whkl梅 阅读(9124) 评论(4) 推荐(1) 编辑
摘要: window.requestAnimationFrame()告诉浏览器——你希望执行一个动画,并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数,该回调函数会在浏览器下一次重绘之前执行。 requestAnimationFrame跟setTimeout/set 阅读全文
posted @ 2020-05-19 17:12 whkl梅 阅读(843) 评论(0) 推荐(0) 编辑
摘要: 后端层面 前端登录成功之后,后端拿到useID,之后后端生成一个随机的密钥,密钥+useId来生成签名(token)返回给前端,同时把Jti(JWT id)存在redis里面(后端每次都随机生成密钥提高了安全性,jti存储在redis里面提高了读取速度) 前端带token去请求,后台decode t 阅读全文
posted @ 2020-05-18 16:49 whkl梅 阅读(344) 评论(0) 推荐(0) 编辑
摘要: ps 最近和后端在交流关于幂等性的处理,本来以为表单提交之前只有前端需要做处理,原来后台post本来不具备幂等性,为了防重复创建后台这边会加一些优化来防止一些关键数据的重复创建 锁(redis) 数据库的“唯一索引” 基于对http幂等性的理解 所谓的幂等性,相同的请求执行多次和执行一次的副作用是一 阅读全文
posted @ 2020-05-15 18:20 whkl梅 阅读(381) 评论(0) 推荐(0) 编辑
摘要: 1. 使用vue.mixin全局混入 混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。mixins 选项接受一个混合对象的数组。 混入的主要用途 1、在你已经写好了构造器后, 阅读全文
posted @ 2020-05-14 14:38 whkl梅 阅读(3223) 评论(0) 推荐(0) 编辑
摘要: 核心实现类 1. Observer : 它的作用是给对象的属性添加 getter 和 setter,用于依赖收集和派发更新 2. Dep : 用于收集当前响应式对象的依赖关系,每个响应式对象包括子对象都拥有一个 Dep 实例(里面 subs 是 Watcher 实例数组),当数据有变更时,会通过 d 阅读全文
posted @ 2020-05-14 09:50 whkl梅 阅读(399) 评论(0) 推荐(0) 编辑
摘要: 伪类+ transform 设备像素比device pixel ratio简称dpr,即物理像素和设备独立像素的比值。 scaleY(y) 通过设置 Y 轴的值来定义缩放转换。 阅读全文
posted @ 2019-05-30 18:03 whkl梅 阅读(217) 评论(0) 推荐(0) 编辑
摘要: QRCode 用法 1.使用npm安装到你的项目中 2. 使用commonjs或者es6模块方式导入 3 . 实例化QRCode对象 参数 参数 | 默认值 | 说明 | 备注 | | | text | string | 二维码内容字符串 | 如果是url的话,为了微信和QQ可以识别,连接中的中文使 阅读全文
posted @ 2019-04-30 19:33 whkl梅 阅读(10995) 评论(2) 推荐(0) 编辑
摘要: 常用方法 1 navigator.onLine 2 window.addEventListener() 3 获取网络资源 4 ajax请求 1. navigator.onLine 只会在机器未连上路由或者局域网才返回false;也就是连上路由,断网的情况也是返回true 2. window.addE 阅读全文
posted @ 2019-04-25 17:33 whkl梅 阅读(3595) 评论(0) 推荐(1) 编辑