- 博客(70)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 小程序埋点上报工具
7、如果数据库不支持html和css，我们内置了过滤的方法filterHTMLandCSS,在含有html和css的地方用该方法包裹即可。**需要获取$INDEX时，需要在wxml中加入data-index={{index}}标记**由于SDK会改写Page对象，如果使用了插件，微信会禁止改写，可以通过以下方式改造。2、加入埋点信息（设置后可自动获取信息，也可单独使用，参考4）在app.js中 return report，方便其他页面调用。6、监听页面跳转，进出页面上报，一般写在设置openid后.
2023-09-04 14:41:06
308
原创 pinia数据持久化插件
前段时间用vue3、vite4、pinia、ts做一个后台系统，在状态管理方面需要实现持久化，防止刷新丢数据，一开始在网上找，找了几个插件，发现要么不支持加密，需要另外安装加密插件，要么就是不能更改缓存方式，例如只能用localStorage，就这些问题我就萌生了自己写一个插件的想法。
2023-05-25 11:22:44
986
原创 vue3 .d.ts文件提示 Parsing error: Only declares and type imports are allowed inside declare module
vue3 .d.ts文件提示 Parsing error: Only declares and type imports are allowed inside declare module
2022-06-06 11:42:24
1666
原创 vue+jsplumb实现工作流程图
最近接到一个需求——给后台开发一个工作流程图，方便给领导看工作流程具体到哪一步。先写了一个demo，大概样子如下：先安装插件npm install jsplumb --save安装panzoom，主要用于鼠标滚轮缩放流程图npm install panzoom --save在需要的页面引入插件import panzoom from 'panzoom'import { jsPlumb } from 'jsplumb'接下来先写布局父组件<templ
2022-04-15 10:36:49
4414
原创 解决js加减计算精度误差的问题
最近在做一个记账小程序的时候发现js的加减算法会有误差，例如console.log(0.1+0.2);console.log(6.8-0.9);0.300000000000000045.8999999999999995在浮点数计算的时候，很多时候产生的都是这种极限数据，如果要精确进行整数转换，要放大的倍数过大下面是解决的方法：//消除js计算误差add、reduce是传入的加减数字,reduce是被加数（被减数），s是加减符号function formatNum(add, re.
2022-02-17 09:51:15
4164
原创 用小程序云开发写一个多人记账小程序
应女朋友要求，用小程序云开发写一个记账小程序先上成品图吧主页：记账页：详情页：个人中心页：统计页：其余的页面就不一一展示了，使用到的主要技术有，小程序云开发，连表查询lookup，云数据库增删改查，数据结构的处理。功能有登录权限管理，账本邀约朋友记账，流水按月按年计算。因为要自定义tabBar栏目，所以使用组件引入的方式，将首页，我的等页面做成组件，创建一个home页面作为父页，控制显示隐藏就形成了tabBar切换功能日期组件本想找网上现成的，但.
2022-02-16 16:37:34
1560
4
原创 小程序记账小程序--日历组件开发
最近接了女朋友的需求，做一个我们的记账小程序，考虑到使用日历组件，在网上找了一圈没找到满意的。于是觉得自己弄一个。成品如下：显示前后一个月，支持年月。设置组件属性组件方法源码=> laqtxy/小程序日历组件...
2022-02-09 11:14:53
605
原创 云开发小程序editor富文本编辑器上传图片实现增删改
在做一个博客小程序，用的是云开发，用editor编辑器上传图片，一开始直接传图片会出现真机不显示的情况
2022-01-26 11:53:21
1396
2
原创 js 计算在职时间
话不多说，先上代码。diffTime(d1, d2) { d1 = new Date(d1.replace(/-/g, '/')) //结束时间 d2 = new Date(d2.replace(/-/g, '/')) //开始时间 if (d1.getTime() < d2.getTime()) { console.log('结束日期不能小于开始时间') return '结束日期不能小于开始时间'
2021-12-31 14:58:22
824
1
原创 js正则非零开头的正整数和保留两位小数，小数可以零开头
^(([1-9][0-9]*)(\.\d{1,2})?|0\.\d{1,2})$这个是匹配 非零开头的正整数和保留两位小数，小数可以零开头
2021-12-14 11:25:24
2922
原创 echarts自定义刻度距离 ，计算多个数组，并返回最大数
vue中实现，其他框架中方法类似，代码如下： let lineData1 = [100, 50, 200, 150]; let lineData2 = [50, 260, 100, 50]; let maxNum = this.setYAxisMaxVal([lineData1,lineData2]);setYAxisMaxVal(arrayF) { const flatten = (arr) => { while (arr.some((item) =&g
2021-11-16 14:45:41
491
原创 无法将“node.exe”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。
运行angular项目报错，最后发现npm文件夹下面的node.exe不见了，也不知道什么时候丢失的。解决方法找到安装node的文件夹，将node.exe复制过来，就行了。
2021-11-09 13:51:14
1103
原创 原生微信小程序实现重启人生游戏
微信搜索：馨宝游乐盒多款小程序云开发实现的游戏。重启人生这个游戏全是本地静态数据，微信开发工具打开就能使用。扫码体验一下吧。需要源码的同学，进入小程序内留言。相关链接微信小程序实现水果转盘游戏-小程序文档类资源-CSDN下载.........
2021-11-04 10:12:31
173
原创 Vue 3.x + Vant 3.x + Vue-Router 4.x 快速上手
前提安装node.js。 Node 版本要求：Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。你可以使用 n，nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。创建项目创建项目有三...
2021-10-26 18:01:39
507
原创 微信小程序实现水果转盘游戏
游戏介绍水果老虎机是一款街机游戏，游戏界面由24个方格拼接成一个正方形，每个方格中都有一个不同的水果图形，方格上有一个小灯。玩家使用游戏币选择希望押注的目标，按下开始后，小灯开始绕着正方形中每个格子转。当小灯停下时，如果停在玩家押注的目标上则可赢取相应的游戏币。物品：游戏中的物品有八种，分别为：苹果、西瓜、木瓜、橙子、铃铛、77、双星，这些物品又分为大小两种。还有BAR图标，分为2种。赔率：以下为所有固定赔率物品的赔率。·BARx100，小BARx50；77 x40，小77x10；...
2021-10-22 11:46:23
2454
原创 angular数据变化了但是视图没刷新解决办法
ts变量值也发生变化，但是视图没有同步更新。解决办法：import { ChangeDetectorRef, Component, OnInit } from '@angular/core';constructor(private changeDetectorRef:ChangeDetectorRef) {}getIndex(activeIndex: any) { this.dotIndex = activeIndex; this.changeDetectorR.
2021-10-08 10:46:20
4544
原创 js 防抖节流
防抖节流方法function debounce(func, wait = 500) { let timeout; return function(event) { clearTimeout(timeout); timeout = setTimeout(() => { func.call(this, event) }, wait) }}调用const util = require('../../utils/util.js');sea
2021-09-29 10:30:50
58
原创 ajax跨域问题之谷歌浏览器本地调试配置跨域
首先在桌面谷歌浏览器快捷图标右击-属性-目标-快捷方式在目标路径后面加上--disable-web-security--user-data-dir=C:\MyChromeDevUserDataMyChromeDevUserData是我在C盘新建的文件夹，什么都不用做。然后点击应用，再确定，重新打开浏览器，如果提示有“--disable-web-security”相关的就说明，配置成功了。...
2021-09-23 10:34:26
247
原创 面试题，将arr数组旋转90度算法
//数组 var arr = [ [1, 2, 3], [4, 5, 6], [7, 8, 9, 0] ] //下一个算法，将arr数组旋转90度，输入结果如下： arr=[ [7,4,1], [8,5,2], [9,6,3], [0] ]面试的时候是手写的，没灵感，最后写错了，没时间改。后来总结了一下：正确如下： let len = arr.length; let itemLen = ...
2021-09-09 11:17:26
88
原创 js josn数组排序，升序，降序
//实销金额排序 ActualSales(e){ let aid = e.currentTarget.dataset.id; let that =this; if(aid==1){ data.dataList.sort(that.compareDown("amount"));//amount是数据字段 }else{ data.dataList.sort(that.compareUp("..
2021-08-28 02:03:28
210
原创 发现一款不错的日历组件
废话不多说，直接戳https://treadpit.github.io/wx_calendar/v2/guide.html，打不开的同学，将dns改成114.114.114.114
2021-08-13 15:38:30
90
原创 通过js获取audio时间 自定义播放样式
<div class="audioJd clearfix"> <div class="lineBox"> <div class="line"> <span class="clearfix" id="progressBar"><i></i></span> </div> <p><span id="currentTime">00:00</span>/<sp.
2021-08-10 19:56:16
1177
转载 js测试生成的数独是否正确
function equals45(n){ return n == 45;}function validSolution(board){ var sumh = [0,0,0,0,0,0,0,0,0]; var sumv = [0,0,0,0,0,0,0,0,0]; var osums = [[0,0,0],[0,0,0],[0,0,0]]; for (var i=0;i<9;i++){ for (var j=0;j<9;j++){ sumh...
2021-07-31 17:24:49
85
转载 鼠标滚动到某屏加载那一屏的数据，实现懒加载
1、用于商城的楼层内容异步加载，滚动条滚动时才加载数据2、如果当前屏幕上显示了好几个楼层，那么同时执行这几个楼层的异步加载3、如果滚动条在页面中间，此时刷新页面，刷新成功后，执行当前显示在屏幕上的几个楼层的异步加载，未显示的不加载4、如果滚动条在页面下面，此时刷新页面，刷新成功后，执行当前显示在屏幕上的几个楼层的异步加载，滚动条向上滚动时才加载上面的楼层直接上代码：/**************************start* 懒加载方法(当元素进入在界面中显示触发回调函数)*...
2021-02-19 10:14:13
544
原创 常用的正则表达式
//（1）匹配 16 进制颜色值 var color = /#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})/g; //（2）匹配日期，如 yyyy-mm-dd 格式 var date = /^[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[01])$/; //（3）匹配 qq 号 var qq = /^[1-9][0-9]{4,10}$/g; //（4）手机号码正则 var phone = /^1[34578]\d{9}$/g.
2021-01-21 16:38:27
119
原创 js给搜索关键字加样式（包含的字都匹配）
页面布局，样式这些就不说了，直接看js部分， function txtSearch() { var txt = $("#seachVal").val(); var regex=new RegExp("["+txt+"]","g"); $(".Searh_content ul li span.title").each(function(index,el) { var elTxt=$(el).text(); var val=elTxt.match(.
2020-11-02 11:29:30
811
原创 移动端滑块验证
<!DOCTYPE html><html lang="cn"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <meta name="apple-mobil..
2020-09-02 19:54:53
1317
原创 删掉文本空格
function filterHtmlTag(msg, is_global) { var msg = msg.replace(/<\/?[^>]*>/g, ''); //去除HTML Tag msg = msg.replace(/[|]*\n/, '') //去除行尾空格 msg = msg.replace(/&npsp;/ig, ''); //去掉npsp msg = msg.replace(/(^\s*)|(\s*$)/g, "") //去掉空.
2020-09-02 19:51:50
137
原创 input设置maxlength为最大长度无效解决方案
第一种方法：input属性为number，做if判断，然后slice选取<input type="number" oninput="if(value.length>6)value=value.slice(0,6)" />第二种方法：input属性为text，设置maxlength为最大长度，使用onkeyup和onafterpaste 限制只能输入数字...
2020-06-17 15:10:21
6018
转载 js截取英语完整单词,超出部分显示"...”
//英文标题按单词截取(参数说明 text:要截取的英文 len：要截取的长度) function sliceEnglish(text,len) { //如果要截取文本的长度小于或者等于要截取的长度，则不进行截取，直接返回文本 if(text.length < len) { return text; } ...
2020-02-19 14:14:38
618
原创 swiper上下滑动缓慢过渡
先修改css.swiper-container{width: 100%;height: 100%;}.swiper-container-scrollbar .swiper-slide{ height: auto;}.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-func...
2019-12-30 11:52:39
2633
原创 fancyBox是一款优秀的弹出框Jquery插件。
特点1、允许我们用鼠标和键盘上的四个方向键切换图片2、可以根据当前窗口大小自动调整弹出框的大小，当我们改变浏览器窗口大小时，将会看到弹出框自动缩放了3、支持缩略图和按钮帮助导航4、弹出框支持显示多种类型的内容（图片，html，视频……）请下载demo中的文件（建议下载网盘中的，已经经过整理），查看index.html中的源代码，提取你想要的效果的js和html代码。还可以参加参数列...
2019-12-24 10:02:37
299
转载 表单对象选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title><!DOCTYPE html> <html> <head> <meta http-...
2019-11-22 19:35:46
99
转载 表单元素选择器
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>jQuery表单元素选择器</title> <link rel="styleshe...
2019-11-22 19:35:18
350
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人