最近有在学习 winter 老师的重学前端课程整理，打算根据课程的内容整理一下自己的前端知识体系，总的来说还是下面的标题进行梳理。 JavaScript: 按照文法、语义和运行时去讨论 JavaScript 语言。即“用一定的词法和语法，表达一定语义，去操作运行时”。 HTML 和 CSS: HT ...
前端工程实践
性能 对于任何一个前端团队而言，性能都是它价值的核心指标，但性能并非细节的堆砌，也不是默默优化，我们应当从团队角度来探讨性能的方法论和技术体系。 工具链 对一个高效又合作良好的前端团队来说，一致性的工具链是不或缺的保障，作为开发阶段的入口，工具链又可以和性能、发布、持续集成等系统链接到一起，成 ...
CSS 整理
同样也是按照语言和功能来划分，语言部分从大到小有各种语法结构，比如@rule、选择器、单位等等；功能的部分大致可以分为布局、绘制和交互类。
在布局类我们常用的布局有: 正常流和弹性布局；绘制类则分成图形相关和文字相关的绘制；最后则是动画和其他的交互。
HTML 整理
HTML 可以按照功能和语言来划分它的知识，HTML 的知识主要由标签来承担，所以我们首先会把标签做一些分类。诸如 title、meta、style、link、base 这些，它们用来描述文档的一些基本信息。还有一类是诸如 section、nav 的标签，它们在视觉表现上跟 div 没有区别，但是各有各的适用场景，我们把它们称作是语义类标签。另外一类是 img、video、audio 之类的替换型媒体类标签，用来引入外部内容，平常开发中也很常用。再有就是表单类的，比如 input、button。
浏览器的实现原理与 API
实现原理 从浏览器设计出发,按照解析、构建 DOM 树、计算 CSS、渲染、合成和绘制的流程来理解浏览器的工作原理 浏览器首先使用 HTTP 协议或者 HTTPS 协议,向服务端请求页面； 把请求回来的 HTML 代码经过解析,构建成 DOM 树； 计算 DOM 树上的 CSS 属性； 最后 ...
JavaScript 内存管理
什么是内存泄漏？ 当我们决定不再使用某些内存时，由于错误的编码，未能使得 GC(Gabbage Collection)正确的将这些内存回收的情况，就是内存泄漏。 内存的占用 一个对象占用的内存分为直接占用内存(Shallow Size)和占用总内存(Retained Size)，赋值和 New 操作 ...
docker知识点整理
前段时间在做 Wechaty 相关的项目，使用 Docker 的体验远远要超出我之前的想象。不管是开发过程中还是开发之后交付的流程都会简化很多。
以下是我目前一些整理，之后可能会有更深度的学习吧！
关于'Bug-O'表示法
当你在编写对性能敏感的代码时，最好记住他的算法复杂性。它通常表达用 Big-O 表示法表示。
Big-O 衡量代码在向其投入更多数据时会变慢多少。例如，如果一个排序算法具有 O(n2) 的复杂度，则排序 ×50 倍以上的项目大致将变慢 502 = 2,500 倍。Big O 不会给你一个确切的数字，但它可以帮助你理解算法如何拓展。