前端词聚集合

本文对前端常见词汇进行解释，并分享相关文章，适合前端初学者进行知识拓展。
优秀文章请积极推荐哦！
废话很少说，下面开始（打哪指哪，不分先后）：

- 前端

解释：
前端，指的是网站的前台部分，是直接面向用户的，主要工做是美化页面，优化交互动画，为用户提供视觉上的美的感觉，提升操做体验。

推荐文章：

• 《个人职业是前端工程师》

- 语义化

解释：
HTML5新增的一些带有意义的标签，使用这些标签制做网页称做语义化开发。

推荐文章：

• 什么是语义化的HTML?有何意义？为何要作到语义化？

- 自适应

解释：
因为移动互联网的发展，网页不只要在PC端浏览，还要知足在不一样尺寸、分辨率的移动设备上浏览，这种根据屏幕尺寸自动改变尺寸的页面叫作自适应页面。

推荐文章：

• 浅谈Web自适应
  
• flexible.js如何实现rem自适应

- Less 和 Sass

解释：
Less 和 Sass 都是 CSS 的预处理工具，提供了不少 CSS 没有的功能，如混入、变量、运算、函数、嵌套、颜色处理等。
相似的工具还有 stylus、PostCSS 等。

推荐文章：

• Less 中文网
  
• Sass 中文网
  
• Less介绍及其与Sass的差别
  
• CSS-Next : CSS预处理器简单写法的替代者, 想了解下么?
  
• 从 PostCSS 与 cssnext 中看 CSS 的新特性

- 数据可视化

解释：
经过HTML5的 Canvas 绘图或 SVG 绘图将数据进行图形化展现，使数据更直观可见。经常使用的工具备 echarts、highcharts、d3.js、three.js等。

推荐文章：
超级干货 ：一文读懂数据可视化

- ES6

解释：
ECMAScript 6，JavaScript 的第六代标准，新增了 let、const、解构赋值、Symbol数据类型、promise、import、export 等新特性。

推荐文章：
ECMAScript 6 入门

- 模块化

解释：
将大文件拆分红多个小文件，而后进行统一的拼装和加载，对于开发复杂的大型网站来讲，模块化开发使产品代码更易于维护和管理。典型的模块化规范有AMD(RequireJS)、CommonJS和CMD(SeaJS)

推荐文章：
js模块化编程之完全弄懂CommonJS和AMD/CMD！
AMD 和 CMD 的区别有哪些？

- 工程化

解释：
随着前端技术的发展，前端能作的事情愈来愈复杂，传统的一行行手敲代码的开发方式已经不能知足前端的需求，因而像React、AngularJS、Vue这样的前端框架应运而生，前端开始引入软件工程管理的思想，将前端开发工程化。

推荐文章：
谁能介绍下web前端工程化？

- 自动化

解释：
前端自动化是工程化开发的一部分，咱们能够经过各类第三方工具自动安装开发环境，自动检测代码错误，合并压缩程序，编译浏览器不能识别的代码等。自动化开发工具备 webpack、gulp、grunt等。

推荐文章：
浅谈前端自动化构建
前端自动化工具推荐
入门 Webpack，看这篇就够了

- 前端安全

推荐文章：
前端安全系列（一）：如何防止XSS攻击？
前端安全系列（二）：如何防止CSRF攻击？

。。。待续

阅读原文 请关注个人 github