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

[IT资讯] HTML5有哪些主流框架?零基础如何上手?

[复制链接]
Ashley 发表于 2017-04-01 17:18:28 | 显示全部楼层 |阅读模式
下面推荐的几款主流HTML5框架,上手都比较快,而且网站的教程相对完善,无论是初学还是专业前端,都能找到适合自己操作的框架。
9 ]6 |' q) |( z$ s% x6 `" i: ]1 a4 C; v5 G- O; M
Bootstrap# P: b% s$ H& M6 D) K) ^4 b. m
全球数以百万计的网站都是基于 Bootstrap 构建的。Bootstrap能让所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。此外,bootstrap的官网也有很多教程提供。& Q1 C7 ~1 Y2 X

3 E) K) i3 I/ |8 L" Z  V  X 20170228171302_88549.png 0 _7 G& I: W6 l
6 ?7 ?7 h3 A2 u% d- O3 k
Bootstrap 包含了十几个自定义的 jQuery 插件,并自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。- Q, D/ y4 S7 D. L9 U* s

3 L) Z* c; i  s$ ESUI Mobile5 T! q7 x+ n4 m1 |+ i% i; P2 y
SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。
2 R  O5 X/ |' K% E1 [$ z  [6 O* z3 K7 d. _) l' F* F$ I
20170228171314_12208.png
' K, d; n' D# f
* Q: X. C0 k4 N* Q' ~- GSUI Mobile 的组件都是按照iOS风格设计的,,非常轻量,核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K,却提供了20+个常用的组件。网站内有详细的编码介绍。" H, K0 N) V5 |( T1 n& ~

/ g: z! b$ a/ x2 O" b3 ]/ YjQuery UI
3 H) C8 v( D6 Q7 y$ L  vjQuery UI 主要分为3个部分:交互、微件和效果库。主打代码开源,操作继承了jQuery 的简单特性,兼容各主流桌面浏览器。
; J' p% W0 t% H% s# l7 b, s' Q( M4 x& R( H' l' _/ _
20170228171330_24773.png 3 q- q" P, l& j$ X$ f# ?
  o" u5 g6 n: ?7 ^, v
20170228171344_19862.png
/ N' a0 j, e5 }8 w8 W: s- _  H. m. m0 i$ Q  w
jQuery mobile3 X/ k! q$ P& k+ `
jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架。如果开发者了解 jQuery,可以很容易的学习 jQuery Mobile。4 W# v8 `  d9 h; V8 U0 b( ?4 }

$ v5 b! }0 B9 g# A& R6 C% ]4 | 20170228171403_31574.png + j: `* @! ?2 l3 c  a7 t8 I/ J
; ^+ v* O( ]# R/ z; g9 b6 l; o
如何高效学习HTML5前端开发?
3 Z7 o, Z( d: W- m0 _8 [前端首先要学HTML+CSS,如果想系统学习,最好是到专业培训机构或者收听网络课程,这样能学以致用。如果选择自学,应该先跟着书仔细、扎实的学一遍。做大量的练习,做各种常规的、新颖的布局练习来捆固、理解自己的知识。css要熟练掌握float、 position、width、height,以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局有关系的样式,是必须要掌握的。1 o# _: I/ _% a% W1 [* X
- J% X! P$ |) K* i9 v
如果只是为了做网站而学习前端HTML,大可不必花大量时间,很多自助建站工具都支持零基础建站,过程跟当年玩QQ空间装扮差不多,网站的制作周期和资金投入都相对较低。如建站宝盒V9已经能做出多种风格的满足购物、学习、展示和营销的优质网站。
! P; q# }6 q' R# k8 ?( ?. g4 u" S
20170228171432_75813.gif
3 ]$ ]+ c( |/ t0 L零基础做HTML5响应式网站:iisp.com/special/v9special/index.php?s=ashley
4 O0 H% W2 b* D  x& W  p( l" c) g$ X1 I3 c8 @0 W* ?; h
3 s5 Z4 M6 `, [7 A
回复

使用道具 举报

/kun小の胜 发表于 2017-04-01 17:18:47 | 显示全部楼层
沙发怎么能少了我?!
回复 支持 反对

使用道具 举报

西万路小混混 发表于 2026-01-05 09:00:48 | 显示全部楼层
完全赞同,我也是这么认为的,英雄所见略同~
回复 支持 反对

使用道具 举报

幸福的蚂蚁 发表于 2026-05-05 04:54:10 | 显示全部楼层
刚好遇到类似问题,看完这个帖子心里有底了
回复 支持 反对

使用道具 举报

bhccn 发表于 2026-05-25 07:36:12 | 显示全部楼层
分析得很透彻,很多细节都说到点子上了~
回复 支持 反对

使用道具 举报

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

    本版积分规则

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

    GMT+8, 2026-6-17 03:23 , Processed in 0.026855 second(s), 27 queries , Gzip On.

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

    Powered by Discuz! X3.5

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