README.old.md

Bayes 的博客

每个人都应该有自己的思维宫殿，它有利于我们面对复杂系统的时候，可以游刃有余地去理解它们。 这些年来我收集了很多文章、博客，但我也是最近才想要仔细去把它们整理并串联起来，希望能组成一个有层次感的知识宫殿。

📚 思维宫殿

从“浏览器输入URL后”说起

关于网络和安全

1. • 网络模型
2. • 数据链路层
3. • IP 协议
4. • TCP 协议
5. • HTTP 协议
6. • HTTPS 协议
7. • HTTP2 协议
8. • 网络模型中的其它协议（持续更新）
9. • 认证用户身份
10. • Web 安全专题
11. • OAUTH 2.0
12. • JSON Web Token

关于专业基本功

计算机组成

操作系统

数据库

数据结构与算法

1. JavaScript实现的排序算法

1. • 校验排序算法的算法
2. • 冒泡排序
3. • 插入排序
4. • 选择排序
5. • 希尔排序
6. • 递归排序
7. • 快速排序

2. 其他有意思的算法

1. • 数组洗牌效果

关于“浏览器运行原理”的系列博客

1. 浏览器运行原理概述
2. 资源加载和页面渲染
3. 浏览器缓存机制
4. 同源策略与跨域请求
5. JavaScript 引擎
   • V8 引擎
6. 异步编程与事件循环

关于 “进阶的JavaScript”系列博客

• • 类相关
• • JS 常用对象和全局对象的常用方法
• • JS 常用操作符
• • JS 常用数据结构
• • JS 可迭代对象、迭代器、生成器
• • 防抖和节流
• • ES6 要点
• • JS 函数式编程
• • JS 元编程
• • JS 设计模式
• • 用代码讲述Promise原理——每个人都应该有自己的Promise
• • 深究Function.prototype.bind
• • JS 编程技巧（持续更新）

关于 “前沿的JavaScript”系列博客

• • 虚拟DOM与diff算法
• • Snabbdom 官方文档翻译
• • 抽象语法树
• • JS 切面编程

关于 “Web编程模型” 的系列博客

• Web编程模型概述

1. HTML模块

1. • HTML概述
2. • HTML标签及属性

2. CSS 模块

1. • CSS 概述
2. • CSS 基础
3. • CSS 收集解析模型
4. • CSS 盒模型
5. • CSS 布局相关
6. • CSS 行内元素排版原理
7. • CSS 样式检索
8. • CSS 进阶内容（持续更新）
9. • CSS 工程化

3. WebAPI 模块

1. • WebAPI 概述
2. • DOM 模型
3. • DOM的事件模型
4. • Web API参考
5. • WebAPI 字节处理能力

4. 综合模块

1. • Web交互的关键：提交表单
2. • 上传文件
3. • position: sticky的polyfill
4. • 实现缓慢回到顶部
5. • 网页关键数据与坐标
6. • 响应式布局
7. • FLIP 动画
8. • 动画队列
9. • 页面生命周期
10. • 前端开发需要注意的一些细节（持续更新）

5. 优化指南

1. 网络方面
2. 浏览器方面
3. 服务器方面

前端业务场景

1. • 懒加载图片
2. • 预加载图片
3. • 弹幕效果
4. • 翻牌效果
5. • 拖拽专题
6. • 雪碧图
7. • Canvas 经典案例（持续更新）
8. 借助history api优化浏览器前进后退
9. • JS生成图片方案

关于VueJS

1. • VueJS 运行过程
2. • VueJS 响应式原理及简单实现
3. • VueJS 的编译阶段到挂载节点
4. • VueJS 的模板引擎
5. • VueJS 的VNode
6. • VueJs 的组件化
7. • VueJS 的调试
8. • VueJS API
9. • VueJS 全家桶

关于React

1. • React 运行过程
2. • React 进阶
3. • React 原理部分

关于NodeJS

1. • NodeJS 运行原理
2. • NodeJS 编程模型
3. • 基础模块
4. • 网络模块
5. • 系统模块
6. • 工具模块
7. • Express源码解析
8. • Koa源码解析
9. • Express和Koa的对比
10. • NodeJS 集群
11. • Node 与视频流媒体
12. • pm2 使用手册

关于包管理器

1. • NPM 指令大全
2. • 配置 NPM
3. • NPM 上传自己的项目
4. • NPM与工作流
5. • NPM技巧收集（持续更新）
6. • Yarn 使用手册

关于GraphQL

• GraphQL 速记手册

关于JS第三方工具库

• axios 核心源码解读
• lodash

🎮 工具

1. 设计工具

Ant Design

Fusion Design

NG-ZORRO

2. 版本管理工具

Git

• git模型
• git常用API
• git 场景
• GitHub Flow

3. 构建工具

Webpack

• WebPack模型
• Webpack 进阶功能
• webpack-dev-server 原理探讨
• Webpack相关课题（持续更新）
• 常用Loaders和Plugins（持续更新）
• Webpack 与内存
• webpack 与定制化编译过程

Babel

• Babel 运行过程
• Babel API

Travis CI

• Travis CI 使用手册

其它

• source-map实践

4. 开发测试工具

VScode

• vscode 设置默认终端为bash
• vscode 开发插件

Jest

• Jest 速记手册

TypeScript

• TypeScript 速记手册

Google开发者工具

• Google 开发者工具使用指南
• Devtools 设备模式
• Devtools 元素模板
• Devtools 控制台面板
• Devtools 源代码面板
• Devtools 网络面板
• Devtools 性能面板
• Devtools 内存面板
• Devtools 应用面板
• Devtools 安全面板

抓包工具

• wireshark 使用手册
• Fiddler 使用手册

代理工具

• SwitchyOmega 使用手册

5. 服务器相关

Nginx

• 前端与Nginx
• Protocol Buffers原理解析
• Nginx 配置小结

🏆 开源贡献

社区活动

翻译活动

1. 参与MDN翻译
2. 掘金翻译计划

NPM 开源共享库

1. @coconilu/mypromise
2. my-lazyload-picture
3. my-flip-animation
4. sticky-polyfill

开源项目

1. 管理GitHub的stars

勘误与改进

如果博客对您有所帮助或启发，期待您的star，同时对作者也是一种鼓励。

License

所有文章采用知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆许可协议进行许可。