找回密码
 加入怎通
查看: 519|回复: 9

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

[复制链接]
Ashley 发表于 2017-04-01 17:18:28 | 显示全部楼层 |阅读模式
下面推荐的几款主流HTML5框架,上手都比较快,而且网站的教程相对完善,无论是初学还是专业前端,都能找到适合自己操作的框架。
  p8 g$ M' s% F9 q1 y4 ^! ?( J6 a7 f. v1 |; i
Bootstrap. f! [! h9 }$ g" V" N" x  i
全球数以百万计的网站都是基于 Bootstrap 构建的。Bootstrap能让所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。此外,bootstrap的官网也有很多教程提供。8 t( t7 l0 I  y* S$ B  n7 }
( |4 k* j) f, ~; {: B3 d6 X3 `
20170228171302_88549.png
8 I, A" u- ]( J' C5 G* H, q) P* ~2 `
Bootstrap 包含了十几个自定义的 jQuery 插件,并自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。9 h  W$ B" ?6 y4 U) X

, m' i+ u+ M' V) nSUI Mobile* K2 K* b5 j# x% H5 T
SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。
! F- P4 A" `$ c9 ?% r, |
" R4 U5 a! ^) ~ 20170228171314_12208.png
) D) O* d3 P8 q! L# L0 Z
1 t6 C+ L9 g6 }$ tSUI Mobile 的组件都是按照iOS风格设计的,,非常轻量,核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K,却提供了20+个常用的组件。网站内有详细的编码介绍。% F$ J( @0 y0 P3 D
# e: E4 o0 a6 c5 T
jQuery UI2 r- o5 p* I9 I7 W, ?, V3 l/ _8 U7 j! x
jQuery UI 主要分为3个部分:交互、微件和效果库。主打代码开源,操作继承了jQuery 的简单特性,兼容各主流桌面浏览器。
! ~% @* X( {! J& {+ }- K, s& l  s9 C' i: M* }" h. U1 ~3 K8 f
20170228171330_24773.png + D5 Z1 [" x: ?' c3 ]
* T8 C2 d7 W* ~+ z6 e' g
20170228171344_19862.png 8 t- z; g. }4 W
' J7 ?" Z" G1 D* ~
jQuery mobile) _; F1 ^+ ?: N# l  I
jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架。如果开发者了解 jQuery,可以很容易的学习 jQuery Mobile。8 N; Y0 I) i/ h+ X- W$ c/ {+ h* S& s

2 t+ c8 n( z# S+ _: H 20170228171403_31574.png
7 |/ v' U3 ^' n/ @/ h  D9 m0 R, U) d6 s7 M+ F
如何高效学习HTML5前端开发?
; S. ^6 n+ c: n0 J* c: y前端首先要学HTML+CSS,如果想系统学习,最好是到专业培训机构或者收听网络课程,这样能学以致用。如果选择自学,应该先跟着书仔细、扎实的学一遍。做大量的练习,做各种常规的、新颖的布局练习来捆固、理解自己的知识。css要熟练掌握float、 position、width、height,以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局有关系的样式,是必须要掌握的。
. l6 C! p8 Y& \, Y6 M
0 T) o2 y3 A9 L: E0 \* v2 A& m& H如果只是为了做网站而学习前端HTML,大可不必花大量时间,很多自助建站工具都支持零基础建站,过程跟当年玩QQ空间装扮差不多,网站的制作周期和资金投入都相对较低。如建站宝盒V9已经能做出多种风格的满足购物、学习、展示和营销的优质网站。# G! W* G" \. u/ V- o7 Y+ P
8 k1 }. l5 J: P& r# W6 I
20170228171432_75813.gif 0 D. m* ^1 U; S# R7 j
零基础做HTML5响应式网站:iisp.com/special/v9special/index.php?s=ashley
% L  m% l7 B* Z+ B
" Y& I6 \* {) i9 D7 V1 w( Z5 ]  T' S/ q/ A: v% d  J0 W, [$ z

暂时无法加载帖子列表

回复

使用道具 举报

/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 | 显示全部楼层
分析得很透彻,很多细节都说到点子上了~
回复

使用道具 举报

tigerpkno1 发表于 2026-08-09 16:47:46 | 显示全部楼层
内容很干货,没有多余的废话,值得反复看
回复

使用道具 举报

情何以堪 发表于 2026-10-05 21:01:47 | 显示全部楼层
学习到了,之前一直没注意过这个点,受教了
回复

使用道具 举报

心平气和 发表于 2026-10-20 23:09:23 | 显示全部楼层
楼主太厉害了,整理得这么详细,必须支持
回复

使用道具 举报

老夫怒了 发表于 2026-10-23 19:27:51 | 显示全部楼层
楼主辛苦了,整理这么多内容,必须点赞收藏
回复

使用道具 举报

寒梅子 发表于 2026-10-26 08:08:09 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复

使用道具 举报

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

    本版积分规则

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

    GMT+8, 2026-10-27 08:40 , Processed in 0.056488 second(s), 29 queries , Gzip On.

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

    Powered by Discuz! X3.5

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