东方求败、-CSDN博客

东方求败、

码龄4年

IP 属地：浙江省

查看详细资料

个人成就

获得10次点赞
内容获得0次评论
获得59次收藏
代码片获得185次分享

TA的专栏

兴趣领域设置

前端

前端框架

创作活动更多

HarmonyOS开发者社区有奖征文来啦！

用文字记录下您与HarmonyOS的故事。参与活动，还有机会赢奖，快来加入我们吧！

0人参与去创作

搜TA的内容

JS实现缓冲菜单

JS实现缓冲菜单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style&g

发布博客 2022.02.28 ·

JS实现物体缓冲运动

JS实现物体缓冲运动缓冲运动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> &l

发布博客 2022.02.28 ·

JS实现物体淡入淡出效果

JS实现物体淡入淡出效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <sty

发布博客 2022.02.21 ·

JS实现鼠标滑入出现弹窗功能

JS实现鼠标滑入出现弹窗功能案例：分享到菜单功能 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>

发布博客 2022.02.21 ·

JS实现物体运动

JS实现物体运动案例：简单的运动，让一个div从左到右运动代码编写要注意的问题： 1.停不下来 2.当速度取某些数的时候停不下来 3.到达目的值以后点击还会继续运动 if…else 将运动分开 4.重复点击按钮速度加快保证只有一个定时器在启动每次启动定时器之前，将上次定时器关闭 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m

发布博客 2022.02.21 ·

ECMA6class语法

ECMA6class语法回顾：JS继承和多态 //ECMA6class语法 class Person{ //class属性添加 constructor(name,sex,age){ this.name = name; this.sex = sex; this.age = age; } ShowSelf(){ alert(`我是一个叫${this.name}，今年${this.age}岁的${this.sex}孩

发布博客 2022.02.20 ·

JS之proto和instanceof关键字

