一、关于前端

很多人总是以为前端人员就是写写页面这么简单，其实不是这样的，现代的前端岗位是一个综合素质要求很高的行业。
首先，作为前端程序员，不仅要掌握开发语言、数据结构、算法等编程素养，现在的前端应用场景复杂程度非常高，这就要求我们必须向后端程序员那样，具备很高的软件架构能力。

其次，前端的程序是直接跟用户交互的，现在的互联网竞争激烈，产品是否美观、操作是否友好，是吸引用户的重要因素，所以，还必须具备UI、美工、用户体验等多方面的设计能力。

最后，很多情况下，前端工程师要参与到产品运营推广工作中，这又要求总结、归纳、文案写作等能力，甚至是对数据的统计、分析能力等等。

二、前端技术路线

1.基础掌握

前端开发三剑客必须掌握：html、css、javascript。html负责组织页面结构及数据的承载，css是对外观显示效果的处理，javascript则是对行为、业务逻辑的处理。这些基础知识经过长期的迭代，目前已经发展到html5、css3、es6，必须掌握好。

2.进阶能力

对于进阶知识学习，这里推荐一些组件库、UI库，例如jquery或zepto（虽然他们以后会被取代）、ajax、bootstrap、less、sass等，这些内容的学习，不仅能直接提升你对基础知识的掌握、提高开发效率，并且能够实现大部分传统web应用场景的开发。

3.前端框架

这里的框架，指的是架构级别的基础框架，它必须对前端开发的各个方面提供支持，主流的框架以Vue、React、Angular为代表，这里推荐大家学习Vue，它提供了模板语法、组件、路由、监听、状态等一整套方案。框架的学习，让我们的编程思维得到更大的提升，对模块化、组件化、mvvm的开发思想会有新的认识。

4.前端工程化

现在越来越流行用工程化思想，来管理前端项目，这里的推荐组合是nodejs+webpack。通过webpack自动化搭建项目架构、组件安装及管理、测试管理以及代码压缩、混淆、编译、打包等。甚至跟一些诸如基于Vue的脚手架工具配合使用，能够搭建起开箱即用的项目架构。

5.技术加持

建议大家对诸如微信公众号、微信小程序等跟前端相关技术的学习，对自己的技术能力是很好的加持。

6.全栈开发

可以考虑一下全栈开发，目前阿里云和腾讯云等，提供了基于nodejs的云开发环境（云函数、云数据库、云存储等），可直接使用前端的js技术进行后端开发。

三、前端开发工具

1.WebStorm

被称为Web前端开发神器，对初学者非常友好，默认就提供了强大的功能，不需要像其它工具那样进行大量的插件安装，建议刚接触前端开发的同学使用。但是，这款工具比较消耗性能，内存占用大。

2.Vscode

这个是我个人强烈推荐的，除了性能外，各方面都比Sublime强大，特别是操作体验、习惯适合大部分人，另外，它还能用于c++/java等的开发。

3.Sublime

这是我使用过的最轻量化的前端开发工具，对性能要求比较高的同学的首选，需要手动进行插件安装配置，才能发挥出强大的功能。

四、前端发展方向

1.web开发

Web开发自然是不用多说，不仅能进行电脑端网站开发，由于HTML5的响应式、移动适配能力，也能开发手机端的网页。

2.游戏开发

HTML5游戏开发，游戏开发向来都是很有前景的方向，这方面需要掌握html5的canvas、WebGL、SVG等技术，以及一些html5的游戏引擎。

3.多屏多端开发

现在的前端，已经可以用于Android应用、IOS应用、微信小程序、支付宝小程序等不同操作系统、不同应用平台的开发，甚至可以做到一套代码，就能发布为不同平台的应用。有兴趣多屏多端开发的同学，推荐学习uni-app框架。另外，除了流行的移动端开发，通过Electron框架，也能使用前端技术，进行桌面端程序的开发。

浅谈前端开发必备知识点及未来发展方向相关推荐

动态磅是怎么原理_浅谈动态地磅的原理及未来发展方向
浅谈动态地磅的原理及未来发展方向: 文章介绍了动态地磅的结构和工作原理,针对动态地磅的分类做了全面的概述,分别对不同的动态地磅做了对比及详细的阐述,说明选择和使用动态地磅器的注意事项,凸显了轴组式动态 ...
浅谈编解码技术现状和未来发展
视频压缩技术MPEG-1.MPEG-2.MPEG-4和H.264等数字算法已被引入安防视频监控领域,随着网络技术的进步,一次次地改变着安防监控行业的历史,推动着安防行业向深度和广度发展.现阶段MPEG ...
浅谈前端自动化构建 -- Grunt、Gulp、FIS
前言笔记来源:拉勾教育大前端高薪训练营阅读建议:内容较多,建议通过左侧导航栏进行阅读前端自动化构建基本介绍一切重复工作本应自动化.将开发中的源代码,自动化的转换成生产环境中可以运行的程序, ...
前端开发面试知识点大纲
前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解.浏览器内核差异.兼容性.hack.CSS基本功:布局.盒子模型.选择器优先级及使用.HTML5.CSS3.移动端适应.Java ...
前端开发面试知识点大纲：
本文转自:http://segmentfault.com/a/1190000002562454,尊重作者,尊重原创前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解.浏览器内核 ...
浅谈敏捷开发和迭代开发相结合
(转自:http://www.cnblogs.com/xiangzhong/p/4983257.html) 浅谈敏捷开发和迭代开发相结合由于最近公司委派管理一个项目的开发,以往对开发体系没有特别的研 ...
浅谈API开发安全之生成sign（一）
在对于API的开发中,最让人头疼的就是接口数据暴露,让一些有心之人抓包之后恶意请求,那么如何解决这一弊端呢?自然而然的我们就想到了加密 ,那我们又如何加密,如何解密,才能使之有最安全的效率呢?这是一个 ...
2022浅谈前端八大UI库
之前在3月份的时候做过一个<浅谈前端八大UI库>的公开课,反馈还不错,当时就想着等有时间了,就把公开课讲的东西,组织成一个博客.这一等,就等了两个多月. 先说一下什么样的同学适合看这个博客 ...
浅谈前端路由原理hash和history
浅谈前端路由原理hash和history
浅谈web开发以及django的安装和入门
浅谈web开发 1.B/S和C/S结构 B/S:浏览器与服务器进行的交互模式(不需要官方下载的,一夫多妻制) C/S:客户机与服务器进项的交互模式(必须官方下载的,一夫一妻制 2.MVC和MVT MV ...

浅谈前端开发必备知识点及未来发展方向

文章目录