日常知识部分总结

一、常用块级元素和行内元素

块级元素： div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr

行内元素：span、img、a、label、code、input、abbr、em、b、big、cite、i、q、textarea、select、small、sub、sup，strong、u

二、贝塞尔曲线的些许知识总结

1、transition-timing-function属性

transition-timing-function属性指定切换效果的速度。

此属性允许一个过渡效果，以改变其持续时间的速度。
语法：transition-timing-function: cubic-bezier(n,n,n,n);
https://www.runoob.com/cssref/css3-pr-transition-timing-function.html

2、cubic-bezier() 函数

贝塞尔曲线曲线由四个点 P0，P1，P2 和 P3 定义。P0 和 P3 是曲线的起点和终点。P0是（0,0）并且表示初始时间和初始状态，P3是（1,1）并且表示最终时间和最终状态。
P0：默认值 (0, 0) P1：动态取值 (x1, y1) P2：动态取值 (x2, y2) P3：默认值 (1, 1)
我们需要关注的是 P1 和 P2 两点的取值，而其中 X 轴的取值范围是 0 到 1，当取值超出范围时 cubic-bezier 将失效；Y 轴的取值没有规定，当然也毋须过大。
最直接的理解是，将以一条直线放在范围只有 1 的坐标轴中，并从中间拿出两个点来拉扯（X 轴的取值区间是 [0, 1]，Y 轴任意），最后形成的曲线就是动画的速度曲线。
cubic-bezier() 可用于 animation-timing-function 和 transition-timing-function 属性。
语法：cubic-bezier(x1,y1,x2,y2)
https://www.runoob.com/cssref/func-cubic-bezier.html

3、贝塞尔曲线的快慢（个人理解 可能有误）

cubic-bezier(x1,y1,x2,y2)
快慢由斜率k决定，k1=y1/x1,k2=y2/x2, k>0 则为快，k<0则为慢

三、如何阻止IE和各大浏览器默认行为

阻止默认事件：
e.preventDefault()
e.returnValue = false  (IE)
阻止冒泡：
e.stopPropagation()
e.cancelBubble = true (IE)

总结梳理如何阻止IE和各大浏览器默认行为：

当需要停止冒泡行为时，可以使用 function stopBubble(e) { //如果提供了事件对象，则这是一个非IE浏览器 if ( e && e.stopPropagation ) //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); else //否则，我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true; } 当需要阻止默认行为时，可以使用 //阻止浏览器的默认行为 function stopDefault( e ) { //阻止默认浏览器动作(W3C) if ( e && e.preventDefault ) e.preventDefault(); //IE中阻止函数器默认动作的方式 else window.event.returnValue = false; return false; } 事件注意点 event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等； event对象只在事件发生的过程中才有效。 firefox里的event跟IE里的不同，IE里的是全局变量，随时可用；firefox里的要用参数引导才能用，是运行时的临时变量。 在IE/Opera中是window.event，在Firefox中是event；而事件的对象，在IE中是window.event.srcElement，在Firefox中是event.target，Opera中两者都可以