桃李子

摘要： mixin 抽离组件公共逻辑，好处是方便维护，只要在mixin中进行一次修改，就可以将所有引入了mixin的组件内公共逻辑一次性修改。 mixin.js文件，文件名可以自定义 // 抽离组件公共逻辑，方便维护 export default { data () { return { mixinData 阅读全文

摘要： .lazy -> 失去焦点生效; .number -> 限定输入类型为number; .trim -> 清除开头结尾的空格。 trim修饰器不能删除输入框内字符串中间部分的空格，这种需求可以用正则实现。 阅读全文

摘要： components: { List: () => import(/*webpackChunkName: "name"*/, 组件路径); } 异步加载组件后，如果目前这个组件还不需要用到，比如需要在点击一个按钮之后才显示某个组件，这时候就可以使用异步加载组件，可以减轻初次打开页面后的负担，是一种可 阅读全文

摘要： 这里的例子将dev代码合并至master分支。 1.dev将代码上传到远程； 2.切换值master分支： git checkout master; 3.master分支拉取代码（远程master可能更新了): git pull (origin master); 4.将远程的dev代码合并到当前的m 阅读全文

摘要： <Table style={{ marginTop: 20 }} columns={columns} dataSource={dataSource} rowKey={record => record.id} pagination={{ // 具体配置可看antd官网文档Pagination的API部 阅读全文

摘要： const keyword = '关键字'; let str = '把关键字换成蓝色'; const reg = new RegExp(`${keyword}`, 'g'); str = str.replace(reg, `<span style='color: #1B73E8;'>${keywor 阅读全文

摘要： 一、元字符 1、.表示匹配任意单个字符； 2、[]表示字符种类，如0-9，a-z，A-Z，表示范围； 3、[^]里面的^表示匹配的是除[]内的其他字符； 4、*表示匹配>=0个字符，如/abc*/表示匹配ab后面跟任意个c； 5、+表示匹配>=1个字符，如/abc+/表示匹配ab后面跟至少1个c； 阅读全文

摘要： 1.函数节流 函数在时间间隔内只能被触发一次。 函数节流有两种方式： （1）第一次执行： throttle(function,delay) { let timer = null; let first = true; let that = this; let args = arguments; ret 阅读全文

摘要： 1.CRP--关键渲染路径优化 减少关键资源（包括HTML、CSS、Javascript）的数量，这些资源指能够阻止网页首次渲染的资源； 减少关键路径的长度，可减少获取所有关键资源所需的往返次数和时间； 减少关键字节，这些字节等于所有关键资源文件大小，文件总和越大，首次渲染就会花更多时间。 2.DO 阅读全文

摘要： 1.entry entry属性用来指定一个入口起点或多个，写法有三种：字符串、对象、数组（一个、多入口、多入口），如下： module.exports = { entry: 'url' } module.exports = { entry: { app1: 'url1', app2: 'url2' 阅读全文