今天完成的事：

一、发现了导航栏卡顿问题的原因

原代码：

现代码：

把导航栏单拿出来，父元素为body，不放进header里，就不会卡顿

再次把nav嵌套进header，反复检查后，发现是css代码出现的问题

只要删掉ul高度，就不会卡顿

终于把这个搞定了

二、安装ruby和sass

1、删除原gem，因为原gem是外国的，会导致延迟

2、加入国内gem

3、检查

4、安装sass

5、完成

三、使用sass编写任务11

关联webstorm与sass

资料：https://www.cnblogs.com/cshi/p/5622650.html

创建scss文件，scss是版本升级后的sass后缀，旧版后缀为sass

创建文件后自动生成两个文件

.css就是编译后的css代码

至于map是.scss和.css的关系表，看不懂

复习了input的几种属性

<input type="number" name="账号" id="a" placeholder="请输入手机号">

<input type="password" name="密码" id="b" placeholder="请输入密码">

type="number"只允许输入数字

placeholder=""未输入任何值时显示的内容

type="password"输入隐藏的密码

sass使用的是前缀的方式来命名，例如：

$bg-color: #5fc0cd;

bg就是前缀，-后面的是属性

$label-margin-top: 10px;

label是前缀，内容为margin-top: 10px;

遇到的问题：

暂无

明天计划：

精简任务11sass代码，熟练使用sass

收获：

sass写大型页面应该会非常好用，任务11这种内容少的略显繁琐

明天线下报道