guoss

在理解浏览器的渲染过程中，自己总结了下整个流程中，希望对大家也有所帮助。

以固定的时间间隔，重复运行一段代码. setInterval()的现代版本;在浏览器下一次重新绘制显示之前执行指定的代码块，从而允许动画在适当的帧率下运行，而不管它在什么环境中运行. 那么两者的相同之处呢？都是作为Javascript单线程中异步而存在的。 进程就好比工厂（GP…

上传图片的方式采用html5中通用文件上传。

pc端以及移动端因为有酷炫的动画吸引大众，而其中一种实现方式为canvas帧动画，这里简单的写一个方法仅供参考调用方法对于requestAnimation的理解

优点：margin在父元素大小未知的情况，不会随屏幕的缩放位移。常用于固定在背景图中的某个未知。 通过绝对定位将元素，元素左上角相对于父级的中心点定位，在通过transform相对元素本身分别偏移50%。 优点：修改main的宽高，不需要修改transform。

在浏览器输入一个地址到获取整个html的过程中，建立TCP链接后，浏览器会发起http请求，服务端也会响应http请求。那么为什么会有接口请求方式的思考呢。 首先我们来看一个get请求。 Request Header是我们在发起http请求的过程中传递的附加消息，包含了用户代理…

1.设置steps为start，可以看到最开始是没有动画效果的，到第一步后开始有变化。这里理解为：在0-50%会有四次步进动画，50%-100%也有四次步进动画，但是第一次的步进体现在了第一步结束后，最后一次回到0状态。 w3c官网指出：动画在每个周期的起点发生阶跃（即图中的空…