一、前端能做什么
一、前端能做什么
文章目錄
- 一、前端能做什么
- 軟件
- 服務端
- 客戶端
- 視頻
- 游戲
- 動畫
- 可視化
- 電視
- 硬件
軟件
- Web
- web(World Wide Web)即萬維網,它是一種基于超文本和HTTP的、全球性的、動態交互的、跨平臺的分布式圖形信息系統。是建立在Internet上的一種網絡服務，為瀏覽者在Internet上查找和瀏覽信息提供了圖形化的、易于訪問的直觀界面，其中的文檔及超級鏈接將Internet上的信息節點組織成一個互為關聯的網狀結構。
- vue.js
- Vue.js是一套構建用戶界面的漸進式框架。Vue 只關注視圖層， 采用自底向上增量開發的設計。相比于Angular.js，Vue.js提供了更加簡潔、更易于理解的API。
- React.js
- React 是一個用于構建用戶界面的 JAVASCRIPT 庫。主要用于構建UI，很多人認為 React 是 MVC 中的 V（視圖）。
- Angular.js
- AngularJS 通過新的屬性和表達式擴展了 HTML。AngularJS 可以構建一個單一頁面應用程序（SPAs：Single Page Applications）。
服務端
- Node.js
- Node.js 就是運行在服務端的 JavaScript。Node.js是一個事件驅動I/O服務端JavaScript環境，基于Google的V8引擎，V8引擎執行Javascript的速度非?？?#xff0c;性能非常好。
- koa.js
- 基于 Node.js 平臺的下一代 web開發框架，由Express框架原班人馬重新打造。 Koa 并沒有捆綁任何中間件，而是提供了一套優雅的方法，幫助您快速而愉快地編寫服務端應用程序。
- express.js
- 基于 Node.js 平臺，快速、開放、極簡的 Web 開發框架。Express主要基于Connect中間件框架，功能豐富，隨取隨用。
客戶端
- react-native
- React Native使你只使用JavaScript也能編寫原生移動應用。 它在設計原理上和React一致，通過聲明式的組件機制來搭建豐富多彩的用戶界面。
- flutter
- Flutter是谷歌的移動UI框架，可以快速在iOS和Android上構建高質量的原生用戶界面。
- ionic
- ionic 是一個強大的 HTML5 應用程序開發框架。它主要關注外觀和體驗，以及和你的應用程序的UI交互，特別適合用于基于Hybrid模式的HTML5移動應用程序開發。
視頻
- hls.js
- HLS (HTTP Live Streaming)是Apple的動態碼率自適應技術。主要用于PC和Apple終端的音視頻服務。包括一個m3u(8)的索引文件，TS媒體分片文件和key加密串文件。
- flv.js
- Flv.js是 HTML5 Flash 視頻（FLV）播放器，純原生 JavaScript 開發，沒有用到 Flash。它是一個實現了在 HTML5 視頻中播放 FLV 格式視頻的 JavaScript 庫。它的工作原理是將 FLV 文件流轉碼復用成 ISO BMFF（MP4 碎片）片段，然后通過 Media Source Extensions 將 MP4 片段喂進瀏覽器。
- xgplayer.js
- 它是西瓜播放器是一個HTML5播放器類庫，它本著一切都是組件化的原則設計了獨立可拆卸的 UI 組件。
游戲
- Babylon.js
- babylon.js是一個完整的JavaScript框架，用于構建HTML5，WebGL，WebVR和Web Audio的3D游戲和體驗. 除了游戲用來在頁面實現一些3D場景也是沒問題的.
- Voxel.js
- voxel.js 是一個類似于Minecraft 的 HTML5 游戲構建工具。可以在上面編程讓游戲變得很好玩.
動畫
- three.js
- three.js是JavaScript編寫的WebGL第三方庫。提供了非常多的3D顯示功能。
- anime.js
- anime.js是一個靈活的輕型JavaScript動畫庫。anime.js遵從MIT開源協議,可應用于各種商業網站或app而無需付費。壓縮后僅6K大小,且不依賴任何第三方庫,加載迅速。
可視化
前端可視化其實主要基于兩種方式去實現，一種是html5新出的canvas，另一種是svg。
- canvas更像自己用手畫上去的，它是一種位圖，在網頁中具有保存的功能，另外缺點就是放大會失真，但是毫無疑問性能比svg要好。
- 而svg更像html標簽一樣，另外我們用純div+css也可以做到可視化，不過性能就更差了，svg是基于xml的一個個標簽，而這些標簽可以添加dom事件，同樣svg是一種矢量圖，放大不會失真。
電視
- midWay
- Midway (中途島)品牌是淘寶技術部（前淘寶UED）前端部門研發的一款基于 Node.js的全棧開發解決方案。它將搭配團隊的其他產品，pandora 和 sandbox，將 Node.js的開發體驗朝著全新的場景發展，讓用戶在開發過程中享受到前所未有的愉悅感
- tvOS
- tvOS，蘋果研發系統，基于 iOS。tvOS 是專門為第四代 Apple TV設計的操作系統。
硬件
- IoT
- IoT.js 旨在為物聯網提供一個基于 Web 技術的可相互操作的服務平臺。IoT.js 的目標是要在資源受限的設備上良好運行，例如只有幾 KB 的 RAM。所以它支持廣泛的物聯。
- Ruff
- Ruff是一個JavaScript運行時環境，專為硬件開發而設計。它對硬件進行了抽象，使用了基于事件驅動、異步I/O的模型，使硬件開發變得輕量而且高效。
- Tessel
- Tessel直接在設備上運行JavaScript，連服務器都不需要。用你自己的IDE和庫去開發它，就像做網絡開發一樣。上傳新的固件只需一句tessel 推送指令，非常簡單。Tessel支持npm的庫，因此能夠利用日益增長的Node.js的社區及其功能。也就是說，能夠直接使用HTTP，Twitter，web服務器，顏色以及對異步支持等特性。
- JerryScript
- JerryScript是一個適用于嵌入式設備的小型JavaScript引擎。 使用C99編寫，以實現最大的可移植性。快照支持將JavaScript源代碼預編譯為字節碼。成熟的C API，易于嵌入到應用程序中。
- Johnny-Five
- Johnnt-Five 是一個支持 JavaScript 語言編程的機器人和 IOT 開發平臺，基于 Firmata 協議，一個機器人技術和物聯網的編程框架。
總結
- 上一篇： 正则表达式-进阶
- 下一篇： 二、前端开发-HTML