前端表现层

CSS样式统一化

由于浏览器内核实现的差异性,不同浏览器可能对同一元素标签的默认设置是不同的,要处理这一问题,目前主要有三种实现思路:reset,normalize,neat

reset:将不同浏览器中标签元素的默认样式全部清楚,消除不同浏览器下默认样式的差异性。

normalize:在整站样式基本确定的情况下对标签元素同一使用同一个默认样式规则。

neat 二者结合

CSS预处理

变量声明和计算

语法表达式

函数处理

属性的继承

兼容性补全

表现层动画实现

JavaScript动画:通过setInterval方法或者setTimeout方法的回调函数来持续调用改变某个元素的CSS样式来达到元素样式持续变化的结果。

SVG动画

CSS3 transition:过渡动画

CSS3 animation:脱离了js的控制,还可以实现一些复杂的动画。keyframes能够控制关键帧

Canvas动画:完全通过js来渲染控制动画的执行,避免了DOM性能较慢的问题。

requestAnimationFrame:浏览器针对动画专门优化儿形成的API,将动画的每一步操作方法传入requestAnimationFrame中,在每一次执行完后进行异步回调来连续触发动画效果。

猜你喜欢

转载自blog.csdn.net/SkadiEyes/article/details/80053243