博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于bootstrap的认识
阅读量:4982 次
发布时间:2019-06-12

本文共 1458 字,大约阅读时间需要 4 分钟。

    学习一个框架最好的方法当然就是去它的官网查看它的官方文档,看看官网是怎么描述这个框架的吧------Sleek, intuitive, and powerful front-end framework for faster        and easier web development.(简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。

    如何量化评价一个框架的好坏的?我个人认为首先是要看它受欢迎的程度,怎么看?很简单去github上看看star吧
    bootstrap是我见过的所有框架中star数最多的一个框架,所以毋庸置疑它肯定是一个受欢迎的框架,因此我可以认为:
1、受欢迎意味着很多人的参与,因此会有很多教程和文章,有更多的实例和网站使用它,会有更多的第三方扩展,能够更好的与现实的web开发项目结合。禁得住未来的考验;
2、框架还在活跃的开发中,最近发布了bootstrap4,拥有了box-flex布局等更新,紧跟最新的web技术的发展;
3、bootstrap发布已经5个年头了,相对来说是比较成熟的框架,在大量的真是项目中充分地使用和测试,一个字:稳;
4、bootstrap拥有完善的文档,这样可以加快学习的进程,减少学习成本,而且它的学习成本也不算很高,只需要有一些html,css,js基础就可,这对于公司培养新人是非常重要的一个参考点;
5、框架非常的详细,大量的组件样式,这既是优点也是缺点,因为定制化很高,你可以直接拿过来就用。另一方面,这意味着你如果有自己特殊的需求,就需要重新定制样式,如果一个网站中有大量的非bootstrap“风格”的样式存在,那么你就需要做大量的css重写,因此也就失去了使用框架的意义。在很多情况下,最好的就是选择一个有最少样式的框架,因为这样的话比较容易自定义。添加新的css规则要比复写现有的样式规则方便多了,而且如果你在现有的样式上添加新的样式,这肯定会增加css文件的大小。
    以下纯为个人理解,如有错误欢迎指出
    任何不分析具体场景需求而判断一个框架的行为,都是耍流氓!合适的才是最好的
    那么究竟在什么场景下适合使用bootstrap或者说什么场景不适合使用bootstrap呢?先来看看它的一些功能吧
     流媒体网格布局
     响应式设计
     自定义表单元素
     页面排版
    JavaScript交互性
    跨浏览器兼容性
    响应式设计其实是一个很大的亮点,因此如果你的网站需要做响应式开发,那么bootstrap绝对是你的首选;
    但是很遗憾的是,它对IE678的兼容性可能不太好,因为它使用了一些CSS3样式和H5的元素,因此如果你的网站要兼容IE678,这个明显是不使用的,二是如果你的网站有大量多样化的设计,那么当你如果还想使用bootstrap就需要将框架作为底层修改:需要复写大量样式,CSS层次编的混乱,难以维护。
    在一些场合,bootstrap是非常有用的。比如你想快速搭建一个比较漂亮的个人站企业站博客后台管理界面等对页面定制化需求不高的项目 往往更适合后台项目 多数后台系统 浏览器兼容好让步 样式也好让步 不太会细抠细节。或者你可能在构建网站前端、考虑浏览器兼容性和数不胜数的设备尺寸上缺乏经验,bootstrap会帮你解决很大一部分麻烦的问题,比如我开头做的那个demo,1个小时以内就可以完成而且乍一看还是蛮漂亮的,不得不说,这真的令人着迷啊。。。。。

转载于:https://www.cnblogs.com/xjf666/p/6066425.html

你可能感兴趣的文章
Selenium3+Python3_02:元素定位
查看>>
SpringMVC中的拦截器
查看>>
【转】如何将ACCESS数据库后缀名accdb改为mdb
查看>>
Debug : array type has incomplete element type
查看>>
代码腐化之路
查看>>
InnoDB 主键的选择:自增ID & 业务ID
查看>>
联系人数据库设计之ContactsTransaction
查看>>
如何制作一款HTML5 RPG游戏引擎——第四篇,情景对话
查看>>
无参函数的调用
查看>>
【记录】GIT 常用命令记录
查看>>
HDU 4770 Lights Against Dudely(暴力+状压)
查看>>
faceted project validation builder
查看>>
一些常见的Java面试题 & 面试感悟
查看>>
使用CEF类库处理HTTP请求
查看>>
SDWebImage 图片加载和缓存
查看>>
UIControl
查看>>
CSS基础——float
查看>>
VisualLeakDetector
查看>>
python tkinter模块小工具界面
查看>>
那些神话~
查看>>