做前端頁面有哪些比較好的js框架?
知道一些名字,但不太懂他們都是做什麼的,求解釋,求推薦做頁面效果比較好的框架。
如bootstrap,vue等等
下班前的一答.
比較好的js框架...其實不太理解題主的意思.這裡的框架可以分為
- js框架,方便我們開發頁面
- css框架, 定義一些通用的組件樣式方便我們直接拿來使用
- 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 |