Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/biugle/share

前端技术讨论分享
https://github.com/biugle/share

demo technology-sharing web-share

Last synced: about 1 month ago
JSON representation

前端技术讨论分享

Awesome Lists containing this project

README 

        
# 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、自动化脚本、Mock 数据等



### 5. 前端进阶知识分享



* 前端缓存

* SVG 的使用与优化

* Sass/Less、UI 框架选择

* TypeScript

* MarkDown 介绍，会写 Markdown 的人很多，但写得好 Markdown 的人却很少？

* 优雅的编写前端文档（写文档简单、写好文档难）如何让后续的开发者快速上手项目？

* 前端项目的结构设计（目录、状态管理、组件抽离思路等）

* 响应式设计与设计规范、基础

* 小程序、H5

* 数据交互和API调用设计

* 前端动画和交互、数据可视化设计、WebGL、Canvas、3D动画等

* 前端国际化 i18n

* 服务器端渲染（SSR）和静态网站生成（SSG）

* **函数式编程、响应式编程、函数柯里化**

* pnpm、turbo、rxjs、sigi、monorepo

* 大前端/跨平台的发展方向(Flutter/Electron/Wails等)

* Node 后端服务开发

* 设计模式与编程思想的学习

* 软技能：如何寻找问题的解决办法？（百度？）

* 软技能：主动学习的方法与能力培养？（笔记、社区？）

* 软技能：团队协作/沟通能力提升（文档、学习后端/服务器等其他知识等，减少沟通壁垒与障碍、技术委员会定期分享评审？）

* 如何关注行业动态，前沿技术，社区发展？



## 参考链接



* 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://lruihao.cn

* https://a.biugle.cn/

* https://web-docs.biugle.cn