Web 前端技術總覽
HTML 
web前端技術亮點_Web 前端技術總覽
HTML 是一種用于建立網頁的标準的超文本标記語言。HTML 運作在浏覽器上，由浏覽器解析。HTML 定義了網頁的内容。
目前最新的标準為 HTML5， 相比于上一個版本在移動裝置上支援了多媒體。
CSS web前端技術亮點_Web 前端技術總覽
CSS 用于控制網頁的樣式和布局，CSS3 是最新的 CSS 标準。
JavaScript web前端技術亮點_Web 前端技術總覽
JavaScript 是 web 的程式設計語言，其用于控制網頁的行為和互動。
html、css、javascript 應該是入門前端所必須學習的。
Pug web前端技術亮點_Web 前端技術總覽
Pug是一款健壯、靈活、功能豐富的HTML模闆引擎,專門為 Node.js 平台開發。
是一種通過縮進(表示标簽間的嵌套關系)的方式來編寫代碼的過程，在編譯的過程中，不需要考慮标簽是否閉合的問題。可以加快寫代碼速度，也為代碼複用提供了便捷。
Pug 文檔：https://www.pugjs.cn/api/getting-started.html
Stylus web前端技術亮點_Web 前端技術總覽
富于表現力、動态的、健壯的 CSS。
Stylus 是 CSS 的預處理架構，在 Stylus 中可以使用變量、函數、循環等 CSS 沒有的東西來編寫樣式檔案。
Stylus 文檔：https://stylus.bootcss.com/
Sass web前端技術亮點_Web 前端技術總覽
Sass 是世界上最成熟、最穩定、最強大的專業級 CSS 擴充語言。
Sass ：https://www.sass.hk/
Babel web前端技術亮點_Web 前端技術總覽
Babel 是一個 JavaScript 編譯器。
Babel ：https://www.babeljs.cn/
pug、stylus、sass、Babel 是 html、css、JavaScript 的進階擴充。
以下主要為用 JavaScript 建構的架構和庫。
React web前端技術亮點_Web 前端技術總覽
用于建構使用者界面的 JavaScript 庫。
React：https://react.docschina.org/
Vue web前端技術亮點_Web 前端技術總覽
漸進式 JavaScript 架構。
Vue：https://cn.vuejs.org/
Flutter web前端技術亮點_Web 前端技術總覽
Flutter是谷歌的移動UI架構，可以快速在iOS和Android上建構高品質的原生使用者界面。
Flutter：https://flutterchina.club/
D3.js web前端技術亮點_Web 前端技術總覽
D3 是最流行的可視化庫之一，它被很多其他的表格插件所使用。它允許綁定任意資料到DOM，然後将資料驅動轉換應用到Document中。你可以使用它用一個數組建立基本的HTML表格，或是利用它的流體過度和互動，用相似的資料建立驚人的SVG條形圖
D3.js ：https://d3js.org/
TensorFlow.js web前端技術亮點_Web 前端技術總覽
TensorFlow 是一個端到端開源機器學習平台。它擁有一個全面而靈活的生态系統，其中包含各種工具、庫和社群資源，可助力研究人員推動先進機器學習技術的發展，并使開發者能夠輕松地建構和部署由機器學習提供支援的應用。
TensorFlow.js：https://tensorflow.google.cn/
還有其他的 JavaScript 和 CSS 架構和庫...
極力推薦一個網站：CodePen
https://codepen.io/
CodePen 是一個前端代碼分享網站和線上前端代碼開發工具。
你可以在上面發現大量優秀的設計作品，并找到你的設計靈感，更多的是，你能收藏并學習别人的開發代碼。
這些都是錄屏自 CodePen 中用代碼建構的動畫。