JavaScript
文章平均质量分 95
JavaScript 概述
lhuann_
这个作者很懒,什么都没留下…
展开
-
JavaScript继承概述
文章目录前言一、父类二、继承方式的实现1、原型链继承① 修改原型前后对象的变化② 父类新增方法属性,子类能否访问?③ 父类的属性方法是否所有子类共享?④ 子类在修改原型前后新增的方法,有什么变化?⑤ 子类为父类的属性方法赋值,会出现什么变化?⑥ 是否可多继承?总结前言对于使用过基于类的语言 (如 Java 或 C++) 的开发人员来说,JavaScript 有点令人困惑,因为它是动态的,并且本身不提供一个 class 实现。(在 ES2015/ES6 中引入了 class 关键字,但那只是语法糖,Ja原创 2021-03-31 18:42:14 · 345 阅读 · 0 评论 -
Web 三维矩阵matrix3d详解
文章目录前言一、3D平面的矩阵由来?二、平移公式推导推导矩阵三、缩放推导矩阵四、旋转单位圆公式推导推导矩阵绕Z轴旋转绕X轴旋转绕Y轴旋转结论五、CSS3中matrix3d() 使用总结前言前面Web二维矩阵matrix详解我们已经说过了二维矩阵了,现在我们来说下三维空间当中的矩阵吧~一、3D平面的矩阵由来?我们的3D平面坐标系,有x,y,z三个坐标体系,那么不管我们怎么对图片进行变换,归根结底都是对x,y,z 坐标的变换。对于三维我们使用的是一个4x4的矩阵,类似这样:(a00a01a02a原创 2021-02-06 12:13:54 · 8362 阅读 · 4 评论 -
Web二维矩阵matrix详解
文章目录前言一、2D平面的矩阵由来?二、平移公式推导推导矩阵三、缩放公式推导推导矩阵四、旋转单位圆公式推导推导矩阵五、斜切斜切的概念公式推导六、CSS3中matrix() 使用总结前言CSS 已经为我们内置了平移(translate),缩放(scale),旋转(rotate)和斜切(skew)相关的AP了。如果单单从使用来说,这些API已经足够我们使用了。那么按理说,我们已经没有必要去深入研究了,但是只是知其然,而不知其所以然,总是不够的,而且CSS还专门提供了一个matrix的API,那么我们就一原创 2021-02-05 19:41:17 · 1543 阅读 · 1 评论 -
Web Animations API的使用
文章目录前言一、认识Web动画API二、Web Animations API介绍1.Animation属性事件处理程序方法简单使用2.关键帧(Keyframe)格式属性简单使用1. 第一种(数组类型)2. 第二种(对象类型)3.EffectTiming属性简单使用三、一个例子1.使用CSS2.使用Web Animations API① .动画模型② .时序模型③ .创建500个img④ .开启动画⑤ .获取动画信息⑥ .开启、暂停、加速、减速动画⑦ .最终效果总结前言做Web开发的朋友对CSS动画应该原创 2021-02-04 18:32:29 · 817 阅读 · 0 评论