观看渡一web前端大师课笔记

icon图标

说不建议将favicon.ico图标放在根路径，可以使用：

<link rel="shortcut icon" href="路径/favicon.ico" type="image/x-icon">

href 中放存放 favicon.ico 的路径就可以了。

快捷方式：输入 link:favicon 就会有提示，然后回车就行了。

乱序假文

输入: lorem

比如：lorem*3 就会生成3个乱序假文

重构

我们使用某些属性时，会引发网页的重构。

比如说：margin padding 等等

而这类位移有时候又是比不可免的，这时候我们可以使用css3中的一个属性：transform

比如：
1.要移动：transform: translate(10px, 10px); translateY(); trnaslateX();
2.要放大字体：transform: scale();

js添加类名

我所知道的使用JavaScript添加类名是：

p.className = 'active'

而老师说还有一种：

p.classList.add('active')
p.classList.remove('active')
p.classList.replace("foo", "bar") // 将类foo替换成类bar
p.classList.toggle('active') // 如果active类存在则移除，否则添加

上面的类的内容可以去 MDN看classList。