摘要：
最近总结了一下自己在项目中使用到的性能优化手段，这里主要从两个部分来详解vue项目的性能优化：代码层优化、webpack打包优化 一、代码优化 1、v-if 和 v-show v-if 是懒加载，当状态为 true 时才会加载，并且为 false 时不会占用布局空间； v-show 是无论状态是 t 阅读全文
posted @ 2020-11-17 12:12
古兰精
阅读(2106)
评论(0)
推荐(0)
摘要：
同源策略：使用过 Ajax 的同学都知道其便利性，可以在不向服务端提交完整页面的情况下，实现局部刷新，在当今 SPA 应用普遍使用，但是浏览器处于对安全方面的考虑，不允许跨域调用其它页面的对象，这对于我们在注入 iframe 或是 ajax 应用上带来不少麻烦。 简单来说，只有当协议，域名，端口号相 阅读全文
posted @ 2020-11-16 18:25
古兰精
阅读(5763)
评论(0)
推荐(0)
摘要：
一、问题背景 在做表单校验长度的需求中，发现不同字符 length 可能大小不一。比如的 "𠮷".length 是 2（需要注意这里并不是一个中文字！） '吉'.length // 1 '𠮷'.length // 2 '❤'.length // 1 '💩'.length // 2 你可以看一下 阅读全文
posted @ 2020-11-16 17:30
古兰精
阅读(1439)
评论(0)
推荐(0)
摘要：
一、JS 异常处理，为什么要处理异常？ 对于 Javascript 而言，我们面对的仅仅只是异常，异常的出现不会直接导致 JS 引擎崩溃，最多只会使当前执行的任务终止。 1、当前代码块将作为一个任务压入任务队列中，JS 线程会不断地从任务队列中提取任务执行。 2、当任务执行过程中出现异常，且异常没有 阅读全文
posted @ 2020-11-16 16:21
古兰精
阅读(745)
评论(0)
推荐(1)
摘要：
见到这个随机数生成算法好几次了，乍看有点鸡肋，本来用Math.random()就可以的事，想不清楚为什么他要用9301,49297,233280这三个数字？其中有道理吗？还是仅是随意选的三个数？但是这个组合貌似流传很广，好多网站源码里都见到过。 // 生成随机数 export function ge 阅读全文
posted @ 2020-11-16 14:51
古兰精
阅读(1128)
评论(0)
推荐(0)
摘要：
最近项目里需要大量上传文件，考虑使用阿里云提供的对象存储，并采用前端直传方案。这里并不想介绍如何使用，想知道如何使用，可以直接参考官方文档，也没啥特多介绍的，所以这里主要是记录一下使用中的注意点。 阿里云上传文件官方文档：阿里云上传文件前端直传方案文档 1、使用oss对象 在代码中使用OSS对象： 阅读全文
posted @ 2020-11-14 21:04
古兰精
阅读(5291)
评论(0)
推荐(0)
摘要：
一、render简介 Render 函数是 Vue2.x 新增的一个函数、主要用来提升节点的性能，它是基于 JavaScript 计算。使用 Render 函数将 Template 里面的节点解析成虚拟的 Dom 。 Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中，你真的 阅读全文
posted @ 2020-11-13 18:26
古兰精
阅读(4681)
评论(0)
推荐(0)
摘要：
一、使用template还是JSX？ 1、template特点 模板语法（HTML的扩展） 数据绑定使用Mustache语法（双大括号）：<span>{{title}}<span> 2、JSX特点 JavaScript的语法扩展 数据绑定使用单引号：<span>{title}<span> Vue官方 阅读全文
posted @ 2020-11-13 17:56
古兰精
阅读(1169)
评论(0)
推荐(0)
摘要：
一、概述 我们应该都知道 vue会通过 object.defineProperty 对数据进行劫持，来实现视图响应数据的变化，然而有些时候我们的组件就是纯粹的数据展示，不会有任何改变，我们就不需要 vue来劫持我们的数据，在大量数据展示的情况下，这能够很明显的减少组件初始化的时间，那如何禁止 vue 阅读全文
posted @ 2020-11-13 16:24
古兰精
阅读(2756)
评论(0)
推荐(2)
摘要：
一、为什么要使用 npm ci 1、package-lock.json的表现，在npm@5.4.2版本后的表现： （1）无package-lock.json：npm i 根据package.json进行安装，并生成package-lock.json （2）package.json和package-l 阅读全文
posted @ 2020-11-13 12:21
古兰精
阅读(2439)
评论(0)
推荐(0)
浙公网安备 33010602011771号