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

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

[复制链接]
Ashley 发表于 2017-06-08 16:36:57 | 显示全部楼层 |阅读模式
响应式网站开发在国内越来越普遍,一来展现效果好,而来收录情况佳,让专门开发响应式网站的程序员成了香饽饽。程序员们想要更有效率开发响应式网站,这9个热门HTML5框架可不容错过。) J) {& F! Y1 T& x
! ^& L7 f2 ]; R5 ^9 ^# I
①Twitter Bootstrap. C9 U0 w' H( h/ S* i$ I( a
基于HTML、CSS、Javascript,简单灵活快捷,是目前很火的前端框架。
2 e  k' @3 }- c' R# f9 R
  v8 \! F1 J) T% p' @( v5 e$ O 20170306114939_58551.png 1 n+ |: H, x, u4 _( c' G; g9 q
! N% \9 ]. i; J9 v  Z; M
②52Framework& D! Q5 n+ J5 W  R. t: U9 a1 L
能实现HTML5+CSS3+JS,能在包括IE6在内的所有主流浏览器运行。( ], j* q' y8 y4 w6 `
( L7 C: f7 Z. z5 V, @7 F% M. e1 \  t
20170306114952_47317.png
, L/ E% E, {7 v7 ]: t
3 g( d3 p3 D, q8 F; I9 o. h: o③SproutCore
1 S, J# E& A+ d! o: o% H. ~利用MVC架构规范构建而成,能与任何后端服务器技术搭配使用。一旦部署之后,SproutCore应用只包含标准的HTML、JavaScript以及CSS。只需使用Apache就能部署完整的SproutCore应用。
( }$ K7 g* L8 ?* E( L% |1 g6 _6 L& }5 Z; F
20170306115011_22612.png ; C) @" t; R. l; j& \% r% Y

. P! p' {; D- v④Onsen UI
$ S( M# H/ T+ V! ?9 Z  H7 d1 D侧重于创建移动应用,用于构建PhoneGap/Cordova应用。/ \9 r! B# g- a
! b1 t# H; x  o
20170306115024_43986.png   |; N; h+ S+ A3 S' N5 k

: A" t1 y, p3 m/ q⑤Foundation0 [* b1 U) n/ i1 o* R* q+ |6 r
提供多种web上的UI组件,如按钮、表单等,可用于构建基于任何设备上的web应用。% o* _7 Q3 M; f& z

- I4 T2 l! L4 }& x( G6 B 20170306115044_16355.png 0 a# Q1 L+ B# l) r# G" i. j
. H" N; M8 @" |7 P& {
⑥Ionic
; T. n- ?; p* t8 \/ ]& rIonic非常漂亮,支持使用HTML5开发混个移动应用前端框架。7 w9 F- R, @2 Y9 ?# w2 Y) v$ J) g

9 {/ _% t$ m! }. P  h( z* T 20170306115059_16627.png
5 W% C; q2 m  b* a: A
9 n+ p) _9 x7 R6 y⑦Enyo
) v& D- i  }, m' J: d4 V& A6 P适用于开发与原生应用类似的HTML 5应用。
- k7 B6 Q4 a: s) U' A  d
! N" S$ k- W4 g- D  c+ P+ Z3 a& a4 F' ?6 Q' L8 X# F4 ^. l1 y' l
+ a& ]4 ?9 `9 b* g! n: H- Y5 @
⑧GroundworkCSS 2
/ G5 r2 [0 j& W% i9 K拥有一个灵活的、可嵌套的网格系统,可以创建适应多种浏览设备的布局。要用于快速构建响应式Web应用程序。, m3 _# R  d6 {0 g: z( a% a
" c' T9 O  h* O: r6 \6 G# X
& [0 U/ p! ~) R* C! l

; x+ y/ g/ C  O  A. k⑨MontageJS4 ^6 `1 y# D) |1 Z3 K* _( M/ h
可用于构建高可扩展性和可维护性的HTML5应用。是一个现代化、完整的HTML5框架,旨在创建单页的应用程序。9 o- w- C1 M- A3 h1 H4 w% N, x
& ^2 F; Y1 _( `) l& Y0 R

8 h! [! z- h5 V
  m4 p, W2 `! h0 K4 F# m. Z( j此外,想开发HTML5响应式网站,还可以借助建站工具。笔者用过一款叫建站宝盒的网站开发工具,做出来的网站可以和专业开发网站媲美,不要求程序基础。有需要的可以了解一下:iisp.com/design/?s=ashley
4 _* H$ S' {7 x; q! G7 q% l

暂时无法加载帖子列表

回复

使用道具 举报

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 22:16 , Processed in 0.039214 second(s), 28 queries , Gzip On.

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

    Powered by Discuz! X3.5

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