皮皮溪

摘要： jwt生成的Token有三部分组成 header alg:采用的加密算法，默认是HMAC SHA256，采用同一个密钥进行加密和解密 typ:JWT,固定值，通常写成JWT即可 会通过base64Url算法进行编码 payload 携带的数据，比如我们可以将用户的id和name放到payload 默 阅读全文

摘要： 强缓存 不会向服务器发送请求,直接从缓存中读取资源 设置强缓存： expires(http/1.0,时间格式GMT) 表示相应头里的过期时间,浏览器再次加载资源时如果在时间之内在命中缓存。 cache-control(http/1.1,单位 秒) max-age(表示缓存内容在 xx秒后消失) no 阅读全文

摘要： Compiler和Compilation的区别 compiler 在 webpack 构建之初就已经创建，并且贯穿webpack整个生命周 ( before - run - beforeCompiler - complie - make - finishMake - afterComplier - 阅读全文

摘要： 什么是tree shaking Tree Shaking 是一个术语，在计算机中表示消除死代码 webpack实现 tree shaking 有两种方案 1. usedExports：通过表及某些函数是否被使用，之后通过Terser来进行优化 2. sideEffects：跳过整个模块/文件，直接查 阅读全文

摘要： 什么是CDN？ CDN称为内容分发网络(Content Delivery Network) 他是指通过相互连接的网络系统，利用最靠近每个用户的服务器； 更快，更可靠的将音乐，图片，视频，应用程序以及其他文件发送给用户； 来提供高性能，可扩展性以及低成本的网络内容传递给用户 在开发中，使用CDN主要有 阅读全文

摘要： 1.懒加载 常见的长列表优化方案，常见于移动端 原理：每次只渲染一部分数据，等渲染的数据即将滚动完，在渲染下面部分 优点：每次只渲染一部分数据，渲染速度快 缺点：数据量大的时候，页面中依然存在大量DOM，占用内存过多，降低浏览器性能，导致页面卡顿 使用场景：数据量不大的情况（具体看数据的复杂度） 2 阅读全文

摘要： 代码分离是webpack一个非常重要的特性，将代码分离到不同的bundle文件中，到时候可以按需加载或者并行加载这些文件。 webpack通过代码分离来控制加载资源的优先级提高代码的加载性能。 webpack常用的三种代码分离方式： 入口起点：使用entry配置手动分离代码。 防止重复：通过Entr 阅读全文

摘要： 模块热替换(HMR) 模块热替换是指在应用程序运行过程中，替换，添加，删除模块，而无需刷新整个页面。 HMR通过如下几种方式来提高开发效率： 1.不重新加载页面，保证某些应用状态不会丢失 2.只更新变化的内容，提高开发效率 3.修改css,js代码会立即在浏览器更新，相当于直接在浏览器的devtoo 阅读全文

摘要： 在webpack中，babel只能转换新的语法，如将es6转为es5，jsx转为js等，但但是无法处理新的api，如promise等，这时候就需要依赖polyfill。 polyfill可以理解为补丁的意思，用于实现浏览器不支持的原生的api代码。 polyfill的使用： 1.babel7.4之后 阅读全文

摘要： Babel是什么 babel是一个工具链，主要用于旧浏览器或者缓解中将es6以上代码转为向后兼容版本的js 包括：语法转换，源代码转换，polyfill实现目标缓解缺少的功能 babel使用： 下载babel-loade 添加options中的presets预设 use: [ loader: "ba 阅读全文