它叫bootstrap,它很有名。据说,它很好用,据说,它是前端必学框架,据说,它是当今最好的响应式框架之一。
可是我不想花很多时间看教程,可是它的体积好大,它有好多好多多余的代码 -- 但它又确实挺好的,而且对于工作效率的提升不言而喻。于是今晚,我花了几个小时看了一遍示范。

bootstrap自3.0版本开始,以移动端优先为原则,采取一行12个栅格系统(11+1,10+2,9+3,8+4,7+5,6+6,6+5-1,5+5-2....总和为12份即可)进行页面布局,布局栏目上主要分为xs、sm、md、lg四类,分别对应(min-width)<768px、
768px、992px以及≥1200px宽度的窗口尺寸。由于响应到位,各端兼容效果比自己写更好,而且效率高!除了唯一的不足:代码冗余颜值差,一点也不够优雅。
想到这里,想提几个bootstrap的优化点:
由于兼顾了各端响应,且备足了各种各样的选择供调用,所以也造成了100多K的压缩后体积。可以以此为着力点进行两个方面的优化--将css文件大卸八块分开调取:
1、从响应式来说,可以用js判断窗口大小,而后调用不同的xs、sm、md、lg样式。
2、从备用样式来说,可分为装饰类、表单类、布局类、登入登出四类,不同页面类型调用不同css文件,但如此一来将造成小部分页面需要发送多次请求,倒是不知是好是坏了。

这是第一次完整的看了一遍bootstrap的示例,肯定也存在了解不足之处,但此时已有自信使用bootstrap搭建页面,并计划在接下来的工作中使用--既然如此,优化倒是可以着手准备了,毕竟在切割后将要长期使用的--这么好的东西,以前一直觉得麻烦而放弃倒是有点可惜,效率之王啊,幸好你一直都在我记忆里。

在农历2017年最后的时光,在新加入的团队做了年终总结与来年计划,但那都是工作上的,对于自己而言却并没有太大的意义。不管在哪里,提升自己的能力才是关键,最妙的是,这里的私人时间还是那么的充裕。
2018,Bootstrap、Mysql、Thinkphp,这三个小伙伴都要混熟,全栈,就是今年的目标。
全栈,准确的说掌握php是2016年年底定下的目标,只是那时浑浑噩噩又心怀胆怯,荒废了多少时光。
而今时间又过了这么久,而立已在眼前,就在2018年的日历翻到尾声之前拿下吧。
全栈,我来了。

它叫bootstrap,它很有名。据说,它很好用,据说,它是前端必学框架,据说,它是当今最好的响应式框架之一。
可是我不想花很多时间看教程,可是它的体积好大,它有好多好多多余的代码 -- 但它又确实挺好的,而且对于工作效率的提升不言而喻。于是今晚,我花了几个小时看了一遍示范。

bootstrap自3.0版本开始,以移动端优先为原则,采取一行12个栅格系统(11+1,10+2,9+3,8+4,7+5,6+6,6+5-1,5+5-2....总和为12份即可)进行页面布局,布局栏目上主要分为xs、sm、md、lg四类,分别对应(min-width)<768px、
768px、992px以及≥1200px宽度的窗口尺寸。由于响应到位,各端兼容效果比自己写更好,而且效率高!除了唯一的不足:代码冗余颜值差,一点也不够优雅。
想到这里,想提几个bootstrap的优化点:
由于兼顾了各端响应,且备足了各种各样的选择供调用,所以也造成了100多K的压缩后体积。可以以此为着力点进行两个方面的优化--将css文件大卸八块分开调取:
1、从响应式来说,可以用js判断窗口大小,而后调用不同的xs、sm、md、lg样式。
2、从备用样式来说,可分为装饰类、表单类、布局类、登入登出四类,不同页面类型调用不同css文件,但如此一来将造成小部分页面需要发送多次请求,倒是不知是好是坏了。

这是第一次完整的看了一遍bootstrap的示例,肯定也存在了解不足之处,但此时已有自信使用bootstrap搭建页面,并计划在接下来的工作中使用--既然如此,优化倒是可以着手准备了,毕竟在切割后将要长期使用的--这么好的东西,以前一直觉得麻烦而放弃倒是有点可惜,效率之王啊,幸好你一直都在我记忆里。

在农历2017年最后的时光,在新加入的团队做了年终总结与来年计划,但那都是工作上的,对于自己而言却并没有太大的意义。不管在哪里,提升自己的能力才是关键,最妙的是,这里的私人时间还是那么的充裕。
2018,Bootstrap、Mysql、Thinkphp,这三个小伙伴都要混熟,全栈,就是今年的目标。
全栈,准确的说掌握php是2016年年底定下的目标,只是那时浑浑噩噩又心怀胆怯,荒废了多少时光。
而今时间又过了这么久,而立已在眼前,就在2018年的日历翻到尾声之前拿下吧。
全栈,我来了。