前端销纸

2022年2月3日

摘要： JS设计模式-策略模式以计算薪资为例 1.普通写法 function caculateBonus(performanceLevel, salary){ if(performanceLevel 'S') return salary * 4 if(performanceLevel 'A') retur 阅读全文

posted @ 2022-02-03 13:50 前端销纸阅读(43) 评论(0) 推荐(0) 编辑

JS设计模式-单例模式

摘要： JS设计模式-单例模式面向对象：划分命名空间并将属性和方法组织在一起的一种方式单例模式：只是实例化一次。每次返回的实例都是同一对象 1. function person(name){ this.name = name } var getInstance = (function(){ var in 阅读全文

posted @ 2022-02-03 03:13 前端销纸阅读(194) 评论(0) 推荐(0) 编辑

JS设计模式-工厂模式

摘要： JS设计模式-工厂模式概述：一个模具生产多个产品 1.简单工厂模式 function person(name,age,gender){ this.name = name this.age = age this.gender = gender } var p1 = new person('zhang 阅读全文

posted @ 2022-02-03 02:32 前端销纸阅读(72) 评论(0) 推荐(0) 编辑

2022年2月2日

原型继承

摘要：原型继承 1.原型链继承以数组作为例子 var a = []; console.log(a.__proto__ Array.prototype); //true 结论1：数组a是Array的实例对象 console.log(Array.prototype.__proto__ Object.prot 阅读全文

posted @ 2022-02-02 00:23 前端销纸阅读(29) 评论(0) 推荐(0) 编辑

2022年2月1日

JS原型

摘要：原型 1.构造函数与普通函数的区别通过不同的执行方式改变函数内部的this指向 function Foo(){ this.a = 1; } Foo() //this指向window console.log(window.a); //1 var foo = new Foo(); // this指向f 阅读全文

posted @ 2022-02-01 23:19 前端销纸阅读(26) 评论(0) 推荐(0) 编辑

网页内音乐播放的实现(初步)

摘要： audio 创建一个Audio对象存在一个Audio对象用于创建音频，无需显示的放在结构里，JS里控制即可 var player = new Audio() Audio对象上的（常用）方法 Audio.play() //播放 Audio.pause() //暂停 Audio.load() //重新阅读全文

posted @ 2022-02-01 18:07 前端销纸阅读(193) 评论(0) 推荐(0) 编辑

this指向问题

摘要： this问题 this的四种绑定 PS:this指向在调用的时候确定 !!!!!!!!!!!!!!!!!!!!!!!!!important 1.默认绑定规则 console.log(this window); //true console.log({} {}); //false // 函数的独立调用阅读全文

posted @ 2022-02-01 17:53 前端销纸阅读(24) 评论(0) 推荐(0) 编辑

迭代器，生成器，co模块，promise化

摘要：迭代器与生成器什么是迭代迭代是一种遍历模式,对有序的(具有索引的),连续的数据类型进行抽取,因此对象没有迭代接口迭代方法 <script> var arr = [1,2,3,4] var s = "1234" console.log(arr); //Symbol(Symbol.iterat 阅读全文

posted @ 2022-02-01 17:52 前端销纸阅读(35) 评论(0) 推荐(0) 编辑

防抖和节流

摘要： JS经典题目防抖 1.目的函数节流（throttle）与函数防抖（debounce）都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。 2.知识点函数闭包，this指向，arguments参数，apply改变this指向 3.完整代码阅读全文

posted @ 2022-02-01 17:51 前端销纸阅读(24) 评论(0) 推荐(0) 编辑

[vue3]router-link和v-for使用产生的问题

摘要：记录一个RouterLink，V-for，v-if同时使用的问题可能的警告 Unhandled error during execution of render function Unhandled error during execution of scheduler flush. This i 阅读全文

posted @ 2022-02-01 17:42 前端销纸阅读(4263) 评论(0) 推荐(0) 编辑

公告