前端資源(框架,庫,網站)


前端有很多優美的框架和庫,以及一些資源很多的網站和博客,今天我准備和大家分享分享

    框架

    

    插件

    工具

    網站

 (由於Vue和React的UI庫比較多,我將在下一篇文章中展示)

框架

     Vue:

      Vue (讀音 /vjuː/,類似於 view) 是一套用於構建用戶界面的漸進式框架。

      Vue 被設計為可以自底向上逐層應用。

      Vue 的核心庫只關注視圖層,不僅易於上手,還便於與第三方庫或既有項目整合。

      與現代化的工具鏈以及各種支持類庫結合使用時,Vue 也完全能夠為復雜的單頁應用提供驅動

      鏈接:https://cn.vuejs.org/v2/guide/index.html

 

  React:

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

      React主要用於構建UI,很多人認為 React 是 MVC 中的 V(視圖)。

      React 起源於 Facebook 的內部項目,用來架設 Instagram 的網站,並於 2013 年 5 月開源。

      React 擁有較高的性能,代碼邏輯非常簡單,越來越多的人已開始關注和使用它

      鏈接:https://react.docschina.org/

 

  React Native:

      React Native使你只使用JavaScript也能編寫原生移動應用它在設計原理上和React一致,通過聲明式的組件機制來搭

      建豐富多彩的用戶界面。

      最終產品是一個真正的移動應用,從使用感受上和用Objective-C或Java編寫的應用相比幾乎是無法區分的。 React

      Native所使用的基礎UI組件和原生應用完全一致

      鏈接:https://reactnative.cn/

 

  angular:

      完全使用JavaScript編寫的客戶端技術。同其他歷史悠久的Web技術(HTML、CSS和JavaScript)配合使用,使Web應用

      開發比以往更簡單、更快捷

      AngularJS主要用於構建單頁面Web應用。它通過增加開發人員和常見Web應用開發任務之間的抽象級別,使構建交互式的

      現代Web應用變得更加簡單。

      AngularJS的開發團隊將其描述為一種構建動態Web應用的結構化框架

      AngularJS使開發Web應用變得非常簡單,同時也降低了構建復雜應用的難度。它提供了開發者在現代Web應用中經常要用

      到的一系列高級功能

      鏈接:https://angularjs.org/

 

  Flutter:

      Flutter是谷歌的移動UI框架,可以快速在iOS和Android上構建高質量的原生用戶界面。

      Flutter可以與現有的代碼一起工作。

      Flutter是完全免費、開源的

      Flutter是一款移動應用程序SDK,一份代碼可以同時生成iOS和Android兩個高性能、高保真的應用程序

      鏈接:https://flutterchina.club/

 

  Taro(泰羅):

      一套遵循React規范的端統一開發框架(京東的凹凸實驗室開發)

      可以只書寫一套代碼,再通過 Taro 的編譯工具,將源代碼分別編譯出可以在不同端(微信/百度/支付寶/字節跳動小程序、

      H5、React-Native 等)運行的代碼

      全面支持TypeScript

      鏈接:https://taro.aotu.io/

 

   Chameleon(變色龍):

      端統一開發框架,“一端所見即多端所見”,你只需開發一次就能跑所有端(滴滴開發)

      獨創強大的跨多端語法檢查功能

      獨創多態協議,輕松維護一套代碼實現跨多端

      一鍵導出原生組件無污染引用原生組件

      鏈接:https://cml.js.org/#/

 

  UIkit:

      UIkit 是 YOOtheme 團隊開發的一款輕量級、模塊化的前端框架,可快速構建強大的web前端界面。

        UIKit提供了全面的HTML、CSS及JS組件,它們使用簡單,容易定制和擴展。

        基於LESS開發,代碼結構清晰簡單,易於擴展和維護,並且具有體積小、反應靈敏的響應式組件,

      你可以根據 UIKit 基本的風格樣式,輕松地自定義創建出自己喜歡的主題樣式。

        鏈接:http://www.getuikit.net/

 

  layUI:  

      layui(諧音:類UI) 是一款采用自身模塊規范編寫的前端 UI 框架,遵循原生 HTML/CSS/JS 的書寫與組織形式,

      門檻極低,拿來即用。

      非常適合界面的快速開發。

      她區別於那些基於 MVVM 底層的 UI 框架,卻並非逆道而行,而是信奉返璞歸真之道。

      准確地說,她更多是為服務端程序員量身定做,你無需涉足各種前端工具的復雜配置,只需面對瀏覽器本身,

      讓一切你所需要的元素與交互,從這里信手拈來 

      layui 兼容人類正在使用的全部瀏覽器(IE6/7除外),可作為 PC 端后台系統與前台界面的速成開發方案。 

      其獨立組件layer 作為 layui 的一個彈層模塊,是國內最多人使用的彈層模塊

 

  Amaze UI:

      是一個輕量級(所有 CSS 和 JS gzip 后 100 kB 左右)、 Mobile first 的前端框架, 基於開源社區流行前端框架編寫

      以移動優先(Mobile first)為理念,從小屏逐步擴展到大屏,最終實現所有屏幕適配,適應移動互聯潮流

      面向 HTML5 開發,使用 CSS3 來做動畫交互,平滑、高效,更適合移動設備,讓 Web 應用更快速載入。

      

  ramda:

     一款實用的 JavaScript 函數式編程庫

      鏈接:http://ramda.cn/docs/

    lodash:

      是一個一致性,模塊化,高性能的JavaScrip使用工具庫

      鏈接:https://www.lodashjs.com/

    Moment:

      一個Javascript時間日期處理類庫(大小約200多Kb)

      鏈接:https:http://momentjs.cn/   

  DayJS:

      一個輕量級的Javascript時間日期處理類庫(大小約7kb)

      鏈接:https://www.npmjs.com/package/dayjs

   

插件

  Swipper:

      Swiper是純javascript打造的滑動特效插件,面向手機、平板電腦等移動終端。

      Swiper能實現觸屏焦點圖、觸屏Tab切換、觸屏多圖切換等常用效果。

      Swiper開源、免費、穩定、使用簡單、功能強大,是架構移動終端網站的重要選擇!

      鏈接:https://www.swiper.com.cn/

  Sortable.js:

      是一款輕量級的拖放排序列表的js插件(雖然體積小,但是功能很強大)

      鏈接:https://www.npmjs.com/package/sortablejs

工具:

  飛冰(ice):

      Iceworks工具,這是一個圖形化界面的開發平台,它承載了ICE的物料體系和開發體驗,飛冰(ICE)是一套基於React的中后台應用解決方案

      特意吹兩句,開源沒有多久,但是十分好用

      鏈接:https://alibaba.github.io/ice/

網站

  SegmentFault(思否):      鏈接:https://segmentfault.com/

  

  掘金:

    

        鏈接:https://juejin.im/timeline

  

  博客園:

      鏈接:https://www.cnblogs.com/

 

  CSDN:

  

 

        鏈接:https://www.csdn.net/

 

  W3School:

  

        鏈接:http://www.w3school.com.cn/

  51CTO:

        鏈接:http://www.51cto.com/

 

  小老弟,看完了?看完了能不能給個推薦或者贊啊,躺等一手


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM