前端詞彙集合
本文對前端常見詞彙進行解釋,並分享相關文章,適合前端初學者進行知識拓展。
優秀文章請積極推薦哦!
廢話不多說,下面開始(打哪指哪,不分前後):
- 前端
解釋:
前端,指的是網站的前臺部分,是直接面向用戶的,主要工作是美化頁面,優化互動動畫,為使用者提供視覺上的美的感受,提高操作體驗。
推薦文章:
- ofollow,noindex" target="_blank">《我的職業是前端工程師》
- 語義化
解釋:
HTML5新增的一些帶有意義的標籤,使用這些標籤製作網頁稱作語義化開發。
推薦文章:
- 自適應
解釋:
由於移動網際網路的發展,網頁不僅要在PC端瀏覽,還要滿足在不同尺寸、解析度的移動裝置上瀏覽,這種根據螢幕尺寸自動改變尺寸的頁面叫做自適應頁面。
推薦文章:
- 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)
- 工程化
解釋:
隨著前端技術的發展,前端能做的事情越來越複雜,傳統的一行行手敲程式碼的開發方式已經不能滿足前端的需求,於是像React、AngularJS、Vue這樣的前端框架應運而生,前端開始引入軟體工程管理的思想,將前端開發工程化。
推薦文章:
誰能介紹下web前端工程化?- 自動化
解釋:
前端自動化是工程化開發的一部分,我們可以通過各種第三方工具自動安裝開發環境,自動檢測程式碼錯誤,合併壓縮程式,編譯瀏覽器不能識別的程式碼等。自動化開發工具有 webpack、gulp、grunt等。
- 前端安全
。。。待續