qsj0606的博客

uniapp手写签名板

qsj0606 — Wed, 31 May 2023 10:42:40 +0800

【代码】uniapp手写签名板。

js单行代码

qsj0606 — Fri, 14 Oct 2022 11:42:44 +0800

Clipboard API 它的所有操作都是异步的，返回 Promise 对象，不会造成页面卡顿。而且，它可以将任意内容（比如图片）放入剪贴板。我们自己写日历组件时经常会用到，判断某个日期是否为工作日；这两个函数则能帮助大家将华氏温度转换为摄氏温度，以及将摄氏温度转换为华氏温度。反转字符串可以使用split结合reverse和join方法轻松实现。uniqueArr方法将数据转为Set，然后再解构为数组返回。activeElement 属性返回文档中当前获得焦点的元素。使用第三方的qs包实现。

微信小程序触发longtap事件时同时触发tap事件，如何解决？

qsj0606 — Thu, 13 Oct 2022 16:54:39 +0800

longtap是基于tap实现的，在同一个view上，longtap既能触发，tap也能触发。

Vue——axios的二次封装

qsj0606 — Sun, 09 Oct 2022 17:41:12 +0800

对 axios 的二次封装，在企业级项目中是必须要配置的。因为经过封装的 axios，更容易使用和管理，并且可以减少代码量，让逻辑更清晰。

小程序跨页传递事件消息和数据的实现方式

qsj0606 — Sat, 08 Oct 2022 17:39:47 +0800

1、当前页跳转下一页是定义事件并监听。2、上一页传递的参数，使用时调用。3、改变上一页监听的数据时调用。

在微信小程序中如何使用wx.onLocationChange（）,解决wx.getLocation高频率调用导致耗电问题

qsj0606 — Fri, 23 Sep 2022 11:14:22 +0800

思路主要是这样的：首先事件触发authorization函数，等待getWxLocation函数里面的结果处理，看文档知道在调用onLocationChange前先调用startLocationUpdate。获取之后要记得关闭实时监听wx.offLocationChange(_locationChangeFn)，不然就会一直去获取坐标，可能会导致手机耗电严重。可是很无奈，产品的需求是要从首页点进去的时候获取一次用户坐标，可是如果用户频繁点击在真机上就会出现获取不到的情况，会报以下的错误，如下图所示。

小程序扫描普通链接二维码跳转小程序指定界面方法

qsj0606 — Wed, 21 Sep 2022 14:15:14 +0800

看了官方文档之后，还是存在很多困惑，微信小程序是托管到微信服务器上的，要想扫描普通链接跳转指定界面，首先要知道微信把小程序放的服务器的访问路径，这些最初想法，可是看微信官方文档，感觉不是我想的这样的。2.测试链接，这里的url就是扫码之后，跳转到你指定界面里，可以获取到你此处配置这个完整的url包括参数，当然，这个参数是一个动态参数，配置的时候是写死了一个，你的应用中，自己动态生成这个参数，微信会扫描所有自己配置的url，如果匹配上了，就跳转至指定界面，还有个前提，小程序必须先发布代码，才可以。

js 字符串截取方法汇总

qsj0606 — Fri, 16 Sep 2022 11:06:59 +0800

该方法返回一个新的字符串，该字符串值包含 stringObject 的一个子字符串，其内容是从 start 处到 stop-1 处的所有字符，其长度为 stop 减 start。start（必需）：一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。stop（可选）：一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。slice() 方法可通过指定的开始和结束位置，提取字符串的某个部分，并以新的字符串返回被提取的部分。

微信小程序文章内容展开收缩

qsj0606 — Mon, 05 Sep 2022 20:31:07 +0800

【代码】微信小程序文章内容展开收缩。

后端返回数据如果键是数字类型的解析方法

qsj0606 — Thu, 04 Aug 2022 18:03:26 +0800

如果后端返回数据如果键是数字类型的解析方法。

JS校验密码复杂度（必须包含字母、数字、特殊符号）

qsj0606 — Tue, 05 Jul 2022 10:51:34 +0800

js密码校验

微信小程序常用正则表达式

