- 博客(11)
- 收藏
- 关注
原创 css3 实现icon刷新转动
30%时旋转到100度 ,50%时旋转到180度 ........ rotates是这个动画的名字。定义动画的关键帧的 比如 想初始状态 过度到中间时 结束时 几个时间段不同的动画状态。: 旋转元素 比如0deg到360deg 0度到360度。可以实现平移、旋转、缩放和倾斜等效果 有以下几个属性。:缩放元素 x,y分别表示水平和垂直方向的缩放比例。:倾斜元素,分别表示水平和垂直方向的倾斜角度。让这个element组件的icon五角星转起来。简单写个例子吧 就一个加载的状态。常见 0% 、50%、100%
2024-04-29 16:11:31
1007
原创 继承:call()的用法
作用:调用这个函数时可以修改函数运行时的this指向一、call()语法fun.call(thisArg,arg1,arg2,....)thisArg: 当前调用函数this的指向对象arg1,arg2: 传递的其他参数二、使用步骤1.call()可以调用函数代码如下(示例): function fn(x, y) { console.log('你正在敲代码啊') console.log(this); ..
2022-05-19 17:43:49
198
原创 JS高级中的constructor构造函数
1.对象原型__proto__和构造函数原型对象prototype里面都有一个constructor属性2.constructor 称为构造函数 因为它的作用是用于new的实例对象指回构造函数本身3.constructor 主要用于记录该对象是用于那个构造函数 它可以让原型对象prototype重新指向原来构造他的构造函数注:如果我们修改了原来的原型对象,给原型对象赋值的是一个对象,则必须手动的利用constructor指回原来的构造函数我们先创建一个构造函数 Star构造...
2022-05-16 11:15:42
11067
4
原创 构造函数原型prototype 和 对象原型__proto__
一、构造函数原型prototypejs规定,每一个函数都有一个prototype属性,指向另一个对象。注意这个prototype就是一个对象,这个对象的所有属性和方法,都会被构造函数创建的实例对象所访问到。我们可以理解为把那些逻辑不变的方法和共有的属性,直接定义在prototype对象上,这样构造函数对象就可以共享这些方法和属性一般情况下,我们的公共属性定义到构造函数里面, 公共的方法我们放到原型对象身上 // 1. 构造函数 function Star(una
2022-05-16 00:03:35
799
原创 JavaScript高级中的 类 和 对象
一、对象万物皆对象1.什么是对象在 JavaScript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等,他们也是对象。只要是对象就有属性和方法。对象是由属性和方法组成的: 属性:事物的特征,在对象中用属性来表示(常用名词) 方法:事物的行为,在对象中用方法来表示(常用动词) 2.创建对象 // 1. 利用 对象字面量创建对象(用的比较多) //字面量创建对象 var ldh
2022-05-15 22:44:57
225
原创 本地存储 localStorage和sessionStorage JSON字符串
JSON 是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串JSON.parse('json字符串'); => 转换成 对象或者数组JSON.stringify(对象或者数组); => 转换成 json字符串
2022-05-13 20:46:22
618
原创 web API 移动端 轮播图 手指移动 拖动图片
拖动后的位置=原先图片的位置+手指拖动的距离moveX移动端拖动元素 touchstart、touchmove、touchend 可以实现拖动元素 但是拖动元素需要当前手指的坐标值 我们可以使用 targetTouches[0] 里面的pageX 和 pageY 移动端拖动的原理: 手指移动中,计算出手指移动的距离。然后用盒子原来的位置 + 手指移动的距离 手指移动的距离:手指滑动中的位置 减去 手指刚开始触摸的位置 拖动元素三步曲:(1) 触摸...
2022-05-13 11:16:56
298
原创 web API 移动端 无缝连接
ul.addEventListener('transitionend', function () { if (num >= 3) { num = 0; ul.style.transition = `none`; ul.style.transform = `translateX(0px)`; } if (num < 0) { num = 2; var translateX = -num * focusWidt...
2022-05-12 23:41:06
148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人