1. 程式人生 > >前端技術與工具匯總

前端技術與工具匯總

網絡資源 多重 客戶端 ria 服務端 匯總 webp 組件 編輯器

1.node.js

簡單的說, Node.js 就是運行在服務端的 JavaScript。

2.vue.js

Vue.js是一套構建用戶界面的漸進式框架,是一款極簡的mvvm框架,它是以數據驅動和組件化的思想構建的,相比於angular.js,Vue.js提供了更加簡潔、更易於理解的API。

http://jiongks.name/blog/just-vue

3.webpack

webpack是近期最火的一款模塊加載器兼打包工具,它能把各種資源,例如JS(含JSX)、coffee、樣式(含less/sass)、圖片等都作為模塊來使用和處理。

4.react

React 是一個用於構建用戶界面的 JAVASCRIPT 庫。

5.reduex

Redux最主要是用作應用狀態的管理。它是一個應用數據流框架,而不是傳統的像underscore.js或者AngularJs那樣的庫或者框架。

詳細使用參考:http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html

6.gulp 前端構建工具

gulp是前端開發過程中對代碼進行構建的工具,是自動化項目的構建利器;她不僅能對網站資源進行優化,而且在開發過程中很多重復的任務能夠使用正確的工具自動完成;使用她,我們不僅可以很愉快的編寫代碼,而且大大提高我們的工作效率。

7.grunt

grunt,javaScript 世界的構建工具,是一種自動化任務處理工具。詳細參考http://yujiangshui.com/grunt-basic-tutorial/

8.Bower

Bower,前端web開發包管理,可用於搜索、安裝和卸載如JavaScript、HTML、css之類的網絡資源,它擅長前端的包管理,通過其API展示了包依賴模型。有了Bower,你只需要輸入一個命令,jQuery就會安裝在本地計算機上,你不需要去記版本號之類的東西,你也可以通過Brower的info命令去查看任意庫的信息。可以很容易的展現客戶端的依賴關系。

9.Visual Studio Code(以下簡稱:VSCode)

跨平臺代碼編輯器,可在任何操作系統上進行編輯和調試。

https://zhuanlan.zhihu.com/p/22880087

10.BeJSON

JSON在線編輯器, JSON在線格式化工具, JSON驗證工具

前端技術與工具匯總