day13学习笔记

 

1、今天学到一个新词verticle-align，先来说说效果

用之前，两个不在同一水平线上

用之后，哎？腰不酸腿不疼了，在同一水平线了

W3S注解：该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。

用法：verticle-align:top。  top应该就是指定基线参数了。

margin，padding仍然有效

2、在调调调过程中碰到this的问题，返回的一直是windows，获取不到我点击的目标块，后来查了一下网友的博客（https://blog.youkuaiyun.com/qq_24147051/article/details/79607242），说到：匿名函数和不处于任何对象中的函数，this指向window。赶紧去看下源代码：

原来：

$('.btn').on('click',function () {


    result();
})

改后：

$('.btn').on('click',result）;

原来是用匿名函数调用的this。

发现了这个问题之后，也没什么卵用，还有更大的问题（打脸。。。(￣ε(#￣)☆╰╮(￣▽￣///)

3、调试过程中碰到一个问题是，第一次点击会震动外，后面都不再震动，原因是加了属性shake之后（addClass）没有清除掉(removeClass),虽然不知道为啥？待查。

$('.shaker').addClass('shake');//光有这句是不行滴。

$('.shaker').removeClass('shake');//还得加上这句。