金钩梨

摘要： PWA概念（Progressive Web Application）: 当我们服务器挂掉的时候，访问网站就会无法连接，PWA会在我们访问过后在本地生成一份缓存，即使服务器挂掉，我们在访问的时候还是可以看到之前缓存的内容，webpack中就有一个插件（google提供）可以帮我们做这件事： npm i 阅读全文

摘要： 当我们编写了一个库(library.js)，需要进行打包给别人使用，那么别人可能使用的方式有： import library from 'library'; const library=require('library); require(['library'], function(){}); 所以 阅读全文

摘要： 打包分析： 我们可以借助一些工具，来分析打包出来的文件，来看它是否合理。 官方指令：https://github.com/webpack/analyse我们只需在package.json的打包命令中加入 --profile --json > stats.json ，如： "devbuild": "w 阅读全文

摘要： Tree Shaking:当我们写了好几个方法，但是实际上只用到了一个，那么我们需要在打包的时候剔除没有用到的代码，这就是tree shaking的作用，tree shaking只支持ES module的语法，即import、export这种，而不支持require这种commonJS的语法。在we 阅读全文

摘要： 模块热替换（Hot Module Replacement）： 当我们使用webpackDevServer，修改内容的时候，会自动刷新页面。当我们需要在修改代码的时候不刷新页面，仅更新修改后的代码的时候，就可以使用HMR，需要在webpack.cnfig.js中： const webpack=requ 阅读全文

摘要： entry、ouput： 当我们需要打包多个js文件时，需要在entry中增加入口： entry:{ main:'./src/index.js', sub:'./src/index.js' }, 如果存在相同入口，就需要在ouput中进行区分，以下写死命名就会报错： output:{ filenam 阅读全文

摘要： webpack一些基本知识： 提升webpack打包速度有两个关键点：1、node版本尽量新，2、webpack版本尽量新。高版本webpack会利用nodejs新版本中的一些特性来提高打包速度。不推荐全局安装webpack，因为全局安装webpack只有一个版本，若安装了4.x版本，而有个项目的w 阅读全文

摘要： webpack是一个模块打包工具 原始：最开始的时候我们做一个页面会通过如下形式编写网页： html： <p>这是原始网页</p> <div id="root"></div> <script src="./index.js"></script> index.js: var dom=document. 阅读全文

摘要： 全局标志g let reg=/^\d+$/g; reg.test(123); // true reg.test(123); // false 出现以上问题是因为reg的g属性，设置的全局匹配。RegExp有一个lastIndex属性，来保存索引开始的位置，当第一次执行以后，lastIndex为0，第 阅读全文

摘要： 性能上报--为性能优化提供数据论证 h5 performance 接口调用耗时 运行耗时 系统监控--监控系统的可靠性 PV（综合浏览量） 成功监控 错误监控 其他统计--产品数据分析 平台统计 业务统计 大部分情况下有一个第三方统计系统，根当前域名不一致，用ajax上报会产生跨域，所以这种情况下会 阅读全文