找回密码
 加入怎通
查看: 439|回复: 7

[IT资讯] 程序员最青睐的9个HTML5框架,助你高效开发响应式网站

[复制链接]
Ashley 发表于 2017-06-08 16:36:57 | 显示全部楼层 |阅读模式
响应式网站开发在国内越来越普遍,一来展现效果好,而来收录情况佳,让专门开发响应式网站的程序员成了香饽饽。程序员们想要更有效率开发响应式网站,这9个热门HTML5框架可不容错过。) d7 L+ O2 F! a. g; t
: O: ~  X5 A9 T) N
①Twitter Bootstrap
/ n# Y& V, }% S4 R1 |' L$ R& v基于HTML、CSS、Javascript,简单灵活快捷,是目前很火的前端框架。) D/ r5 P! ]3 k3 |

6 O9 Q8 a7 E6 D4 r7 O 20170306114939_58551.png % S# e3 r0 j* y) K: U: |4 ]; ^
% u( I8 [4 c6 h. B: |  ]
②52Framework1 ?! ~# I! ]& Z3 S% I2 c9 S" e
能实现HTML5+CSS3+JS,能在包括IE6在内的所有主流浏览器运行。5 x4 B4 j& ?9 [( x6 U9 p! m' q

* L9 o2 Y) h6 v0 C; ^2 J, n5 M 20170306114952_47317.png * g0 k2 v0 y* y5 m  Q! A
$ C5 b1 _& G% h, z# N
③SproutCore
# F2 n" _& W8 p1 S- m利用MVC架构规范构建而成,能与任何后端服务器技术搭配使用。一旦部署之后,SproutCore应用只包含标准的HTML、JavaScript以及CSS。只需使用Apache就能部署完整的SproutCore应用。: m. q! F. ?5 @) {7 d" ]

: Y: V- ^: u2 O 20170306115011_22612.png & R; f3 p5 O4 X0 M

2 S) z0 o: |' t' c0 Q! u1 ?④Onsen UI
+ i* U, u( y3 B0 ~# _- Q; h侧重于创建移动应用,用于构建PhoneGap/Cordova应用。0 }0 M1 G/ M# l9 q' O7 Q  q

7 t) P' T! g% R- s# o3 z 20170306115024_43986.png ; A& n" f' G4 U0 v) K
# p- a: g+ s7 A2 ?! m# @
⑤Foundation
0 Q- j$ Q3 B& b! ?6 Q提供多种web上的UI组件,如按钮、表单等,可用于构建基于任何设备上的web应用。* C4 F) p/ c0 B" F4 Z: v( Q5 k5 x

9 ^" C, d$ }3 Z  u) k4 Y 20170306115044_16355.png . ^, a+ d4 x. s
+ ^2 ^* `! T2 s4 J
⑥Ionic% w" ?# y8 e: `$ n  ^3 G
Ionic非常漂亮,支持使用HTML5开发混个移动应用前端框架。
! W3 @9 _9 i$ `% t$ s0 w- P
9 R; J+ n( x6 R# T3 M 20170306115059_16627.png ! J% c" \' z# V/ ?% v2 {3 `

* G" w8 X$ N8 M2 _4 m⑦Enyo! z5 t$ `8 w4 {0 M
适用于开发与原生应用类似的HTML 5应用。
% U9 Z; O4 u) G* X- o' k1 d4 @& _3 n5 k" \) e

' M3 u  n* {9 s/ W: k7 W& L9 E4 n; g3 M9 M& b4 H1 j6 s/ x9 I
⑧GroundworkCSS 2" k8 \& V* X2 `6 y' @  i
拥有一个灵活的、可嵌套的网格系统,可以创建适应多种浏览设备的布局。要用于快速构建响应式Web应用程序。- n( M5 a; B! `3 D$ ~* s: G8 @# X

" d3 Z$ E! e7 H2 r" h, H( o# I/ ~+ M+ u) j- W: u
; W$ Q8 T' n/ {' |! K$ f$ m
⑨MontageJS
1 m9 N$ K7 L4 C( u  z( w6 C/ j可用于构建高可扩展性和可维护性的HTML5应用。是一个现代化、完整的HTML5框架,旨在创建单页的应用程序。
" ]* c/ u6 |9 c! `7 y  M! O4 _
5 T3 E; O) S5 E# h9 I
6 X. Q, q8 x7 m& A
/ Q* m! g+ l( \! j此外,想开发HTML5响应式网站,还可以借助建站工具。笔者用过一款叫建站宝盒的网站开发工具,做出来的网站可以和专业开发网站媲美,不要求程序基础。有需要的可以了解一下:iisp.com/design/?s=ashley) l$ T+ ]) k; t( d5 _7 R& \

暂时无法加载帖子列表

回复

使用道具 举报

Luna 发表于 2017-06-08 16:37:40 | 显示全部楼层
又抢到前排了。 哈,不用怀疑,不用惊讶,你也没有看错!
回复

使用道具 举报

zqy21504 发表于 2026-01-19 09:35:45 | 显示全部楼层
分析得很透彻,很多细节都说到点子上了~
回复

使用道具 举报

捷成 发表于 2026-08-06 22:14:38 | 显示全部楼层
这个分享太实用了,刚好能用到,感谢楼主!
回复

使用道具 举报

hniu 发表于 2026-09-07 02:44:44 | 显示全部楼层
这个思路很新颖,打开了新世界的大门,谢谢分享
回复

使用道具 举报

aa20121219 发表于 2026-09-11 08:05:22 | 显示全部楼层
楼主太厉害了,整理得这么详细,必须支持
回复

使用道具 举报

20120506 发表于 2026-10-16 02:24:21 | 显示全部楼层
学习到了,之前一直没注意过这个点,受教了
回复

使用道具 举报

泰国朱拉 发表于 2026-10-18 02:24:09 | 显示全部楼层
内容很干货,没有多余的废话,值得反复看
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-10-31 23:35 , Processed in 0.050399 second(s), 28 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表