1. 前端需要考虑的是如何展示数据，以及如何更方便高效的收集数据，在开发过程中要强调页面好不好看，交互好不好用。这就要求页面能吸引人，同时使得用户能够快速的获取自己想要的数据。吸引到了用户，就要想办法获取收集数据。分为显示收集和隐式收集，前者主要是表单形式，后者则要考虑隐私问题。
2. 后端需要对数据进行存储和分析，开发过程中则要考虑字段设计，数据安全，数据处理效率等。
3. 前端学习后端，思维上有巨大的转变，在学习过程中培养后端的数据思维，在全栈开发过程中快速切换。

技术是分层的，每一层各司其职，层与层之间通过接口通信。

TCP/IP 协议的分层模式，拿 HTTPS 来举例，HTTP 层专注于报文，SSL/TLS 层专注于安全，TCP 专注于传输控制，IP 专注与包的传输过程等等

技术学习也是分层的，每一层对应的知识学会了，再打通层与层之间的连接，技术体系就建立起来了。

比如 React，当前层是 react 的各种 API，从小的方面讲，其下层就是 react 的工作原理；从大的方面讲，其下层就是 JavaScript，再下就是浏览器，操作系统。

比如 webpack，当前层是 webpack 的各种配置，下层也是 JavaScript，再下是 Node.js，操作系统。

上述举的例子可能不严谨，但在学习过程中和解决问题时，都要有分层的概念，清楚自己目前处在哪一层。

业务项目

管理后台

1. 更新升级项目脚手架，更新antd，做老代码兼容。
2. 使用at-console-component组件库重构老项目，开发业务。
3. 在项目中使用函数式组件和hook进行开发。

移动端H5

1. 梳理代步车相关项目构成。
2. 封装业务组件，例如日期选择器。
3. 更新项目脚手架。

前端基建项目

管理后台脚手架和移动端脚手架

移动端脚手架基于create-react-app，自定义了模板。

管理后台组件库和移动端组件库

1. 管理后台组件库基于antd，重点是统一了Form，ModalForm，Table(整合了table和searchForm)

2. 移动端组件库，自定义了表单组件（通过定义数组来渲染列表），定义数据展示item（flex布局）和列表，基于rc-picker封装日期选择器

组件库几个需要注意的点：

基础组件尽量功能单一，复杂组件可以使用基础组件进行拼装，组件之间通过API进行连接

做好向后兼容，引入新组件或者增加新功能要保证不影响之前的组件

项目迭代一定要维护好changeLog和文档更新

封装工具函数库

1. 封装常用工具函数，例如处理url参数（基于qs），http请求（基于axios创建实例）

2. 打算添加jest测试

封装代码lint规则库

项目标准化：

1. eslint-config-atzuche，统一代码风格
2. babel-preset-atzuche，统一babel配置
3. stylelint-config-atzuche，统一css文件的代码风格

封装js-bridge

场景式组块学习方法

1. 针对具体的场景，搜集各种资源，构建知识框架

2. 通过学习，向知识框架中不断填充只是组块。

知识之网

子网--知识组块。

学会就是新知识能够挂接上已有的旧知识子网。

知识之网的遍历方法：从已掌握的一个知识点出发，进行深度遍历。

N + 1层和N - 1层

读书那些事

选书

多遍阅读法

1. 前言、序和目录

2. 第一章，通常讲背景，后续章节可以读开头和结尾。

3. 第二遍只在干货上下功夫

4. 第三遍看前面没看过的内容

5. 第四遍看没看懂的内容