js
代码唐
Coding makes you more than coder
展开
-
js semanticTime()函数生活化格式化展示时间,类朋友圈,社交应用动态时间,刚刚,昨天,几天前
js语义生活化格式化展示时间,类朋友圈,社交应用动态时间,刚刚,昨天,几天前原创 2022-12-23 17:27:05 · 169 阅读 · 0 评论 -
js手动触发页面元素点击事件,程序触发,自定义点击事件模拟点击
js手动触发点击事件模拟点击原创 2022-08-15 14:34:15 · 9495 阅读 · 1 评论 -
解决element tree节点数据更新不动问题
解决element tree节点数据更新不动问题原创 2022-01-10 15:48:32 · 4601 阅读 · 0 评论 -
基于async-validator的表单验证validateRules.js封,iView、element的通用验证封装函数,包含常用手机、邮箱、身份证、验证码、QQ号码、微博账号、最小、最大等验证
开发基于Vue.js使用Element UI、iView UI的项目时,写验证和常用自定义验证可以封装成独立函数,调用时轻松调用validate.js/** * @description 表单验证封装 * @author WXF * @update 2019-06-20 */export const regExp = { // 10字符必填(同理20字符必填,50字符必填,1500字符必填) validateLen(rule, value, callback) { let原创 2021-03-19 11:39:05 · 2083 阅读 · 0 评论 -
js处理人性化时间长度展示,1分钟以内显示秒数,1分钟以上1小时以内显示分钟数和秒数,1小时以上1天以内显示小时数和分钟数
1分钟以内显示秒数59秒1分钟以上1小时以内显示分钟数和秒数23分30秒1小时以上1天以内显示小时数和分钟数1小时20分1天以上显示天数和小时数3天21小时核心代码function simpleDuration(duration, type){ if(type==='s'){ duration = duration*1000 } let...原创 2019-07-31 13:58:13 · 1435 阅读 · 1 评论 -
H5点击触摸测试,点击延迟测试,点击触摸时长测试案例
为得到触摸事件在手机端等触摸设备的详细数据,现在开发的触摸测试案例将实现此功能。应用场景,将可得到模拟人点击的具体触摸时间、坐标等信息。预览效果:https://codepen.io/nick_code/pen/eYpLjeK触摸设备触摸面板得到将得到展示的触摸信息触摸信息示例HTML<div class="box" id="box"> <div id="info">xxx</div></div>CSS.box{原创 2020-05-20 15:23:43 · 2122 阅读 · 0 评论 -
SVG viewBox应用广,但理解困难,不多说,直接交互演示更直观了解它的应用和效果
SVG viewBox应用广,但理解困难,不多说,直接交互演示更直观了解它的应用和效果点击连接直接了解viewBox各个参数的应用https://codepen.io/nick_code/pen/WNQGxQV?editors=1010...原创 2020-04-20 17:40:59 · 158 阅读 · 0 评论 -
js正则匹配小于某个数字,小于32的正则表达式
匹配小于32数字的正则表达式let regex = /[0-9]|[0-2][0-9]|3[0-2]/ // 匹配小于32的数字regex.test('3') // trueregex.test('33') // false所以小于64数字的正则表达式是let regex = /[0-9]|[0-5][0-9]|6[0-4]/regex.test('23') // tru...原创 2020-01-09 13:52:39 · 10114 阅读 · 5 评论 -
js下载单文件、多文件体验较好的实现方式
一种可以下载多文件体验好的方式export function downloadFile(url) { const iframe = document.createElement("iframe"); iframe.style.display = "none"; iframe.style.height = 0; iframe.src = url; document.bod...原创 2019-11-20 16:29:27 · 127 阅读 · 0 评论 -
JS的window.requestAnimationFrame获取帧率的方法(示例两种)
第一种(基础版)let lastTime = new Date()let sampling = [], lastSample = ''step()function step(){ let curTime = new Date() // console.log('step...') let fps = curTime-lastTime>0?1000/(curTime-l...原创 2019-10-21 17:37:38 · 2068 阅读 · 1 评论 -
js数组计算重组成表格行列格式数据方法
在很多开发中会遇到一个一维数组,需要变为具有行和列的数据格式,比如一个数组有10个元素,需要变为多行,每行2列数组的格式,在前端开发中也有很多应用场景,以下将展示为实现这种功能的演示。假设数组:let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]需要根据动态列进行表格数据化,结果这里把它装在一个新的数组方法一:抽取式这种方式比较简单,在遍历数组的...原创 2019-04-02 20:30:20 · 473 阅读 · 0 评论 -
js递归树结构并且加入path路径来为每个节点加入定位信息
有时候树形结构需要确定某一项它的具体路径(它的所有父级节点),为提高效率和减少代码,可以在树结构的遍历时确定路径path操作,以下代码就实现了此功能(注意:此代码确定path路径是在meta对象中的那个):path设置为#号拼接方式export function assembleTree(nodes, parent, depth) { if(!depth) depth = 0..................原创 2019-02-25 16:52:32 · 3678 阅读 · 2 评论