- 博客(5)
- 收藏
- 关注
原创 使用css + 部分js制作按钮流光特效
制作一个按钮流光特效,其核心就在于规律的动画的执行,让我们先看看效果吧鼠标移入会出现颜色循环流动效果。html部分(就是一个简单的a标签)<a href="#">sunbutton</a>css部分 :root{ /* 定义两个css全局变量 */ --bg_position-x1: 0%; --bg_position-x2: -400%; } * {.
2021-10-17 21:36:42
938
原创 js实现最理想的继承
JS的继承方式有很多种,最理想的继承方式是寄生组合式继承。1.创建父类型 function Person(name,age,sex){ this.name=name; this.age=age; this.sex=sex; } //父类的方法 Person.prototype.running=function(){ console.log(this.name + " running~"); }2.创建子类型同时通过借用构造函数继承的方式..
2021-10-17 20:26:44
164
1
原创 JS笔记:自调用函数
当我们写js文件的时候所有的文件都是在全局作用域中。一个js文件中声明的变量或函数在另一个js文件中是可以访问的,但是当我们在当前js文件中声明了一个构造函数 fun,又在另一个js文件中声明了一个构造函数fun,因为我们将来项目有可能是由不同的人来写的,所以难免会遇到命名冲突的问题。如果想要避免这种问题的话就要用到自调用函数: //自调用函数 -- 开启一个新的作用域,避免命名冲突. (function(){ console.log('1'); })()
2021-09-24 15:34:51
538
原创 js实现模糊查询
今天在做练习的时候,遇到一个需求是通过搜索框对列表进行模糊查询。了解到了四种方法,接下来看看。测试的数据: var list=[ { id:1, name:"Jenny", }, { id:2, name:"Annie", }, { id:3, name:"Quinn", } ]1 indexOf从头到尾地检索字符串 item.name,看它是否含有子串 " i
2021-09-19 22:26:34
1855
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人