简要说明

个人开发学习梳理知识体系的地方，部分内容或图片来源于互联网（如若有侵犯到您的权益，请及时与我联系删除）。如果内容对您有帮助，那是再好不过了，若发现有错误则非常欢迎指正。

文章可以自由转载，但请保留出处及链接，主要是让读者可以获取最新的修正内容。

• wechat：cniter

思维导图版本

环境及工具：

• 平台系统：Mac OS（macmini rmbp）
• 开发工具：vscode（主）、idea
• 服务器：centos
• 版本管理：git
• 辅助工具：xmind，Typora
• 本站文档生成工具：vuepress

官方标准：

• W3C (opens new window)
• ecma-262-6 Standard(ES6) (opens new window)

参考书：

• MDN WEB 文档 (opens new window)
• devdocs (opens new window)
• devtools (opens new window)
• 印记中文 (opens new window)

简述

前端到底能干什么，它的天花板到底在哪？

从工程角度而言，现在公司层面项目较多使用Vue、React作为View层库，两者的生态都很好，提供了方便的cli脚手架工具以及其他优秀的配套工具，开箱即用。从工程结果看，一两年的开发人员和3-n年资深前端开发人员差距不大，一两年的大都能很好的完成项目开发以及准时上线，无非是代码组织以及质量可能不同而已。那如何体现前端人员之间的差距，以及该往哪些方向提升自己的能力？

应该从两个方向突破这问题：硬实力和软实力。硬实力很好理解，就是一步一步的技术成长。作为技术人员，应该多积累一些项目经验以及技术沉淀。前端除传统的HTML、JS、CSS三驾马车外，还需要了解后端服务知识，多端应用等。软实力指团队合作中，作为技术人员与产品、交互、视觉、测试、市场等相关人员的沟通以及协作。前端人员也是半个产品，半个交互，半个测试，对工程的每个环节有自己的理解和思考。

PS：2013 年开始入坑前端然后放眼全栈，中途也一起线下合伙创业（幼教体能）及线上远程创业（社交旅游）过。所谓的知识体系是根据自己有限的工作经历及学习记录而来，并非绝对完整的知识体系。站在“巨人”的肩膀上，部分内容可能更适合有一定基础的人阅读。作为个人知识体系，是建立在我的认知范畴内的，不会完整搬抄 API 列表及其用法。当前阶段学习资料太多太零散，我也只会记录我了解及用过的相关技术栈。一些过时的技术栈会选择淘汰，一些新兴的趋势也会及时关注。目前线下坐标厦门岛内，也欢迎交流，甚至有好的项目可以一起创业。