动画在前端领域中的作用是提升用户体验、吸引用户注意力。在不同的场景中，我们需要根据动画的特点去选择不同的方式去呈现，演绎最高级的动画就要选择最合适的技术栈。

由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移的移动端适配方案

1.重要性 当我们面试的时候，前端性能优化方面算是必考的知识点，但是工作中我们又很少会重点的对项目进行前端优化，它真的不重要吗？ 如果我们可以将后端响应时间缩短一半，整体响应时间只能减少5%~10%。

动前端动画，我们熟知的有两种 CSS 动画 (requestAnimation/setTimeout/setInterval +属性)动画，今天我们学习第三种，WAAPI。

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

1. 理解XHR 3. API 16. setRequestHeader(name, value): 设置请求头 4. XHR的ajax封装，也算是简单版的axios

个性签名: 生如夏花，逝如冬雪；人生如此，何悔何怨。 工欲善其事，必先利其器。在判断元素是否在可视区域实现简单的原生懒加载前，我们先简单回顾下以下几个关键的概念。 ps： 如果你对这些概念已经比较熟悉了，可以直接跳到第五点查看关键代码示例。 1. 偏移量 偏移量(offset …

本文针对 BOM 和 DOM 中和位置以及元素尺寸相关的典型属性进行深入讨论，这些属性是使用 Javascript 操纵 DOM 元素的基础，虽然不难理解，然而却容易令人混淆。本文中有相当一部分内容来源于网络，参考资料在文末列出。 和 window 对象相关的位置、尺寸属性主要…

在SVG中，并非只能填充图形颜色和添加描边，你也可以像CSS一样，给绘制的图形应用添加渐变色。分为线性渐变、径向渐变，具体如何应用渐变色我们进行看下去！