前端詞聚集合

本文對前端常見詞彙進行解釋，並分享相關文章，適合前端初學者進行知識拓展。
優秀文章請積極推薦哦！
廢話很少說，下面開始（打哪指哪，不分先後）：

- 前端

解釋：
前端，指的是網站的前臺部分，是直接面向用戶的，主要工做是美化頁面，優化交互動畫，爲用戶提供視覺上的美的感覺，提升操做體驗。

推薦文章：

• 《個人職業是前端工程師》

- 語義化

解釋：
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