JS之__proto__和instanceof关键字 proto 构造函数构造出来的对象，有个属性__proto__ 指向构造出这个对象的构造函数的原型 function Dog({name,type,age}){ //this = new Object(); //添加属性 this.name = name; this.type = type; this.age = age; } /* 通过构造函数的原型添加方法 */ Dog.prototype = {

发布博客 2022.02.20 ·

JS继承和多态

JS继承和多态继承案例：创建一只狗 function Dog({name,type,age}){ //this = new Object(); //添加属性 this.name = name; this.type = type; this.age = age; } /* 通过构造函数的原型添加方法 */ Dog.prototype = { run: function(){ alert(this.name + "会飞快的奔跑");

发布博客 2022.02.19 ·

JS混合法—构造函数

JS混合法—构造函数了解prototype原型概念：每一个函数上，都有一个原型对象prototype 用在构造函数上，我们可以给构造函数的原型prototype，添加方法 1.如果我们将方法添加到构造函数的原型prototype对象上 2.构造函数构造出来的对象共享原型上所有的方法例子： var arr1 = [10,20,30,40,50]; var arr2 = [1,2,3,4,5]; // 在数组函数的原型上添加sum方法 Array.prototype.sum = function

发布博客 2022.02.19 ·

JS封装创建对象的函数(构造函数)

JS封装创建对象的函数(构造函数) 工厂模式： 1.原料 2.加工 3.出厂【注】凡是满足上述三个步骤创建对象的函数，我们把它叫做工厂方法如果，我们某一个函数，使用new运算符去调用 1.当前函数中的this指向新创建的对象 2.自动去完成 1.原料和 3.出厂操作这种通过new调用函数，我们把他叫做构造函数，构造函数可以构造对象【注】构造函数一般情况下首字母大写 function Preson(name,sex){ //1.原料 //var obj = new Object(

发布博客 2022.02.19 ·

JS封装一个函数实现解析search

JS封装一个函数实现解析search ?id=5&search=ok 获取url中search，通过传入对应key，返回key对应的value 例子：传入id，返回5 function getValue(search,key) { //找出key第一次出现的位置 var start = search.indexOf(key); if(start == -1) { return; } //找出key最后出现的位置 var end = search.indexOf("&",start); i

发布博客 2022.02.18 ·

set集合和map集合

set集合 // 创建set对象 let imgs = new Set(); //添加元素 imgs.add(100); imgs.add(100); imgs.add("hello"); imgs.add("hello"); imgs.add("true"); imgs.add(new String("world")); imgs.add(new String("world")); // 如果添加相等的元素，则只会保存第一个元素： console.log(imgs); // {100, 'hello',

发布博客 2022.02.18 ·

JS合并对象

JS合并对象 Object.assign 合并对象【注】将所有传入的对象，都合并到第一个对象中，属性被后续参数中具有相同属性的其他对象覆盖。 /* 浅拷贝改变obj3 f的值的时候，obj1里的f也被修改了(obj1拷贝了obj3 f的地址) */ var obj1 = { a: 10, b: 10 } var obj2 = { b: 20, c: 30 } var obj3 = { d: 40, f: ["hello","worl

发布博客 2022.02.18 ·

ECMA6字符串和新增数组方法

ECMA6字符串传统字符串：所有单引号，双引号括起来的都叫做字符串 ECMA6字符串：反引号 `` 1.ECMA6字符串，想怎么写就怎么写，换行，代码缩进，都能在字符串中体现出来 2.${变量/表达式/函数调用} var str = "hello world"; // 报错 var str = `hello world`; // 正常输出，保留换行和代码缩进 function showSelf({name,age,sex = "男"}){ // 传统写法 al

发布博客 2022.02.17 ·

JS解构用法

JS解构用法中括号解构 var [x,y,z] = [10,20,30]; alert(x + ',' + y); // 10,20 var [x,[a,b],y] = [10,[20],40]; alert(a + "," + y); // 20,40 alert(b); // undefined 大括号解构 var {name,age,sex} = { age: 18, name: "钢铁侠", sex: "男" } alert(name); // 钢铁侠 alert

发布博客 2022.02.17 ·

箭头函数用法及和ECMA5数组方法结合

1.箭头函数用法箭头函数：新潮的函数写法【注】适当的省略函数中的function和return关键字各种形式的箭头函数 //1.无参数，无返回值 function show(){ alert("hello world"); } var show = () => { alert("hello world"); } //2.有一个参数，无返回值 function xxx(num){ alert(num); } var x

发布博客 2022.02.17 ·

const关键字

const 声明变量，变量只能在声明的时候确定，后续是没有办法修改的【注】const声明常量(变量没有办法改)； const IP = "111"; alert(IP); //输出111 IP = 'xx'; alert(IP); //控制台报错 Uncaught TypeError: Assignment to constant variable. ...

发布博客 2022.02.17 ·

let和var关键字

let和var关键字 let 关键字用来声明变量只要遇到大括号就形成作用域【注】let关键字声明的变量，所在作用域叫做块级作用域 var 关键字声明变量，将变量或者形参所在函数的大括号作为作用域处理 1.作用域不同在函数中声明了var，整个函数内都是有效的，比如说在for循环内定义的一个var变量，实际上其在for循环以外也是可以访问的而let由于是块作用域，所以如果在块作用域内定义的变量，比如说在for循环内，在其外面是不可被访问的，所以for循环推荐用let 2、let不能在定义之前

发布博客 2022.02.17 ·

强制改变this指向（call，apply，bind的用法和区别）

强制改变this指向（call，apply，bind的用法和区别） call 格式：函数名.call(); 参数：第一个参数：传入该函数this指向的对象，转入什么强制指向什么第二个参数开始将原有的参数往后顺延一位 function show(x,y){ alert(this); alert(x + "," + y); } show(20,30); // [object Window] // 20,30 show.call("call",2

发布博客 2021.10.13 ·

JS之localStorage实战

JS之localStorage实战目标：用localStorage记录下滑动条的进度，下次打开不变代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title

发布博客 2021.10.11 ·