投稿大纲

注：前端九部-入门者手册由九部成员合著而成，目前仍然在不断地充实和完备内容和质量当中，九部由蚂蚁金服前端九组牵头，由各大互联网公司和高校的成员组成。投稿内容不限于此大纲，欢迎大家补充完善，九部成员可直接编辑，非九部成员可在评论区说明你觉得合适的模块，参与编写可申请成为九部正式成员喔。

面向群体

• 前端小白，在校学生，零基础开发者

前端入门

• 1.1 前端开发漫游指南 @平侠(zenany)
• 1.2 HTML
• HTML 简介 @Emily_z(emilyz)
• HTML5 特性归类 @牧云云(muyunyun)
• 1.3 CSS @Emily_z(emilyz)
• CSS盒模型
• CSS布局实践
• Flex布局
• 常见CSS示例
• CSS 响应式布局示例@法老老了(chenxin-beqsb)
• 1.4 ES5 基础语法@澄橙澄(chengchengcheng)
• JS（一）认识 JavaScript
• JS（二）引入、变量、值类型、运算符
• JS（三）比较运算符、逻辑运算符
• JS（四）条件语句,循环语句
• JS（五）简要介绍数组或对象 typeof 类型转换
• JS（六）函数、初始作用域
• JS（七）递归
• JS（八）预编译执行过程
• JS（九）作用域、作用域链
• 1.5 ES6 中的语言特性 @牧云云(muyunyun)
• 扩展运算符
• ES6 继承和 ES5 继承的差异
• Decorator
• Promise 札记
• Generator
• Async
• Reflect
• 箭头函数
• 1.6 JavaScript @Emily_z(emilyz)
• 关于 this 的解释说明
• 原型与原型链
• Event Loop
• 1.x Node.js @死月🌙(xadillax)
• 什么是 Node.js
• Node.js 的工作原理
• [ ] 如何写一个最简单的 HTTP 服务端
• 1.7 Ajax @whale(whale-wknrk)
• 1.8 MVVM 模式 @Emily_z(emilyz)
• 1.9 什么是单页应用 @Emily_z(emilyz)
• 2.0 函数式编程入门 @牧云云(muyunyun)
• 2.1 HTTP @骏卿(twinner)
• HTTP常见状态码详解
• 101
• 200
• 204
• 206
• 301&302
• 303&307
• …
• websocket

开发工具

• Iterm & zsh
• Prettier @澜嵚(shaozj)
• Datahub @杨龙龙 ziv(zivyangll)
• VSCode @Summer
• Eslint @兼续(jianxu)

前端构建

• Webpack基本配置 @相学长(wuomzfx)
• 深入了解 webpack @饭饭Icy(fanfanicy)
• rollup简介 @whale(whale-wknrk)

代码规范

• git 协同与提交规范 @shawncheung(shawncheung)
• JavaScript 代码规范
• CSS 代码规范 @北斗(beidou-vuoy3)
• Restful接口设计规范
• API定义规范

代码调试

• Chrome调试技巧 @小Z(xiaoz-ls8cb)
• 断点调试 @小Z(xiaoz-ls8cb)
• Debug模块 @小Z(xiaoz-ls8cb)
• Chrome 性能检测 @格子熊(gezixiong)
• console 调试技巧 @格子熊(gezixiong)

其他

• Fetch @储奎(chukui)
• dva @魑魅魍魉(chimeiwangliang-wkqft)
• …

React技术栈

1. React基础 @染陌(ranmo) @Nealyang (nealyang) @储奎(chukui)@储奎(chukui)@储奎(chukui)@犽羽 @牧云云(muyunyun) 合作

• 前端组件化 @兼续(jianxu)
• React.js 基本环境安装 @染陌(ranmo)
• 使用 JSX 描述 UI 信息 @染陌(ranmo)
• JSX 基本语法 @陈月半(chenyueban)
• 组件的 render 方法 @陈月半(chenyueban)
• 组件的组合、嵌套和组件树 @陈月半(chenyueban)
• 组件的 state 和 setState @陈月半(chenyueban)
• 配置组件的 props @陈月半(chenyueban)
• state vs props @陈月半(chenyueban)
• 渲染列表数据 @陈月半(chenyueban)
• 事件监听 @陈月半(chenyueban)
• 状态提 @沣睿(fengrui-twn4o)
• 组件生命周期 @魑魅魍魉(chimeiwangliang-wkqft)
• ref和DOM操作 @魑魅魍魉(chimeiwangliang-wkqft)
• props.children和容器类组件 @沣睿(fengrui-twn4o)
• dangerouslySetHTML 和 style 属性 @沣睿(fengrui-twn4o)
• 高阶组件 @犽羽
• context 共享状态 @犽羽
• React 16 特性剪辑 @牧云云(muyunyun)
• Suspense 解决了什么 @牧云云(muyunyun)

2. Redux相关知识点 @砖家(zhuanjia)

• 优雅地修改共享状态 dispatch
• 抽离 store 和监控数据变化subscribe
• 纯函数（Pure Function）
• 共享结构的对象提高性能 (…每次产生新的状态对象)
• Reducer

3. React-router @尘心(chenxin-sefhc)

• React-router简介
• 路由配置
• 默认路由IndexRoute
• History是什么？如何选择HashHistory和BrowserHistory

4. React-redux @砖家(zhuanjia)

• connect
• Pure Compoent / Dumb Component
• mapStateToProps
• mapDispatchToProps
• Provider
• Smart 和 Dumb 组件

Vue技术栈 @苹果醋(pingguocu) @林小辉(linxiaohui)

写作者预定完成时间