前端技术主要分为:

基本技术: HTML / CSS / JavaScript,这属于基本技术

CSS 框架和库:如 Bootstrap 一类,但随着项目规模变大,一般都会有自己的 CSS 框架。库得话,有名的有 font-awesome 一类。

JavaScript 框架和库:传统的 DOM 操作框架,如 jQuery ,现在流行的 MV* 框架,如 Angular / Backbone / Ember / React 一类。库得话,比如常用的轮播库、各类 modal 弹窗库等

辅助工具与技术:主要是在开发、部署时使用,如开发时常用的 Gulp / Grunt / Webpack 工具及其插件,这些工具可以帮你启动 Web 服务器,可以压缩混淆 CSS / JavaScript 文件,可以文件打包等操作,还有像 CSS 的预处理语言( Stylus / LESS / SASS),JavaScript 的转译语言或工具(bable / CoffeeScript / TypeScript),模板引擎( Jade / EJS / artTemplate)

本地应用开发,像桌面应用遁形的 NW.js / Electron,移动应用开发的 React Native / Ionic 等
可以参见这里的图的介绍:

最后附送一篇前淘宝前端团队对前端技术这块的认知的文章 一个前端的自我修养

当然也希望你能从这篇文章中能有所学。


扫描二维码,在手机上阅读!