公交站突发奇想的css架构

原创 奔跑的小前端 随笔 待整理 357阅读 2017-12-01 11:18:23 举报

最近面试了珠海魅族科技的前端岗位,一面电话面,当然我正在面试完另外一家公司,准备回去的路上,刚刚到公交站的时候,就接到了面试官的电话。在介绍项目架构用到sass的时候,如果每个模块都是不一样的,你的sass怎么写可以得到最大的复用性,记住每个模块都是不一样的。当时,我就在思考面试官的这一句话,以往我自己亲身经历,就是接到每个项目都会查看整一个项目的设计图,找很多公共的地方,比如按钮,弹出框等等,我都会把它们的css用sass抽象出来。但如果每个模块都不一样,这就是意味着用sass并不能起到很大的作用,而我当时的想法是如果每个模块都是不一样,那就每个模块单独建立一个文件夹,把它们的html、js、css放到里面去,全部单独放开。后来回去之后,我查看了整个sass的api,以及看了一本叫前端架构的书籍,我就想到一个我个人觉得比较可行的sass架构方式,针对哪个面试官所说的问题,如果每个模块都不一样,我这个项目除了我上述所说的方法外,还有一个方法,就是把所有模块的sass都写一个文件里面,在这个文件sass文件,我可以定义为当前项目的名称 比如a项目,就叫a.scss;在当前这个文件里面我编写一个超大的带参函数,然后传入的参数只有一个,就是模块的名称,然后把这个传入的参数当成类名,在下面用判断执行各种的模块sass,这样架构的好处就是你的css只执行了当前需要的模块css,而且整个项目可能用到的css文件只有一个。当然这只是我自己个人的想法,如果有更好的sass项目架构,希望你们也可以多多分享交流一下~~

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复