摘要：
什么是设计模式？ 就是前人经过无数次实践总结出来的一套写代码的方式。 常见的几种设计模式： 1. 工厂模式 工厂就是用来隐藏创建实例的复杂度的。使用者不用关系内部的逻辑，只管传约定好的参数，就可以得到想要的新实例。 2. 单例模式 保证一类对象在全局只有一个对象实例可以访问，常用于全局缓存、全局状态 阅读全文
摘要：
1. hash 修改的时候：history.pushState('名字', null, '/xxx') || location.hash = '/xxx' 回退的时候：window.addEventListener('statepop' || 'hashchange') 2. history 修改的 阅读全文
摘要：
FC（Formatting Context） 它是W3C CSS2.1规范中的一个概念，定义的是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。 BFC（block formatting context） 直译为“块级格式化上下文” W3C原文： 阅读全文
摘要：
HTTP 2 推荐阅读：https://segmentfault.com/a/1190000011172823?utm_source=tag-newest 进来支持 HTTP 2 的网站越来愈多了，这是一个很好的趋势。虽然 HTTP 2 的 RFC 写得很厚，但是总的来说可以总结为以下几点： 1. 阅读全文
摘要：
推荐阅读：http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html 1. 启动网格布局 启动后，子元素的float、display: inline-block、display: table-cell、vertical-align 阅读全文
摘要：
1. 三次握手、四次挥手 详细查看：https://www.cnblogs.com/amiezhang/p/6703390.html 2. ARQ 协议 ARQ 就是超时重传机制，分为 2 种：停止等待ARQ 和 连续ARQ 停止等待ARQ： 只要 A 向 B 发送一段报文，都要停止发送并启动一个定 阅读全文
摘要：
TCP 我们了解得多了，所以今天我们站在 UDP 的角度，探讨一下 UDP 区别于 TCP 的特点。 1. 面向无连接 UDP 比 TCP 简单得多，不需要“三次握手”来建立连接，直接把内容发送出去。 2. 数据的不可靠性 UDP 不会验证数据报文，不会流量控制，因此数据有可能会出现失真，或者丢包的 阅读全文
摘要：
1. vue 生命周期函数（详细查看：Vue实例的生命周期（钩子函数）） 有 10 个钩子，对应 5 个动作： create（创建） mount（vdom挂载） update（数据更新导致dom需要重新渲染和打补丁） activated（keep-alive组件激活） destory（销毁） 2. 阅读全文
摘要：
推荐阅读：原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的 废话少说，先来看个图： 1.浏览器先解析HTML产生一个 DOM Tree。 2.解析 CSS 会产生 CSS Rule Tree。 3.解析完成后，浏览器引擎会通过 DOM Tree 和 CSS Rule Tree 来构造 Ren 阅读全文
摘要：
现实 webpack 的打包产物 大概长这样(只把核心代码留下来)： 实现一个简版的webpack 依葫芦画瓢，实现思路分2步： 1. 分析入口文件，把所有的依赖找出来（包括所有后代的依赖） 2. 拼接出类似上面的立即执行函数 找依赖 ps: 我们用的是babel的配套工具来做语法分析和转化，但是真 阅读全文