JS
鲁少聚
这个作者很懒,什么都没留下…
展开
-
H5获取链接中的参数
在H5网页的项目中我们经常需要获取连接中的参数 function getQuerystring(key) { const url = new URL(window.location.href); return url.searchParams.get(key);} function getRouteQuery(vm, key) { const params = vm.$route.query; return params[key];} function getQuery(vm, k原创 2022-04-24 16:49:09 · 2352 阅读 · 0 评论 -
手写节流和防抖函数进阶版
手写节流和防抖函数一、防抖函数应用场景输入框中频繁的输入内容,搜索或者提交信息;频繁的点击按钮,触发某个事件;监听浏览器滚动事件,完成某些特定操作;search搜索联想,用户在不断输入值时,用防抖来节约请求资源。window触发resize的时候,不断的调整浏览器窗口大小会不断的触发这个事件,用防抖来让其只触发一次**原理:**在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。**大白话版原理:**小明答应在三天之后还钱给小红,但是小红在三天内如果再催小明还钱的话,则会原创 2022-04-23 03:18:14 · 165 阅读 · 0 评论 -
配置云函数,生成URLSchema跳转小程序所遇到报错
1.云函数配置报错出现这样的错误一般就是云函数中小程序的参数报错2.传递的参数拼接报错这种一般就是拼接的参数格式不对,或者含有中文(这个很重要)正确的格式,不能包含中文!!!a=1&b=2&c=3如果必须要含有中文的话,有以下两种办法:1、querystring2、...原创 2022-04-15 15:59:03 · 454 阅读 · 0 评论 -
Vuex最简单明了的教程
Vuex最简单明了的教程1.112.223.33334.444原创 2022-04-03 21:58:04 · 145 阅读 · 0 评论 -
工作中遇到的问题总结: (单词排序) (提取链接中的参数) (vue-cli 3 4打包VUE项目出现空白页面解决方案)
一、单词排序let arr = ['abc', 'aba', 'aef', 'Def', 'BoC', 'FED'];let arrSort = arr.sort(function(s, t) { let a = s.toLowerCase(); let b = t.toLowerCase(); if (a < b) return -1; if (a > b) return 1; return 0; }) alert(arr原创 2022-02-13 23:17:32 · 344 阅读 · 0 评论 -
div横向滚动效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do.原创 2021-11-22 11:25:14 · 373 阅读 · 0 评论 -
时间格式转换总结
<script language="JavaScript" type="text/javascript">function GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期 var y = dd.getFullYear(); var m = dd.getMonth()+1;//获取当前月份的日期 ...原创 2021-08-09 16:57:01 · 221 阅读 · 0 评论 -
数组常用的方法总结:--持续更新中
1.数组的转换原创 2021-08-09 10:34:20 · 129 阅读 · 0 评论 -
清除字符串左右两边的空格
去除字符串左右两端的空格,在js中却没有这3个内置方法,需要手工编写。下面的实现方法是用到了正则表达式,效率不错,并把这三个方法加入String对象的内置方法中去。 写成类的方法格式如下:(str.trim();) <script language="javascript"> String.prototype.trim=function(){ return this.replace(/(^\s*)|(\s*$)/g, ""); } String.p...原创 2021-08-05 10:52:43 · 1095 阅读 · 2 评论 -
字符串常用的方法总结:--持续更新中
就是把在工作中遇到的关于字符串的方法做一个简单的总结,会持续增加的1.字符串转化成数组let str='abc-defg'let arr=str.split("") //("")里面的参数为分割字符串的依据,此时为空,没有空格console.log(arr); //['a', 'b', 'c','-', 'd', 'e','f', 'g']let str='abc-defg'let arr=str.split(" ") //此时有一个空格console.log(arr);//原创 2021-08-03 10:22:32 · 91 阅读 · 0 评论 -
关于ES6中扩展运算符进行拷贝中的“坑”
在通常的学习概念中会觉得对某个数据是否进行深浅拷贝是有拷贝的方法决定的,当我遇到ES6中的扩展运算符的时候,才知道,还能由所拷贝的数据的格式确定的。1.当所拷贝的对象是基本数据类型的时候:深拷贝 let arr=[1,2,3] let arr2=[...arr] arr2[0]=1000 console.log(arr2)//[1000,2,3] console.log(arr)//[1,2,3] 当改变拷贝后的数组的元素时:原来的数组不发生变化,既引用地址不同2.当所拷贝的对象是引用数据原创 2021-06-10 14:26:35 · 323 阅读 · 0 评论 -
图解原型和原型链
Constructor 构造函数首先先写一个构造函数 Person,构造函数一般为了区别普通函数要求首字母大写:function Person(){} prototype 原型原型指的就是一个对象,实例“继承”那个对象的属性。在原型上定义的属性,通过“继承”,实例也拥有了这个属性。“继承”这个行为是在 new 操作符内部实现的。先不说实例,原型与构造函数的关系就是,构造函数(Person)内部有一个名为 prototype 的属性,通过这个属性就能访问到原型:instance 实例func原创 2021-05-18 20:05:07 · 88 阅读 · 0 评论 -
for in 和 for of 的区别
for in 和 for of 简单来说就是它们两者都可以用于遍历,不过for in遍历的是数组的索引(index),而for of遍历的是数组元素值(value)for in(ES1)for in和for循环方式历史悠久,从ECMAScript 1就被支持。for in 用来循环数组不是一个合适的选择。迭代的是属性key,不是值。由于属性 key 是字符串,迭代出的元素索引是 string,不是 number,不能直接进行运算,如下var arr = [1,2,3] for (let原创 2021-02-08 17:29:00 · 17384 阅读 · 0 评论 -
彻底弄清JS预解析
什么预解析?简单地说就是浏览器在执行js代码的时候分成两步操作,先解析后执行。也就是说浏览器不会说直接执行我们的js代码,而是经过简单加工处理再执行我们的代码,而这个加工处理的过程我们叫做预解析。1. 预解析分为 变量预解析(变量提升) 和 函数预解析(函数提升)(1) 变量提升 就是把所有的变量声明提升到当前的作用域最前面不提升赋值操作(2) 函数提升 就是把所有的函数声明提升到当前作用域的最前面不调用函数。2.预解析规则:1.将变量声明和函数声明提升到当前作用域的最前面。2.将后面的代码按原创 2021-01-26 13:06:28 · 90 阅读 · 0 评论