CSS style unification
Due to the differences in the implementation of browser kernels, different browsers may have different default settings for the same element tag. To deal with this problem, there are currently three main implementation ideas: reset, normalize, neat
reset: Clears all default styles of label elements in different browsers and eliminates differences in default styles under different browsers.
normalize: Use the same default style rule for label elements when the style of the entire site is basically determined.
neat combination of the two
CSS preprocessing
Variable declarations and calculations
syntactic expression
function processing
Inheritance of properties
Compatibility Completion
Presentation layer animation implementation
JavaScript animation: Through the callback function of the setInterval method or the setTimeout method, the CSS style of an element is continuously changed to achieve the result of continuous change of the element style.
SVG animation
CSS3 transition: transition animation
CSS3 animation: out of the control of js, you can also achieve some complex animations. keyframes can control keyframes
Canvas animation: The execution of animation control is completely rendered and controlled by js, avoiding the problem of slow DOM performance.
requestAnimationFrame: An API specially optimized by the browser for animation. The operation method of each step of the animation is passed into the requestAnimationFrame, and an asynchronous callback is performed after each execution to continuously trigger the animation effect.