主要是针对颜色及属性名的变量及赋值。
赋予变量,当然是为了方便维护及以后的版本迭代更新。
以颜色为例,既有名称变量,也有色值的变量。
重新规划变量名,以更直观的描述,把两者区分开。
主要是针对颜色及属性名的变量及赋值。
赋予变量,当然是为了方便维护及以后的版本迭代更新。
以颜色为例,既有名称变量,也有色值的变量。
重新规划变量名,以更直观的描述,把两者区分开。
划重点,论工作先后顺序的重要性!
之前考虑重构框架时,思索再三,还是决定先把3.0的重构一下,关键是旧版基本成型,而且已经使用在生产环境中。
这两天,再准备重构4.0的时候,我才发现,我的热情和精力可能被消耗殆尽了,已经很难平静的去做重构工作了。
这是因为,4.0版本虽是大版本的迭代,但还是蜕变于3.0版,绝大部分内容相同,只是命名和结构不同。
无奈,只好先搁置一段时间吧。
以后,尽量的权衡好工作的优先级再行动。
windows下,使用koala实现Sass自动编译。
macOS下,使用codekit实现。
使用命令行命令:compass watch实现监听目录更改,自动编译。
但是,在windows下,大部分时间,监听都不是即时的,需要手动Ctrl+C,才会自动编译,而这个快捷键偏偏又是停止监听的快捷键。
尽管矛盾,但是,windows下的compass命令需要使用关闭的指令来威胁一下才会运行。
首选,还是推荐使用工具吧,koala是免费的,虽然没有codekit那么复杂的功能,但是简洁明了,足够用了。
终于开始了,是的,心中默念了许久了,一直,迟迟不肯下手,这次算是终于下定决心去做了。
基本上,就在原基础上优化,最多的改变应该是对于颜色,除了少数不变的值,基本都给了变量名。
另外,就是嵌套,SCSS的结构看起来是简洁了很多。
输出的时候,暂时不压缩代码,毕竟,初次使用,保持格式化代码,有利于查漏补缺。
需要说明的是,增加变量,看似增加了工作量,但是,对于后期维护,却是节约了无非预估的时间。
其实很简单,代码补全,错误提示,自动编译、压缩,代码缩进(格式化)及保留适当的空行。
代码补全基本已经是现代编辑器必备的基本功能了。另外,快速的写代码,还需要emmet来实现。
自动编辑、压缩,这个基本靠构建工具实现,各种打包软件。
SCSS+Compass是最佳组合之一。
关于错误提示,这个就是纯粹的编辑器内置功能了。
圈内人大概都知道webstorm。
代码缩进,代码格式化,这个非常非常非常重要。