小明博客

防抖节流是前端性能优化的一部分了，在一些场景中我们需要使用他们来帮助我们减少不必要的消耗，尤其是对一些监听事件的不必要消耗的优化。 为什么要进行优化？我们以监听滚动事件来进行举例 123window.addEventListener('scroll',()=>{ console.log('test')}) ... 阅读全文…

1、实现call()js提供的call方法可以实现函数内this指向的改变，我们可以看下面这个例子 12345678const obj={ a:'1'}function fn(){ console.log(this.a)}fn() //undefinedfn.call(obj) //1,指向obj 可以看到使用call我们可以将函数中的th... 阅读全文…

for循环遍历1234let a=[1,2,3,4,5]for(let i=0;i<a.length;i++){ console.log(a[i])} for(…in…)1234let a=[1,2,3,4,5]for(i in a){ console.log(a[i])} for(…of…)1234let a=[1,2,3,4,5]... 阅读全文…

数组是js最常用的类型，JavaScript提供了很多数组的方法，今天我们就来好好整理一下。 1、push在数组末尾插入元素123let a=[1,2,3]a.push(4)a//[1,2,3,4] push方法会改变原数组返回值为插入后数组的长度 2、pop移除数组最后一项123let a=[2,3]a.pop()a//[2] 会改变原数组返回值为被移除的元素 3、shift获取数组头部元... 阅读全文…

在我们日常中要保持不断的学习，写技术博客就是其中一种，程序员很有必要有自己的一个个人博客，不管是静态搭建的还是自己从零开始一步步实现的，写技术博客都是一种技术分享和学习的有效方法。这里我的博客搭建使用的hexo来搭建的并放在了github-page上，一些人可能看着官方文档会有点乱，这边我就介绍一下hexo博客的基本用法，从搭建到部署 安装搭建hexo需要使用npm，因此要先从nodejs官... 阅读全文…

在学习继承前希望读者先去学习下js原型和原型对象的知识。对于js原型和原型对象的理解 原型链继承让一个函数的原型指向另一个引用类型的对象,这个对象中又有指针是指向另一个引用类型的原型对象的，原型对象也可以继续指下去，直到原型链的末端 12345678910111213function Animal(){ this.name='动物'}Animal.prototype... 阅读全文…

效果图 在这里插入图片描述 因为html中的audio的样式不能更改，所以我们自己制作UI，做成自己想要的样子，这样要实现滑动条跟audio的双向绑定，滑动条使用了vant的组件sl... 阅读全文…

原型：原型(prototype)是每个函数都具有的一个属性，本质上是一个指针，指向的是函数的原型对象。例如： 1234function Person(Name){ this.name=Name}Person.prototype//可以查看当前Person函数的原型对象。 原型对象函数中的protype属性所指向的对象，这个对象的用途就是可以指定特定类型的所有实例共享... 阅读全文…

这是从牛客网上总结下来的css面试基础题的一小部分，后续也会持续更新markdown源文件下载提取码：8min 1、css盒模型盒模型有两种，一种是w3c提出的标准盒模型，一种是ie盒模型。 box-sizing:content-box为w3c提出的标准盒模型型，其宽度为border+padding+width，因此设置了内边距和边框会使得盒模型的宽度增加。 ... 阅读全文…

实现效果： 扫雷 总体思想：这个扫雷难点主要就两点：第一点就是雷的随机分布，我这里使用js动态生成了10X10的table表格，然后设定生成20个雷，然后在生成每个格子代表的数字，雷我... 阅读全文…