animation-timing-function


css中animation属性animation-timing-function知识点以及属性值steps()详解

在animation中最重要的其实就是时间函数(animation-timing-function)这个属性,他决定了你的动画将以什么样的速度执行,所以最关键的属性值也就是cubic-bezier(n,n,n,n),你平时用到的linear、ease、ease-out等都是基于这个属性值的,那么我们接下来就看看这个东西到底是什么含义。

这个时间函数是通过一个坐标反映出来的:

这个就是timing-function的工作图,总共有4个点来描述整个曲线的运动形状
阅读更多...

JS垃圾回收机制

序言

一般的浏览器都具有Javascript垃圾回收机制(GC:Garbage Collection),也就是说执行环境会负责管理代码执行过程中使用的内存,这个过程是不可见的,我们创建的基本类型,函数,对象,数组等等,都需要内存,同时也都需要回收

当不再需要某样东西时,javascript引擎就会发现并清理它,具体是怎么实现的呢?

阅读更多...

Doctype、严格模式与混杂模式

Doctype的作用!

DOCTYPE 是一个文档类型标记,是一种标准通用标记语言的文档类型声明,在 web 设计中用来说明你用的 XHTML 或者 HTML 是什么版本

  • HTML5 不基于 SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为
  • 而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型
阅读更多...

JS异步编程

序言

在event loop中我们已经学习了,js是一门单线程语言,这意味着通常情况下JS运行的代码是同步且阻塞的,但是在实际应用中,尤其是在浏览器端,这种同步阻塞的编程无法实现特定的需求,当遇到一些耗时的计算,请求时就会造成后续线程的等待甚至卡死,给用户造成非常糟糕的体验。

基于这个问题,JS的异步编程解决方案应运而生。时至今日,前端开发人员依然能听到一句话:JS是单线程的,天生异步,适合IO密集型,不适合CPU密集型

接下来就来了解JS异步编程的实现方案

阅读更多...

跨域

同源限制策略

同源策略指的是:协议,域名,端口相同。同源策略是一种安全协议

对于普通的浏览器而言,上述三者只要有一个不同就会引发同源策略。从而限制他们之间的交互行为。具体限制如下:

  • Cookie、LocalStorage和IndexDB无法读取;
  • DOM无法获得;
  • AJAX请求不能发送。
阅读更多...
  • Copyrights © 2015-2021 AURORA_ZXH
  • Visitors: | Views:

请我喝杯咖啡吧~

支付宝
微信