qsj0606 — Fri, 01 Jul 2022 20:49:21 +0800

数字：1*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数：^(-)?\d+(.\d{1,2})?$正数、负数、和小数：^(-|+)?\d+(.\d+)?$有两位小数的正实数：2+(.[0-9]{2})?$有1~3位小数的正实数：3+(.[0-9]{1,3})?$非零的正整数：4\d*$ 或

微信小程序wx.switchTab传值和跳转

qsj0606 — Fri, 24 Jun 2022 11:52:59 +0800

微信小程序有多种页面跳转以及传值方式。在调用的页面跳转的页面

js 遍历数组赋值成对象并push到新数组中

qsj0606 — Fri, 10 Jun 2022 10:52:36 +0800

初始数据遍历数组，生成对象，push到新数组打印结果：[ { orderId: ‘7’ }, { orderId: ‘10’ }, { orderId: ‘11’ }, { orderId: ‘12’ }, { orderId: ‘42’ } ]

20个不容错过的ES6技巧

qsj0606 — Thu, 05 May 2022 16:38:40 +0800

1. 打乱数组顺序 2. 去除数字之外的所有字符 3. 反转字符串或者单词 4. 将十进制转换为二进制或十六进制 5. 合并多个对象 6. === 和 == 的区别 7. 解构赋值 8. 交换变量的值 9-1. 判断回文字符串回文字符串: 正着写和反着写都一样的字符串 9-2 判断两个字符串是否为互相排列 == 判断两个字符串是否为互相排列: 给定两个字符串,一个是否是另一个的排列 == 10. 可选链操作符 == MDN: 可选链操作符( ?. )允许读取位于连接对象链深处的属性的

mockjs在vue中的使用

qsj0606 — Thu, 05 May 2022 14:27:33 +0800

关于mock.js，官网描述 1.前后端分离 2.不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据 3.数据类型丰富 4.通过随机数据，模拟各种场景 1、安装mockjs npm install mockjs //或在开发环境中引入 npm install mockjs --save-dev 2、创建mock.js文件在src路径下创建mock.js文件在main.js引入mock.js文件 3、mock.js使用 1.在刚刚创建的mock.js文件中写入测试代码 //引入

vue项目中如何实现将后台接口返回的数据进行映射

qsj0606 — Thu, 21 Apr 2022 17:48:14 +0800

效果图后端返回的接口数据 template代码

vue项目中如何实现将后台接口返回的数据映射成echarts饼形图

qsj0606 — Thu, 21 Apr 2022 17:23:56 +0800

data的代码假如从后台拿到的原始数据是list这种格式，我将原始的数据进行一系列的处理，拿到我想要的数据类型的数组title和result。 methods的代码 1、从list数组中分离处理后，拿到我想要的title数组和result数组； 2、将title和result赋值给画布中的option里边对应的data。 mounted中的代码有时在使用echarts实现将相关数据生成想要的图形表时 1、会出现浏览器中看到dom结构已经有了，但是画布里边的图形没有渲染出来，可能的原因就是，你

js中实现截取数组的前几个元素以及后几个元素作为一个新数组的方法

qsj0606 — Thu, 21 Apr 2022 16:53:22 +0800

数组中的slice()和splice()方法都可以实现对数组截取 const arr=[1,2,3,4,5,6,7,8] //截取数组前三个元素 const sliceA=arr.slice(0,3) console.log('sliceA',sliceA)//得到[1,2,3] //截取数组后三个元素 slice方法 const sliceArr=arr.slice(-3) console.log('sliceArr',sliceArr)//得到[6,7,8] //slice(start,end)

js中循环对象

qsj0606 — Thu, 21 Apr 2022 09:19:01 +0800

ES6之前，循环对象常见做法是使用：for…in。但是for…in循环的问题在于它会遍历原型链中的属性，所以需要使用hasOwnProperty执行检查属性是否属于该对象。 ES6之后，我们对于对象的循环有了更好的办法：Object.keys,Object.values,Object.entries Object.keys :创建一个包含对象所有属性的数组 const fruits ={ appple:22, pear:34, orange:88 } var keys = Objec