依扬博客 Blog For Business and IT Technology
41312634's Blog, thoughts, activities, news, studies, travels, movies, cates and so on included.
首页   留言簿  订阅更新  投稿专区 
Bootstrap学习有感
分类: JavaScript个人日记CSS试验项目Html闲话闲语项目一般化规定工作事    2014-12-30 00:01:46    浏览 342    评论 2   

  Bootstrap是当今最流行最受欢迎的web应用前端开发框架,包含了HTML、CSS 和 JS 等内容,用于开发响应式布局、移动设备优先的 WEB 项目,它简洁、直观、强悍,为电脑、手机、平板提供了统一的、标准化的应用界面,同时它还提供有若干JavaScript插件,让web开发更简单、更快速,它是由Twitter提供的,跟Twitter里面的界面高度相似。

  进入http://www.bootcss.com,是个Bootstrap的中文学习网站,虽然不能确定它是中文官网,但可以肯定它的资料是相当齐全、准确、及时,从它提供的Bootsrtap教程,我学习了一个下午,有点收获,怕隔得久了会忘记,特意记录下来,为简便记,Bootstrap以下简称为B记。

  1、B记界面简洁、美观,最重要的是统一,不但在整个web系统表现统一,在手机、平板端的界面也和电脑页面一样,这就是统一,用户容易有熟悉的亲近感,而且其响应式布局可以自动匹配屏幕大小,让内容展示在屏幕合适的位置,非常优美;

  2、使用CSS+JQuery+图标字体,库大小不到10M,比传统的UI库动用大量图片要轻便得多,为实际项目加载页面效果大大缩短了时间,而且在纯文本代码进行修改定制要比修改图片方便得多;

  3、B记的HTML标签附加了大量的属性代码,这些不是标准的html规范,只适合B记开发的系统,不过这些对用户是透明的,用户根本感觉不到,不知对SEO有没有负面影响,这算不算是有得又有失呢;

  4、由于全部使用css的类来定义界面,导致css中类名繁多,要一下子全部记住这些类名及用法、含义,可不是件轻松的事,通常需要一两个项目来习惯和消化,增加了学习成本;

  5、B记由于出自Twitter,其背后庞大的用户群决定了B记有庞大的用户受众以及开发人员,社区、论坛、文档丰富,交流与学习能够轻松找到丰富的资源,也算是好事一件;

  我就简单说以上这些,算抛砖引玉,期望下个项目可以用B记练练手,也希望有更多类似这样的优秀软件来造福大众!

上一篇:JQuery动态生成的元素无法绑定事件
下一篇:百度云盘和360云盘的使用比较

相关文章
[2008-01-17 14:38:11]  这里是我的地盘-我作主! (824/0)
[2008-02-18 02:06:19]  还剩下130个模板 (811/0)
[2008-03-17 17:50:06]  整理了两百套模板 (843/0)
[2008-03-20 16:17:41]  公司业务开展方面的方向 (928/0)
[2008-03-20 16:40:16]  引擎思路 (731/0)
[2008-03-20 16:43:44]  公司在运营网站过程中的网站维护构想 (693/0)
[2008-03-24 14:53:24]  添加了类别访问时的验证功能 (766/0)
[2008-03-24 15:19:51]  开始做demo演示 (712/0)
[2008-03-26 12:19:32]  越来越憎恨 (657/0)
[2008-03-27 11:20:49]  装机最贵与免费的十大软件 (684/1)

本文评论列表 (2)
2014-12-31 11:28:48      博客互推
html5有很多规范和html4不同的,标签里多出来的属性不是多余的。楼主多注意一下,官方教程也说得很清楚。
2019-02-26 11:44:42      地源热泵
审核中...

发表评论
姓名(*)
链接地址
Email
验证码(*) 更换验证码
评论(*) (管理员审核后公开显示)