前端小白的进阶之路-bootstrap

  • A+
所属分类:前端

如今的前端市场早已告别了原始的切图时代,各大前端框架接踵而来,对于刚踏入职场的前端小白来说,bootstrap相对是比较好入手且很有用的框架。说到这个框架无疑就是跟响应式挂钩,它能很融洽的处理好移动、平板、PC之间的关系,给用户带来了不错的体验。

至于想要的行为,你可以试着先自己用js或jquery来实现,能实现就更好了,至少你知道了那些行为的来源,此时你再慢慢调用它的js来实现功能,毕竟它做了兼容性处理。

一开始可以实现那些小一点的功能,如:下拉功能。你可以自己写,可以用原生态js自己写,用jquery自己写。这样当你写的和它的差不多了,你其实就在慢慢摸索它做的那些行为的来源了,当你使用它的时候,自然就有据可依知道它的来源了,也就变得得心应手了,兴趣也跟着增加起来。

要等你用它比较多了,你就可以深入的去看它的源码了,它的html,css,js,相信这时候你会对它更深入的认识了,而且能随心所欲的使用和修改。此时你就可以把它派上你的项目的各个用场。

bootstrap的学习内容

如何快速轻松学习bootstrap

它很重要的一个东西就是布局:栅格布局。这个很有用,但也很抽象,很多初学者学了很久不知道怎么用它,什么时候用它,用来干什么。于是就经常被初学者放弃了,有点“捡芝麻、丢西瓜”的味道。它的神奇之处当然就没感觉不到了。

一些常用的class,如:btn,btn-primary,如:.table 等

然后再看一下代码稍微多一点的功能如:

面包屑导航

导航条

面板

注意:会用一两个都会让你兴趣慢慢培养起来,所以不要放弃那些只要稍微用一下就能学会的小功能的影响力。

对待bootstrap的态度

如何快速轻松学习bootstrap

不要要求太完美,能用多少就用多少。它只是帮你快速的架出某个功能的架子,并不是一调用它就一定会完美。很有可能要修改它,包括修改它的css,js行为,或者添加个没有的效果。这样才能让它实用在各种场合。

比如它的面包屑导航,通常你复制过来了粘贴到自己的项目中就可以看到一个导航条,但是颜色、字体大小,文字和符号直接按的分隔距离等可能都不适合你的需求。

此时你千万不要认为你还不会用bootstrap,其实你已经会用了。你要做的而且必须要做的就是要在它的基础之上重新调整它。添加新样式,并结合你需要的功能添加其他的行为效果。

所以对待bootstrap,一定不要迷信它,不要认为它是万能的和完美的。因此也就不要认为一旦调用了它的什么功能,它就应该100%的满足你需要的任何要求。

它没有什么标准答案,只是匹配程度是多少而已。你总需要修改的。因此,应该不断加强css,js,jquery的学习,因为你迟早要修改,因为它的意义就是帮你搭建90%,而你总要细调那10%。

如果对它要求太高了,你就会失望太大,就会怀疑自己,这样的效果就不好了。

要多使用它

如何快速轻松学习bootstrap

勤能补拙,熟能生巧。在你的项目中都试图去使用它,不要怕错。慢慢总结和积累经验。不能因为怕错就不用它了。能用多少就用多少,多试着修改和调整,一定要记录使用经验。用的越来越多,也就越来越顺手了。

意琳

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: