众所周知,BootStrap是一个前端框架,但是我是昨天才知。这个框架我只能说,还行,虽然里面的样式不如我自己写西瓜条样式,再夏日能看到这个西瓜配色的表格,想必都会心情愉悦,下面我分享一下西瓜样式的原理。
method:"post",
success:function (msg) {
msg=JSON.parse(msg);
var color1="lime";
for (var i=0;i<msg.length;i++){
if (i%2==0){
color1="#ff4500";
}else {
color1="lime";
}
欧克,鄙人姑且先不展示自己的样式了,下面正式的根据我的理解来解释一下什么是前端框架BootStrap,这个框架据我所知最大的特色是响应式布局,使用此框架写出来的样式,可以适配移动端用户,这点非常nice,这极大程度的节省了开发人员的时间。具体效果我们可以通过我的西瓜样式,进行一个小小的展示。我们可以看到在使用F12模拟尺寸ipad,我们可以看到表格随着容器尺寸的变化,也发生了改变,他主动的适应了移动端用户。这就是所谓的响应式布局。
再谈谈框架的其他优点吧,对我而言嗷,什么响应式布局,说实在的不重要,为什么捏~那当然是因为这些事还不归我管,我看重的是这个框架的是它是否方便使用,不方便的话,你再厉害也没有意义啊。而巧的是,用起来确实还可以欸,也有可能这是我用的第一个前端框架的原因咯~再使用这个框架的时候,我们只需要在标签里加上class就欧克了。这里先不细说了。而BootStrap最大优点就是方便cv,喜欢什么样式直接去网上cv一下就ok了,这对与后端开发来说简直就是天使降落哦~
你就是我的天使,
保护着我的天使
从此我再没有忧伤
你就是我的天使
给我样式的天使
甚至我学会了前端
飞过前端的无常
才懂爱才是宝藏只要有你就会是天堂
像孩子依赖着肩膀
像眼泪依赖着脸庞
你就像天使一样
给我样式给我组件~
聊完优点,我们在来谈谈BootStrap的缺点吧,这里先说说自己的看法。在我的使用中,发现BootStrap的class非常多,而且也不好记,我只有通过开发文档才能正常的使用,虽然这已经比自己手敲方便了许多,but对于懒人来说还是有那么一丢丢难受咯。由于笔者姑且只使用BootStrap两天,感觉不到其他不足之处,这里就暂时引用某文档总结的BootStrap缺点:
虽然 Bootstrap 自适应效果很好,但是缺点是不方便修改样式,对细节的不好把握,而且 Bootstrap 是由 Twitter 的开发者开发来系统化他们网站应用的样式。当你的网站应用的样式和他们不一样,这意 味着你不得不覆盖掉他们的样式来。大多数网站的样式并不像 Twitter 那样。因此,如果他们安装 Bootstrap ,他们会覆盖掉很多样式。
<link rel="stylesheet" href="../css/bootstrap.min.css">
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) -->
<script src="../js/jquery-3.6.0.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="../js/bootstrap.min.js"></script>
这里一点要注意路径不要搞错,在加上地址后,切记要CTRL一下,看看地址是否是对的,不如是无法正常的使用BootStrap的,还有我们需要注意的是,不要把BootStrap文件导入WEB-INF文件夹中,因为这个里面的文件夹下的东西,项目是无法访问的到的。切记不要犯跟笔者一样的错误。当你做完这两步后,我们就可以愉快的cv咯~
最后,在我的探索下发现,其实BootStrap就是一个两千多行的JS文件加几个莫名其妙的东西,JS文件里就是一些Style,没想到一个框架的实现是如此的朴实无华,那是不是意味着笔者有一天也可以发布watemelon框架,哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈。
当然如果你想了解一下BootStrap的具体运用,可以点开http://t.csdn.cn/SCFCs。
免费的小赞赞点一下吧,爱你的王~