前端路由是现代SPA应用必备的功能,每个现代前端框架都有对应的实现,例如vue-router、react-router。 我们不想探究vue-router或者react-router们的实现，因为不管是哪种路由无外乎用兼容性更好的hash实现或者是H5 History实现，与框…

Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元素顺序被改变、或者子元素被删除的特殊情况，提前说明清楚。 那么它的 vnode 也就是虚拟 dom 节点大…

发送方连续先后发送两个数据包， 后发送的数据包可能先到达接收方，如果接收方按接收顺序处理数据包，这就会导致接收的数据包与发送的数据包不一致。 ...... 为了能够检测到数据包在传输过程中是否发生了差错，TCP引入了checksum。 接收方接收到多个报文后，可以基于seq多数…

百分比布局百分比布局（流式布局）是通过百分比单位"%"来实现对不同屏幕宽度的响应式效果百分比布局在布局中应用比较广泛，通过百分比单位使页面中组件的宽高随着浏览器宽高的变化而变化，从而实现响应式的效果缺

HTTPS 就是一个有安全保障的 HTTP 通信，我们都知道，http 是明文传输的，http 报文是人肉眼就可识别的 ASCII 码，在通信过程中，http 报文很容易被黑客窃听、篡改、伪造，而在互联网交易中，我们必须保证通信安全，所以就需要像 https 这样有安全层的协议…

今天在做一个小需的时候，忽然看到前辈一句吊炸天的代码 卧槽，竟然同时有async和defer属性，心想着肯定是前辈老司机的什么黑科技，两个一块儿肯定会发生什么神奇化学反应，于是赶紧怀着一颗崇敬的心去翻书翻文档，先复习一下各自的定义。 先看看async和defer各自的定义吧，翻…

window.history 对象包含浏览器的历史，window.history 对象在编写时可不使用 window 这个前缀。history是实现SPA前端路由是一种主流方法，它有几个原始方法： 在HTML5，history对象提出了 pushState() 方法和 repl…

模块化的文件，具有模块作用域，外部访问不到内部变量，内部也访问不到外部变量，默认都是封闭的。每个文件的命名空间都是独立且封闭的，不同模块之间不会互相影响，不会有污染情况 每次导出接口成员的时候都通过 module.exports.xxx = xxx 的方式很麻烦，Node 为了…