[深圳|荣耀师兄]JS-黄慧强|2019年05月26日的日报-技能树.IT修真院

发表于： 2019-05-26 21:42:44

1 561

今天完成的事情：

css的reset作用,不同浏览器对标签属性的不统一，导致页面在不同浏览器产生不同的显示效果。

最初使用(margin: 0;padding: 0；）带来的问题是加载方式慢。现在采用的是对代码进行拆分，取出需要使用的部分。

2.github使用技巧，"shift + ?"能够显示当前页面快捷键。

3.样式拆分7-1模式，以main.scss为主。在sass文件名前加"_"，能够使得sass不编译这些文件，从而导入到main.scss文件下。导入语句中，不需要添加下划线。@import"colors" 导入的是_colors.scss文件。scss文件导入和css文件导入不同，sass导入会将@import的scss文件合并进来，并且只生成一个css文件。但是在导入过程中，加了后缀 @import"colors.css",则是普通导入到进来，不会合并编译。

通过@mixin ($a, $b){},不仅可以将样式组件打包，同样可以将常用的组件如导航栏提取封装出来，另外一个页面需要使用的时候，只需要更改参数$a。

之前就觉得css代码繁杂，想要修改样式非常困难，浪费了大量的时间在查找css代码位置中。拆分代码库到多个有意义的文件夹，回头来找想要修改的东西，就变得容易许多。

之前两个任务是熟悉sass语句的使用，任务十三则是将代码模块化、组件化。代码拆分难的地方在于，从哪个角度进行拆解比较合适，能够使得代码复用程度较高。

这是个查找字符串中是否存在Christams的循环语句。逻辑分解开来：1.将多个语句设置为变量。2.根据字符串的长度值，不断进行循环。从0开始，直到i=字符串长度值。目的是为了遍历所有字母。greetings[i],检索每个字母,if当变量greetings[i]中存在Christmas，（！== -1）位置不能是-1，之后执行input赋予result，调用语句，输出语句。