为什么不建议响应式前端页面使用BootStrap等前端框架
不少对前端切图稍有概念的人一提到响应式,就会想起BootStrap、Layui等这些带有响应式栅格系统的前端框架,不可否认,BootStrap等这些前端框架确实很优秀,也有很多人使用这些框架做出了很优秀的网站,但为什么不建议你在写用户界面的切图时使用前端框架呢?
一、使用框架会导致界面太重
你的前端页面需要加载很多无用的代码,原本几KB或者几十KB的页面,使用了框架页面体积蹭蹭的上去了,关键是只用到了框架的一小部分内容,大部分的用不到。因此会造成页面累赘,显得笨重。
二、不容易个性化,样式死板,覆盖较麻烦
虽然框架已极尽可能的考虑到方方面面的问题,但是终究不能囊括所有,而且,在使用框架去写用户界面的时候,更多的时候,我们会发现,并没有特别适用的,这个时候,如果非要使用框架,那么就要通过自定义样式去覆盖框架样式,如果你曾经做过这样的工作,相信你一定不会想做第二次。
照这样看,其实使用框架,反倒是增加了我们前端切图的工作量,而且使前端页面变的死板不灵活。
三、标签记忆成本较大
使用框架,就需要按照框架的要求规则来写标签,比如框架中的很多类名,类名之间的层级关系,这些都需要记忆成本。如果是新手,光学会熟练使用框架就需要一些时间。而且,根据经验,即便是使用框架很久,有时候,我们还是要为一些类名、一些样式问题去查手册,去开发者工具查找原因。
任何时候,我都信奉:与其知其然,不如知其所以然。有记忆这些规则、类名的时间,不如好好去研究下一些前端切图实现思路和原理,原理是可以放之四海而皆准的,而框架的规则仅限于使用该框架,你换一套框架可能就不灵了。
四、那什么时候应该使用前端框架呢?
一般我们建议在做后端管理界面,或者一些功能性的操作系统时使用框架,因为大部分的后端管理界面基本都差不多,很难做个性化的设计,而且后端基本以实现功能为主,且考虑每个界面的风格一致性,因此,在后端使用框架是一个比较好的选择。
但是在做前端用户界面时,建议大家就不要使用或者尽量少用BootStrap、Layui这些前端框架了。
- CSS选择器:nth-child()的灵活用法及常见场景示例
CSS选择器中的nth-child()相信大家都比较熟悉,nth-child()和nth-of-type()的区别是:nth-child()不区分类型。大家经常
- 为什么你的logo图模糊不清,移动端图片虚化的解决方案
在传统pc时代的时候,几乎99%的网站都在使用图片格式作为logo,而大部分网站都使用了png透明底的图片来做网站的logo。但是进入移动时代之后,这种习惯还是
- 响应式网站布局的优缺点分析
响应式网站,通俗的讲就是使用CSS媒体查询技术,写一套代码,可以在多个终端上使用。在此之前,前端切图工作者是需要分别针对电脑端、移动端和平板等常见设备专门去写一
- 切图和前端什么关系?为什么前端又被称为切图仔?
很多初从事前端切图这个行业的新人,大多都有一个疑问?为什么要把前端开发人员称为切图仔呢?提起这个问题,我们还要从前端切图行业的发展历程来说起,当然,这个问题对与
- 目前主流的前端框架有哪些?
基本上每种语言都有对应的一些快速框架用于提升开发人员的效率,所谓框架更像是工具箱或者脚手架,在开发时如果能很好的利用框架可以起到事半功倍的效果。简单形象的说,如
- 移动端background-attachment: fixed失效解决方法
在做web前端切图时,我们经常需要做背景图片不跟随内容滚动的效果,这个时候就需要使用到background-attachment: fixed 属性,这个属性及