思维宫殿1.0

[coconilu]

网络和安全

1. • 从“浏览器输入URL后”说起
2. • 网络模型
3. • HTTP 协议
4. • HTTPS 协议
5. • HTTP2 协议
6. • 认证用户身份
7. • Web 安全专题
8. • OAUTH 2.0
9. • JSON Web Token

前端体系

下图参考李兵的《浏览器工作原理与实践》：

在程序猿鄙视链中，前端工程师是排在后端工程师和客户端工程师后面的，从上图不难看出，前端工程师貌似只需要了解渲染进程就可以了，因为脏活累活都让客户端工程师包揽了，并提供了简单好用的接口给前端工程师即可。

为什么会出现这样的情况呢？因为在互联网时代，客户端和前端其实是共生的局面，用户不希望天天升级客户端，但是又想看到各不一样的页面。没办法，浏览器只能这样设计，把通用的功能抽取出来提供给前端使用，而前端需要基于这些通用功能去实现风格不一样的页面，比如DOM接口，Ajax接口，Promise接口等等，这些都不是JS引擎的东西，是由浏览器注入到JS引擎的。这个局面很像硬件和软件的关系，也很像操作系统和应用的关系。

1. 关于浏览器

1. 浏览器运行原理概述
2. 资源加载和页面渲染
3. 浏览器缓存机制
4. 同源策略与跨域请求
5. 页面生命周期

2. 关于JS引擎

1. • JavaScript 引擎
2. • V8 引擎
3. • 异步编程与事件循环
4. • 深究Function.prototype.bind
5. • 虚拟DOM与diff算法
6. • Snabbdom 官方文档翻译
7. • 抽象语法树
8. • JS 切面编程

3. 前端基础知识储备

• 前端基础知识储备

4. 框架研究

关于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 原理部分

5. 优化指南

6. 前端工程化实践

1. 前端工程化概述
2. 前端工程项目结构
3. 前端工作流
4. 前端开发环境
5. 前后端通信
6. 提交-构建-部署
7. 前端监控

7. NodeJS研究

1. • NodeJS 运行原理
2. • NodeJS 编程模型
3. • 基础模块
4. • 网络模块
5. • 系统模块
6. • 工具模块
7. • Express源码解析
8. • Koa源码解析
9. • Express和Koa的对比
10. • NPM 指令大全
11. • 配置 NPM
12. • NPM 上传自己的项目
13. • NPM与工作流
14. • NPM技巧收集（持续更新）
15. • Yarn 使用手册

8. 工具

1. • GraphQL 速记手册
2. • axios 核心源码解读
3. • git模型
4. • git常用API
5. • git 案例(持续更新)
6. • GitHub Flow
7. • Babel 运行过程
8. • Babel API
9. • WebPack模型
10. • Webpack 进阶功能
11. • webpack-dev-server 原理探讨
12. • Webpack相关课题（持续更新）
13. • 常用Loaders和Plugins（持续更新）
14. • Webpack 与内存
15. • webpack 与定制化编译过程
16. • source-map实践
17. • vscode 设置默认终端为bash
18. • vscode 开发插件
19. • Jest 简介
20. • TypeScript 简介
21. • Chrome开发者工具
22. • Protocol Buffers原理解析
23. • 前端与Nginx

🏆 开源贡献

社区活动

翻译活动

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

NPM 开源共享库

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

开源项目

1. 管理GitHub的stars
2. source-map查看器