。入门标准很简单,一个是参加网络前端实际项目的开发水平。请注意,这是一个实际的项目,这需要知道现在实际的项目开发使用了哪些技术堆栈。HTML/CSS/JavaScript这三个基础技术堆栈一定要掌握,但要参与实际项目开发,必须掌握其他主流框架系统。

快速入门网络前端开发的正确姿势(图1)

几年前, jQuery Bootstrap 可以说是一统江湖,是前端领域的绝对霸主。近年来,随着Angular、React、Vuea等框架的兴起,成为百家争鸣的局面。近年来,网络前端的技术发展太快,相应地,技术堆栈也变得非常多,除了最基本的HTML/CSS/JavaScript、Vu/React/Angulart等JavaScript框架和各自的生态系统外,还有CSSS预处理器Sass/Less/Stylus、TypeScript、grunt/webck/gulp等各种包装构建工具。

快速入门网络前端开发的正确姿势(图2)

这么多技术栈,我们不能全部掌握。即使是老手的前端技术人员,也只是熟悉其中的一部分。例如,熟悉Angular的人,也有熟悉Vue的人。因此,我们入门也不需要在各个框架上学习,只要选择一个就足够了。而且,作为全栈,学习技术更重要的是学习技术背后的编程思想、设计思想、构造思想等。无论是Angular、React还是Vue,其背后的核心设计思想都是组件设计,只要掌握框架,就能学习前端技术的核心思想。

快速入门网络前端开发的正确姿势(图3)

{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}{x}应该学习哪些框架体系?我的建议是从Vue开始,因为Vue的学习成本是最低的,入门简单,而且这两年Vue的学习成本可以说是爆炸性的成长,已经逼近了React。React的主要学习成本是掌握JSX语法,文件多为英语。Vue 因为是国人开发和维护的,自然对国内的开发者更友好。Angular是一个大而完整的框架,看起来太重,学习成本当然最高。至于jquery,Bootstrapp这一套已经过时了,建议不要去学习,毕竟我们的时间很宝贵,还有很多更有价值的东西等着我们去学习。{x}{x}