![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
吹了一夜风~
这个作者很懒,什么都没留下…
展开
-
vue项目中优雅的导入全局过滤器
vue项目中优雅的导入全局过滤器在项目src目录下创建一个filters目录,用来放全局的过滤器[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MYjHWD9z-1639378809904)(http://ptf.chao-yu.cn/blog/2021/09/28/8f4663edbd7e10458892de709e16abb7-cc3587.png)]在filters目录下创建index.js文件例如,创建两个测试过滤器/** * 测试filter * @pa原创 2021-12-13 15:00:35 · 675 阅读 · 0 评论 -
es6中新增的数组的扩展运算符...
es6中Array对象的扩展运算符…的使用es6中Array对象中新增的扩展运算符 …,将一个数组转为用逗号分隔的参数序列基本使用console.log(...[1,2,3])// 1 2 3函数传参function add(x,y){ return x+y;}let arr = [4,5];let num = add(...arr);console.log(num);//9合并多个数组let a = [1,2,3];let b = [2,3,4];let原创 2021-08-12 11:03:10 · 210 阅读 · 0 评论 -
js数组常用方法整理
js中数组常用方法整理concatconcat用于连接(合并)两个或更多的数组let a = [1,2,3];let b = [2,3];let c = [4];console.log(a.concat(b,c));//[1, 2, 3, 2, 3, 4]filterfilter用户对数组进行筛选,筛选出符合条件的选项,返回一个新的数组let persons = [ {name:"张三",age:20}, {name:"李四",age:18}, {name:"王五",age:2原创 2021-08-12 11:00:04 · 90 阅读 · 0 评论 -
正则表达式学习
正则表达式学习总结限定符*、+、?、{n}、{n,}、{n,m}a* 匹配a出现0次或多次a+ 匹配a出现1次或多次a? 匹配a出现0次或一次a{n} 匹配a出现n次a{n,} 匹配a至少出现n次a{n,m} 匹配a至少出现n次,最多出现m次或运算符|a|b 匹配a或者b(ab)|(cd) 匹配 ab或者cd字符类[abc]、[^abc]、[a-z]、[A-Z]、[0-9][abc] 匹配方括号中的任意字符,a或者原创 2021-08-05 13:37:40 · 1463 阅读 · 0 评论 -
js中判断当前网络是否连接
javascript中判断当前客户端网络是否连接,可以使用 window.navigator.onLine 来判断if(window.navigator.onLine){ console.log("在线");}else{ console.log("离线");}监听当前网络连接状态可以使用 window.addEventListener//注意,初始状态下不会出发,只有当网络状态变化才会出发window.addEventListener("offline",function(e){ con原创 2021-08-03 14:37:11 · 1841 阅读 · 0 评论 -
理解与使用Promise.all 与 Promise.race
es6中Promise对象的 all方法与race方法使用Promise.allPromise.all()方法用于将多个 Promise 实例,包装成一个新的 Promise 实例,同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。例如:创建两个都会返回成功的Promise,调用Promise.all方法,会在所有结果都返回成功之后返回结果数组,并且,结果数组的顺序与all方法传入的顺序相同let p1 = new Promise原创 2021-08-03 11:37:33 · 647 阅读 · 0 评论 -
js中防抖与节流的概念理解以及应用场景
js中防抖与节流的概念理解以及应用场景防抖在开发中,如果需要监听滚动条滚动事件,或者输入框输入事件等高频事件时,如果每次都触发具体的操作的话,会使浏览器变的卡顿,影响用户体验,高频率触发ajax接口,更会增加服务器负荷防抖的概念持续触发事件时,在设定的事件内没有被再次触发,才会去调用事件处理函数,如果在设定时间内又被触发了,则不调用事件处理函数,并重置设定时间,重新开始延迟防抖的实现例如:在用户进行实时搜索的场景下,每次用户输入都会发起ajax请求,获取搜索结果,下面代码展示了<!D原创 2021-08-03 11:31:38 · 212 阅读 · 0 评论 -
前端使用 xlsx 读取复杂excel 文件,例如,设置从第几行开始读取、空数据设置默认值
前端开发中使用xlsx读取excel文件内容时,有时候我们要跳过excel 文件里某一行的内容,或者对空数据设置默认值时,可以参考如下操作原创 2021-04-19 14:42:08 · 7366 阅读 · 3 评论 -
js中判断一个变量是否是数组的方法整理
在js中,我们可以使用 typeof 对一些常用类型进行判断,比如:Function、Object、number、String、undefined 等但是,在使用typeof对数组、或者null进行判断时,都会返回Object下面,整理下常用的可以判断Array类型的方法1、instanceofinstanceof操作符是检测对象的原型链是否指向构造函数的prototype对象的let a = [2,543,32];console.log(a instanceof Array);// true原创 2021-03-16 13:55:51 · 397 阅读 · 0 评论 -
js中 var、let 、const的区别
js中三中定义变量的方式var、let、const的区别原创 2021-03-16 13:41:55 · 223 阅读 · 0 评论 -
<script> 与 <script async> <script defer> 的区别
在向html页面中插入js脚本我们主要用 script 标签来引入,那么 script 标签加 async与 defer属性有什么区别呢原创 2021-03-09 14:13:20 · 604 阅读 · 0 评论 -
js判断字符串中是否包含某个字符方法整理
整理js中可以用到的判断一个字符串中是否包含另外一个字符的方法String对象方法1、indexOfindexOf 返回指定字符串在该字符中首次出现的位置,如果没有找到,则返回 -1indexOf 接收两个参数,第一是需要搜索的字符串,第二个参数是检索的位置,默认为0let str = 'abcde';//例如,从str第三位开始搜索 'a'console.log(str.indexOf('a',2));// -1console.log(str.indexOf('a'))// 02、原创 2021-02-25 14:52:49 · 36817 阅读 · 0 评论 -
js中call和apply的用法和区别
javaScript 中通过call或者apply用来代替另一个对象调用一个方法,将一个函数的对象上下文从初始的上下文改变为指定的新对象。简单的说就是改变函数中this的指向基本用法function Fun(){ this.name = "fun"; this.say = function(){ console.log(this.name); console.log(arguments); }}let people = { name:"test"}let f = new Fu原创 2021-02-18 17:31:02 · 189 阅读 · 0 评论