摘要：
一般我们谈的 webpack 优化 ，无非就是分为 打包时间 和 打包体积 的优化。 打包时间 优化打包时间，我们能想到的策略：减少需要读取和解析的文件 和 提高打包性能。 减少需要读取和解析的文件 1. 优化 loader 以 babel-loader 为例，如果可以，我们尽量规定 include 阅读全文
摘要：
图片 你知道吗？加载网页时，平均 60% 以上的流量都来加载图片。 预请求（预解析DNS、预渲染页面、预加载） 懒执行、懒加载 首屏不需要的逻辑延迟执行，不在首批的图片延时加载 去抖、节流 避免短时间内发出多次请求 CDN 尽可能的在各个地方分布机房缓存数据 阅读全文
摘要：
devicePixelRatio推荐阅读：https://developers.google.com/web/fundamentals/design-and-ux/responsive/images?hl=zh-cn Img 的 sizes 和 srcset sizes 这个属性可以写一些css，例 阅读全文
摘要：
1. 整数 例如十进制的 30 30/2 .......... 0 15/2 ............ 1 7/2 ............ 1 3/2 .............. 1 1/2 .............. 1 所以得到结果是 从下往上，倒着排 11110 就是二进制的 30 2. 阅读全文
摘要：
我们都知道在计算机里面，都是用补码来表示数字的，那究竟什么是补码，为什么要使用补码呢？ 什么是补码？ 介绍补码以前，需要先介绍 原码 和 反码。 原码 简单的来说就是最高位是符号位的二进制数 以8位二进制为例，最高位是符号位，其余就是用2进制来表示10禁止了 反码 正数的反码是其本身 负数的反码是, 阅读全文
摘要：
推荐阅读：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators << 左移 二进制数左移n位， 就等价于乘以2^n。 例如：14 << 2的值为56（可以算成14*2 阅读全文
摘要：
海明码，又称汉明码，是一种线性纠错码，用于纠正数据。 奇偶校验 我们常听的数据校验，莫过于奇偶校验了。 假设数据传过来01010101, 那么其中有1位作为校验位，如果数据中包含有奇数个1的话，则将奇偶位设定为1；反之，如果数据中有偶数个1的话，则将奇偶位设定为0。 但是这个显然只能知道出错了，但是 阅读全文
摘要：
点击劫持是一种视觉欺骗的攻击手段。 嵌套一个iframe，然后将 iframe 设置为透明。在页面中透出一个按钮诱导用户点击。 防御方法有2种： 1. X-FRAME-OPTIONS 通过 Response Header 设置，表示哪些情况下才允许使用 iframe 展示自己 deny 表示该页面不 阅读全文
摘要：
csrf 是跨站点伪造请求，主要利用发请求，浏览器每次都会自动带上 cookie 这个特点。 下面我们看看例子： 例子一： 如果博客园有一个关注博主的api是get请求的话，那这里我新建一个恶意页面： 在访问这个页面那一瞬,img就会跨域get请求这个api，你不知不觉间同时也像博客园这个接口发送了 阅读全文
摘要：
frame frame 必须在 frameset 里，而 frameset 又不能和 body 共存（就是一旦存在 frame，就不能存在 body 了，因此这个基本每人使用） 推荐阅读：https://www.w3school.com.cn/tags/tag_frame.asp Iframe 我们 阅读全文