Blog

承认痛苦的无用性。

---

pattern.js

1. 数据劫持
2. 查询与中断
3. 观察者模式
4. 构造者模式
5. 单例模式
6. 策略模式

---

计算机理论基础

数据表示

1. 遵从 IEEE 754 表示的浮点数不能精确表示的最小整数 CSAPP 2.49
2. 使用位运算来判断二进制中是否包含奇数个 1. CSAPP 2.65
3. 二进制中最左侧的 1. CSAPP 2.66

程序设计

1. 所谓编程范式
2. 正则序与应用序
3. python 是强类型语言？
4. 程序虚拟机的两种实现方式

---

算法与数据结构

1. 兑换零钱
2. N 皇后的两种解法：回溯与 SAT
3. 蓄水池抽样算法 leetcode 382

数论

1. 关于斐波那契数列，我知道的都在这里了
2. 判断素数的一些方法
3. 汉诺塔

---

计算机网络

1. 数据传输方式
2. C/S 模式与 P2P 模式
3. [分组转发中的时延]
4. [TDM, CDM, WDM, WDM, STDM]

HTTP

1. URI, URL, URN
2. URL 编码
3. HTTP 状态码
4. 所谓 GET 与 POST
5. 图片防盗链
6. HTTP Header
7. HTTP 缓存
8. 短链技术
9. 多路复用与打包工具

---

编译技术

1. 编译流程概览
2. 将 Lisp 函数转化为 C 类函数
3. 借助 Acorn 实现 JavaScript 自定义语法
4. 基本块与控制流图
5. 数据流分析 —— 定义可达性
6. 数据流分析 —— 存活变量
7. 数据流分析 —— 有效表达时

---

Unix

1. Shebang
2. Bash Script

Linux

1. 虚拟化中的三种网络模式
2. Linux 常见指令
3. Linux 目录结构

Vim

问：如何输出一个随机的字符串？

答：让不会 vim 的人退出 vim.

1. Vim 技巧

---

C

1. printf("%lf", 3/2); 为什么输出 0.0000.
2. fgets 的用途 CSAPP 3.71
3. 在 C 语言中写汇编 CSAPP 3.73, 3.74

调试

1. GDB 入门
2. LLDB 入门

---

汇编

1. 寄存器一览
2. 进位标记位(CF) 与 溢出标记位(OF) 的区别。 有符号无符号、示例、寄存器中的存储形式
3. x86 中标记位的含义

---

Rust

多年之后，奥雷连诺上校站在内存溢出的程序前，会想起技术沙龙上没好好听 Rust 的那个遥远的下午。

1. Rust 执行流程
2. Rust 的编译期计算
3. Rust 中内存对齐
4. Rust 中的内存泄漏
5. Rust-learn: 1. 从安装到 Hello World
6. Rust-learn: 2. 15 分钟学 Rust
7. Rust-learn: 3. Rust 中的分号
8. Rust-learn: 4. 用 Rust 写一棵二叉树
9. Rust-learn: 5. trait

---

Haskell

1. 从数学函数到 Haskell 函数

---

HTML

1. HTML 中异步加载 JS 文件
2. 搞懂 script 标签中 defer 和 async
3. HTML 全局属性
4. 详解各类 meta 标签
5. style 标签一定要写在 body 前面吗
6. HTML 语义化

CSS

1. css 中长度与 px 转 rem
2. Chrome 中由合字引发的渲染问题
3. white-space 在文本编辑器中的使用
4. BFC
5. 用 CSS 画三角形
6. outline 与 border 的区别
7. 移动端上 0.5px 的线
8. margin 负值问题
9. 元素居中
10. 响应式布局
11. CSS 中的 @import
12. CSS, Less, Sass 中的 resolve 规则
13. 没有 outline-radius 的 outline 如何实现圆角

JavaScript

它的优秀之处并非原创，它的原创之处并不优秀。

1. JavaScript 中的继承
2. JavaScript 中覆盖继承的对象
3. string vs new String()
4. 为什么 0.1 + 0.2 === 0.3 返回 false
5. JavaScript 中的 this
6. JavaScript 中 call, apply, bind 的原理与实现
7. JavaScript 中的闭包
8. 分离单双击事件
9. EventLoop
10. JavaScript 中 Date 类型
11. JavaScript 中的深浅拷贝
12. 节流与防抖
13. 从示例来看 Ajax
14. Fetch vs Ajax
15. 浏览器中的已拦截弹窗
16. JavaScript 中函数中对象传参
17. 从图片加载来看 Promise
18. 函数表达式与函数声明的区别
19. JavaScript 糟粕
20. JavaScript Coverage: 从 NYC 到 C8

ES6

1. 箭头函数
2. (WIP)解构赋值的默认值
3. 模板字符串

node.js

1. node 中变量占用了多少内存
2. Node 内调用 Native 代码
3. 从 I/O 密集与 CPU 密集谈一谈 node.js （单线程，异步，非阻塞 I/O, 事件驱动，node 中间层的实际作用）
4. node 在控制台的输出带样式及原理

TypeScript

1. TypeScript 中的 interface 和 type
2. 用 type 替换 enum
3. 协变、逆变、双变

BOM: Browser Object Model

1. 页面性能监控
2. 页面存储方式
3. 获取图片原始宽高
4. 图片格式一览
5. navigator
6. screen
7. history
8. location

DOM: Document Object Model

1. DOM 操作中 querySelector 和 getElementById 的区别。 （后者可以 .style -> 区别，后者更快一点）
2. onclick 和 addEventListener 的区别
3. 属性 nodeType 的应用
4. HTML-DOM 和 DOM Core, CSS-DOM
5. is innerHTML asynchronous? reference
6. 常见 MouseEvent 事件总结
7. 拖拽的实现
8. 事件委托机制
9. 各式各样的宽与高
10. shadow DOM

---

Web 安全

1. 跨域问题
2. 文件上传漏洞
3. XSS
4. CSRF

---

ProseMirror

1. 指南翻译

---

前端工程

1. JavaScript 模块化发展
2. mono-repo 之从 npm link 到 lerna
3. 页面性能优化
4. 幻影依赖
5. RushJS 中使用 commitlint
6. Define 的设计与实现
7. package.json 常见字段
8. package.json 中与 resolve 相关的字段
9. 常见包管理工具的依赖管理策略

Babel

1. Babel 入门
2. 写一个极简的 Babel 插件
3. 已被废弃的 babel-polyfill

webpack5

1. webpack 核心概念
2. 使用 loader 解析 css
3. webpack 实现热更新的三种方式
4. webpack 中的文件指纹
5. publicPath/contentBase 的关系
6. webpack5 引入图片资源
7. 不同 sourceMap 的不同效果
8. tree shaking 优化代码
9. 代码分割
10. webpack 模块机制
11. 使用模块联邦实现微前端
12. loader 运行机制

SSR

1. 将 typeof 用于 SSR 中

SEO

1. (WIP)ssr 优化 seo 入门
2. prerender 预渲染技术

React

1. 从搭建极简的 React 脚手架开始
2. React 中自定义组件头字母为什么要大写？
3. React 中的 key
4. class 组件中为什么设计成需要 bind
5. 函数式组件中渲染两次的问题
6. (WIP)styled-components 的实现原理

React 类型系统

1. 函数组件中不建议使用 React.FC
2. React 与 ReactDOM 中类型