- 博客(70)
- 资源 (4)
- 收藏
- 关注
原创 小程序埋点上报工具
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 987
原创 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 1667
原创 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 1561 4
原创 小程序记账小程序--日历组件开发
最近接了女朋友的需求,做一个我们的记账小程序,考虑到使用日历组件,在网上找了一圈没找到满意的。于是觉得自己弄一个。成品如下:显示前后一个月,支持年月。设置组件属性组件方法源码=> laqtxy/小程序日历组件...
2022-02-09 11:14:53 605
原创 云开发小程序editor富文本编辑器上传图片实现增删改
在做一个博客小程序,用的是云开发,用editor编辑器上传图片,一开始直接传图片会出现真机不显示的情况
2022-01-26 11:53:21 1398 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 2924
原创 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 2461
原创 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 1318
原创 删掉文本空格
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关注的人