Update README.md

README.md

@@ -1,2 +1,71 @@
 # web-share
 前端技术讨论分享
+
+## 前端知识分享路线
+
+### 1. 工欲善其事，必先利其器。
+
+> 前端开发的工具、库等特别杂，开发者不需要学会所有的工具，工具的目的无非是提升效能。所以开发者只需要找到属于自己的“武器库”即可。
+
+* 计算机基础与编程基础！
+* 编辑器的使用、优化
+* Git 的使用，规范。
+* Node的使用、版本控制(nvm)、常用配置、相关工具插件(nrm、pm2、nodemon等)。
+* 前端包管理、脚手架
+* 前端常用开发工具(抓包、浏览器插件、接口测试、性能监控(网站、代码)等)
+* 团队工具化建设
+
+### 2. 基础知识&开发规范&代码质量管控(EsLint/Prettier/Husky等)
+
+> 从最基础的 HTML/CSS/JS 入手，延伸到 Vue/React/Node 等，举例说明一些常用的规范、问题（开发标准与**规范制度**要一起落地）。也可以介绍一些代码开发上的心得，比如通过学习 Vue/React 的原理提出一些代码开发上的一些隐藏性问题（数据监听、路由跳转/刷新等）。
+
+### 3. 浏览器基础&网络/通信&前端性能/安全
+
+> 介绍分享：浏览器原理、JS引擎、浏览器兼容性、网络通信与开发环境建立等、前端的优化（性能、网络、安全、代码效率）
+
+
+### 4. 前端工程化开发
+
+> 介绍了解模块化开发(es/commonjs/umd等)、构建工具(webpack/vite/rollup等)、自动化测试、CI/CD、自动化脚本等
+
+### 5. 前端进阶知识分享
+
+* TypeScript
+* MarkDown 介绍，会写 Markdown 的人很多，但写得好 Markdown 的人却很少？
+* 优雅的编写前端文档（写文档简单、写好文档难）如何让后续的开发者快速上手项目？
+* 前端项目的结构设计（目录、状态管理、组件抽离思路等）
+* 响应式设计与设计规范、基础
+* 数据交互和API调用设计
+* 前端动画和交互、数据可视化设计优化等
+* 前端国际化
+* 服务器端渲染（SSR）和静态网站生成（SSG）
+* 大前端的发展方向(Flutter/Electron/Wails等)
+* 设计模式与编程思想的学习
+* 软技能：如何寻找问题的解决办法？（百度？）
+* 软技能：主动学习的方法与能力培养？（笔记、社区？）
+* 软技能：团队协作/沟通能力提升（文档、学习后端/服务器等其他知识等，减少沟通壁垒与障碍、技术委员会定期分享评审？）
+* 如何关注行业动态，前沿技术，社区发展？
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## 参考链接
+
+https://github.com/ascoders/weekly
+https://github.com/heicx/FE-Article
+https://github.com/SunLn/SunLn-F2E-Bookmarks
+https://github.com/coffe1891/frontend-hard-mode-interview 牛逼
+https://github.com/coffe1891/frontend-hard-mode-interview
+https://lruihao.cn
+https://a.biugle.cn/
+https://web-docs.biugle.cn