最近有在学习 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 不会给你一个确切的数字,但它可以帮助你理解算法如何拓展。