JQuery源码阅读之整体架构

JQuery作为前端的基本功,每个前端都必然使用过,作为一个前端的初学者很好奇内部的源码。 今天开始将逐渐阅读一些JQuery源码,来解析他的设计思路,和一些小技巧,加深面向对象技能。

perspective的介绍

perspective属性

  • 这个属性的值会改变一部分变换的效果,单独使用没有明显的效果。
  • 这个属性可以理解为 设置属性的元素距离z=0也就是距离屏幕的距离,单位可以是px。正方向是屏幕的内侧,负方向是屏幕的外侧人的方向。
  • 对要进行动画元素的父元素使用,如果效果不正常那么在对其父元素的父元素使用。当具有这个属性的值,发生动画效果的时候,有时会产生近大远小的效果。

transition进阶介绍

transition进阶介绍

过渡就是当当前元素的属性发生变化时,不是立即切换,而是逐渐的发生变化,会产生动画效果。

xxx-of-type(n)选择器

E:first-of-type 选择兄弟元素中的第一个E类型的元素 li:first-of-type就是选择兄弟元素中第一个li元素 E:last-of-type 就是选择兄弟元素中最后一个E类型的元素