摘要:
什么是BFC?
BFC 触发条件是什么?
作用是什么? 阅读全文
摘要:
* 为什么组件中data必须为函数
解答:Vue组件中可能存在多个实例,如果使用对象形式定义data,会导致他们公用一个data对象,状态变更将会影响所以组件的实列。采用函数形式定义。在initData时会将其作为工厂函数返回全新data对象,有效避免多个实列之前的状态污染问题;
* Vue根实例为什么可以使用对象
解答:因为根实例只能有一个,不需要担心污染问题; 阅读全文
摘要:
v-if和v-for 那个优先级最高?如果两个同事出现,应该怎么优化到更好的性能? 阅读全文
摘要:
webpack2.x开始⽀持 tree shaking概念,顾名思义,"摇树",清除⽆⽤ css,js(Dead Code) Dead Code ⼀般具有以下⼏个特征 代码不会被执⾏,不可到达 代码执⾏的结果不会被⽤到 代码只会影响死变量(只写不读) Js tree shaking只⽀持ES mod 阅读全文
摘要:
什么是正则表达式 Regular Expression 使用单个字符串来描述、匹配一系列符合某个句法规则的字符串 按照某一种规则去匹配符合条件的字符串 修饰符 g 名称:global 说明:全文搜索,不添加的话,搜索到第一个匹配停止 i 名称:ignore case 说明:忽略大小写,默认大小写敏感 阅读全文
摘要:
vue-cli3 svn 导入 安装依赖 npm install svg-sprite-loader -D 查看webpack 自带的规则 vue inspect --rule svg 修改规则和新增规则,vue.config.js const path = require('path'); fun 阅读全文
摘要:
虚拟列表 什么是虚拟列表 虚拟列表是一种根据滚动容器元素的可视区域来渲染长列表数据中某一个部分数据的技术 为什么需要虚拟列表 虚拟列表是对长列表的一种优化方案。在前端开发中,会碰到一些不能使用分页方式来加载列表数据的业务形态,我们称这种列表叫做长列表。比如,手机端,淘宝商品展示,美团外卖等,数据量特 阅读全文
摘要:
根据图片头信息验证 const files = document.getElementById('files') const arr = []; files.onchange = async function(e) { const file = e.target.files; arr.push(fi 阅读全文
摘要:
md5 文件上传 当用户在操作文件上传功能时,某些文件特别大,比如:100M,1G ?G 。网速慢,浏览器卡顿,可使用文件切片方式上传。 html 页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name 阅读全文