一、前端能做什么

文章目錄

• 一、前端能做什么
• • 軟件
  • • 服務端
    • 客戶端
    • 視頻
    • 游戲
    • 動畫
    • 可視化
    • 電視
  • 硬件

軟件

• 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的速度非常快，性能非常好。
• 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 協議，一個機器人技術和物聯網的編程框架。

總結

以上是生活随笔為你收集整理的一、前端能做什么的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。