做前端頁面有哪些比較好的js框架?

知道一些名字,但不太懂他們都是做什麼的,求解釋,求推薦做頁面效果比較好的框架。

如bootstrap,vue等等


下班前的一答.

比較好的js框架...其實不太理解題主的意思.這裡的框架可以分為

  1. js框架,方便我們開發頁面
  2. css框架, 定義一些通用的組件樣式方便我們直接拿來使用
  3. ui框架, 定義了一些組件樣式和功能

單純的js框架 比如 vue,react,jquery這些方便我們開發組件和頁面,比如vue和react的mvc功能和jquery的dom操控等功能(QAQ這裡求不要討論jQuery是不是框架問題了...)

css框架的話 只是一些定義好的樣式,直接拿來用就可以渲染出漂亮的頁面,比如Pure | Pure中文站 | Purecss學習網 和 Bulma: a modern CSS framework based on Flexbox

ui框架的話分為 react-ui、vue-ui、通用ui 前兩者適合的範圍為他們的js框架, 後者的話是通用的比如

vue-ui框架: A high quality UI Toolkit based on Vue.js

react-ui框架: Amaze UI components build with React

通用ui框架: Bootstrap中文網

那麼再來回答你的第二個問題 求推薦做頁面效果比較好的框架

通用點的就 bootstrap, 支持國產就 Amaze和layui 潮流點的就 Materialize


純呈現頁面:zepto 或 原生

前台富交互:vue

中後台應用:react + antd/blueprint


做PC端的頁面的話,我覺得還是原生或者jquery,移動端的可以選擇vue,react這類的框架。這些框架都有自己的生態系統,而且UI框架也比較多,可以直接引用。


配合後段渲染的話,推薦layui,上手容易,基礎的交互都有;

分離的話可以考慮iview,目前更新還可以;

純靜態頁面可選bootstrap,外一需要交互功能再引入jquery


不知道理解的對不對……可能題主說的頁面效果好的意思是展示性比較強?然後,單純想做展示性的網站的,交互功能不多的話,個人認為jquery配合bootstrap或者layui再或者其他什麼ui框架就足夠了。在學習成本低,見效快的情況下這樣選型比較好。

至於react和vue,沒有必要,可能你整個項目的複雜度,都比不上框架複雜度和框架學習成本的一半。


不是很懂「頁面效果」是什麼意思。

所謂的vue,react等js框架,提供的能力並不是讓你頁面有什麼特別效果。

vue、react提供的能力只是讓你擺脫直接操作DOM,導致頁面邏輯和業務邏輯混合罷了。

另外,要想避免前端過多的設計樣式,則可以使用bootstrap之類的UI庫。


vue出了antd1.0了,這個做出來的效果很好,可以了解下。


如果沒有特別要求,還是取決自己


想用那個用那個。。。不要太過在意框架本身,框架就是給你來解決問題的。


推薦閱讀:

TAG:前端開發 | 前端工程師 | 前端入門 | Backbonejs | Vuejs |