前言:
2019年还不到半个月就会过去,2020年即将到来,技术日新月异,前端更是比女孩子的心思变的还快,所以如何应对不断的技术变化与变革,是每个技术人员最关心的事情。有句话说的好,万变不离其宗,所以形成自己的体系,至少要有体系思维,才能再不断的变化中,以不变应万变,去挑战未来的不确定性,做到胸有成竹,心中坦荡,宠若不惊。以下的前端知识体系也许是你需要的,接下来将从脑图谱和文档结构进行编排
前端知识体系图谱
Todo List
- 为图谱对应的列表增添超链接,链接到知识点对应的更多内容的页面(建议文档渠道:官网、MDN、GitHub、wiki,中英文随意)
- 编程基础
- 开发软件
- 类库框架
- 知识进阶
- 工程开发
- [X] 编程思想
- [X] 领域分支
- [X] 社区发展
- [X] 计算机基础
- [X] 后端知识
- 软技能
- Js中文网 – 前端进阶资源教程 https://www.javascriptc.com/
- 增加二级图谱,进行更详细的拓展
- 编程基础
- 开发软件
- 类库框架
- 知识进阶
- 工程开发
- 编程思想
- 领域分支
- 社区发展
- 计算机基础
- 后端知识
- 软技能
编程基础
HTML(5)
CSS(3)
JavaScript(ES6+)
开发软件
编辑器和IDE
调试工具
切图
类库框架
工具库
开发库/框架
知识进阶
网络通信
通讯协议
- API风格
性能
- 性能指标
- 首次绘制(FP)
- 首次内容绘制(FCP)
- 首次有效绘制(FMP)
- 每秒传输帧数(FPS)
- 用户可交互时间
- DNS解析时间
- TCP连接时间
- HTTP请求响应时间
- *:以用户为中心的性能指标
- 评估工具
安全
浏览器
- IE6/7/8/9/10/11 (Trident) / Edge (EdgeHTML)
- Firefox (Gecko)
- Chrome/Chromium (Blink)
- Safari (WebKit)
- Opera (Blink)
- *:can i use
工程开发
模块化
版本管理
依赖管理
语言增强
构建工具
转换器
CI/CD
代码质量
- 质量检测
- 单元测试
- E2E测试
编程思想
设计模式
架构模式
- Script
- Code Blocks
- Code Behind
- MVC
- MVP
- MVVM
- Flux
- *:你对MVC、MVP、MVVM 三种组合模式分别有什么样的理解?
编程范型
程序设计
领域分支
可视化
移动Web
游戏开发
便携式设备
社区发展
计算机基础
编译原理
- 词法
- 文法
- V8
- AST
- JIT
- *:JavaScript 语法解析、AST、V8、JIT
数据结构
- 堆(Heap)
- 栈(Stack)
- 队列(Queue)
- 链表(Linked List)
- 数组(Array)
- 树(Tree)
- 集合(Set)
- 哈希表(Map)
- *:JavaScript 算法与数据结构
算法
排序
- 冒泡排序
- 选择排序
- 插入排序
- 快速排序
- 希尔排序
- 归并排序
- 堆排序
- 计数排序
- 基数排序
- 检索
- 线性搜索
- 二分查找
- 索引
- 深度优先搜索(DFS)
- 广度优先搜索(BFS)
- Diff
Js中文网 – 前端进阶资源教程 www.javascriptC.com,typescript 中文文档
一个帮助开发者成长的社区,你想要的,在这里都能找到
操作系统
- PC
- Linux
- Unix
- Windows
- Mac OS
- Mobile
- Android
- IOS
计算机网络
后端知识
Node
编程语言
- C/C++/Java/PHP/Ruby/Python/…
网页服务器
数据库
数据缓存
软技能
学习能力
- 知识储备
- 知识分享
技术能力
- 解决问题
团队协作
- 沟通技巧
项目管理
- 业务理解
- 需求分析
- 项目评估
人员管理
架构设计能力
- 交互设计
- 可用性
- 扩展性
- 安全性
- 性能
参考文献
作者:dragonking
链接:https://juejin.im/post/5dfa360c5188251258387c28
看完两件小事
如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:
- 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
- 关注公众号 「画漫画的程序员」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程
本文著作权归作者所有,如若转载,请注明出处
转载请注明:文章转载自「 Js中文网 · 前端进阶资源教程 」https://www.javascriptc.com