代码唐-CSDN博客

开发支持手机号码的正则，集网络通用手机验证规则，稳定又高效，但是网络发展迅速，各个运营商也陆续开放新的号码段，于是以前的正则需要更新，此文章提供一个快速扩展测试手机验证码规则的函数代码，有新的规则更新也可评论或私信我会更新维护（同时说上官方更新依据）。代码、规则更新记录2022-03-09function testPhoneNumber(phone){ // 手机号正则表达式更新于2022-03-09 const phoneRegex = /^(13[0-9]|14[01456879]

2022-03-09 14:50:56 618

原创解决element tree首次展开第一个节点及下级第一个子节点功能

解决element tree首次展开第一个节点及下级第一个子节点功能

2022-01-14 15:40:04 1385

原创解决element tree节点数据更新不动问题

解决element tree节点数据更新不动问题

2022-01-10 15:48:32 4568

原创基于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 2071

原创 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 2119

原创 SVG viewBox应用广，但理解困难，不多说，直接交互演示更直观了解它的应用和效果

SVG viewBox应用广，但理解困难，不多说，直接交互演示更直观了解它的应用和效果点击连接直接了解viewBox各个参数的应用https://codepen.io/nick_code/pen/WNQGxQV?editors=1010...

2020-04-20 17:40:59 158

原创 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 10097 5

原创树形结构数据节点A到节点B的方式

需求，根据一个树形结构数据，给数据点A，给数据节点B，求A点到B点中间经过的所有节点。以下用一个示例图展示其实现方式这种需求可以轻易联想到地图，地图点A到点B，需要得到一条最短的路径，程序实现也可以基于此设计思路实现。实现步骤给树形结构的每个节点标记路径，和节点名（唯一ID），如地图上的四川省》成都市》春熙路》小葵花店（节点ID）。确定点A和点B的路径节点。根据点A......

2019-12-09 17:53:39 768

原创 eChats折线图更新数据不自然，要闪一下，动态数据解决

使用eCharts动态更新数据功能的时候，更新时动画会不自然，原因不知道，不过通过设置series值的方式就可以解决chartRow.data.forEach((item) => { // childList.push([item.ts, item.num]) // 原来的方式 childList.push({name: item.ts, value: [item...

2019-12-01 14:16:09 2591

原创 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 125

原创 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 2062 1

原创 moment.js获取对应时间的周一日期，周二日期到周日日期

export function weDateFormat(date, strDate) { let weekOfDay = moment(date).format("E") // 指定日期的周的第几天 let lastMonday = moment(date).subtract(weekOfDay-1, 'days').format('YYYY-MM-DD');//周一日期 l...

2019-10-20 11:44:34 4097

原创 puppeteer怎么读，怎么记住

puppeteer功能强大，但这个名字取得也够独特的，现在说一下怎么读，怎么记更容易记住音标 [pʌpɪ'tɪr] [pʌpɪ tir]拆分读法：puppe teer根据读音先写出puppe，再写出teer，puppeteer就记住了，这也是我每次打字puppeteer都出错后采用的一种记录方法。...

2019-09-04 10:44:55 751

原创 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 1432 1

原创 Webstorm Material Theme UI应用后再重置为之前的主题部分失效

Material Theme UI是一个效果类似VS code的主题效果，但是我在webstorm里面下载应用后，跟着提示改修改了几个步骤的效果，最后展现出来的主题效果始终不喜欢，还是喜欢Webstorm默认的黑色主题，于是在设置里面切换回去，点击应用，发现部分效果（行高，被选中行，折叠效果）等没有回去，于是找到网友说的配置文件：Windows<User home>\.Web...

2019-07-22 14:24:46 5791 1

原创 todo清单项目开发，todo清单不止是简单的勾选，还能做更多事情

todo作为一种可交互的简单待做清单，不约而同地在各个语言中都会实现各种todo的功能，但它的核心就是简单的勾选完成的清单，简单操作，易于使用。而易记列表，不只是todo清单这一块，它能分为几个基本功能，简单列表、待做列表（todo）、顺序列表、问答列表，这么多基于列表的功能，旨在为用户做到更多更好的管理事物、生活、工作等，使用地址：http://eg_list.easy-skill.cn/...

2019-07-12 13:50:27 3157

原创 js数组计算重组成表格行列格式数据方法

在很多开发中会遇到一个一维数组，需要变为具有行和列的数据格式，比如一个数组有10个元素，需要变为多行，每行2列数组的格式，在前端开发中也有很多应用场景，以下将展示为实现这种功能的演示。假设数组：let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]需要根据动态列进行表格数据化，结果这里把它装在一个新的数组方法一：抽取式这种方式比较简单，在遍历数组的...

2019-04-02 20:30:20 471

原创新版Android Studio 3.1或更新版本如何打开Android Device Monitor

新版的Android Studio从3.1开始Google不推荐使用Android Device Monitor来导出文件，如果你是导出文件，比如查看sqlite文件，你可以在Android Studio主界面的右侧发现垂直tab标签device file explorer点击后就可以照样在之前Android Device Monitor里面一样找到文件。...

2019-03-17 21:54:29 1683 1

原创全面的自定义Chrome滚动条样式，立即使用

以下代码是针对chrome浏览器自定义scrollbar的效果，以下代码实现效果比较全面，除了实现基本外观样式，还加入了一般网站没采用的拖动时改变滑块颜色效果。::-webkit-scrollbar-track-piece{width:8px;background-color: rgba(28, 36, 56, 0.7);border-radius: 8px; }::-webkit...

2019-03-11 14:03:09 436

原创 flex 布局,主流页面布局演示

点击查看流行布局简单实现flex布局作为H5的新布局方式，现在已被所有主流浏览器所支持，利用它实现页面复杂布局，比以往实现要简单得多。以下主要以布局效果需求来讲解flex布局的属性应用。...

2019-03-08 15:07:28 190

原创 js递归树结构并且加入path路径来为每个节点加入定位信息

有时候树形结构需要确定某一项它的具体路径（它的所有父级节点），为提高效率和减少代码，可以在树结构的遍历时确定路径path操作，以下代码就实现了此功能（注意：此代码确定path路径是在meta对象中的那个）：path设置为#号拼接方式export function assembleTree(nodes, parent, depth) { if(!depth) depth = 0..................

2019-02-25 16:52:32 3675 2

原创 js数组各种遍历性能测试，马上测试

为了探究各种js遍历写法的性能，开发出方便测试工具，为了让你快速直观了解哪一种写法性能最好，选择一个最适合应用场景的写法。测试地址：JavaScript遍历性能测试（点击测试）普通for循环普通for循环是最简单，使用频率最高的一种，写法有些繁杂，但性能却不弱。for(var i = 0; i < arr.length; i++) {}优化版for循环这种for...

2019-02-19 15:55:59 369

原创 D3.js缩放最简单例子，垂直缩放，元素距离缩放，元素大小不变

本例子中使用一个画的像冰糖葫芦的图形来缩放山楂之间以及木棍的距离，而木棍和山楂的大小不变缩放后 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>d3OnlyTranslateZoom.html</

2018-09-26 16:16:51 3430 1

原创 android使用okhttp获取的json字符串解析json

使用okhttp在responses.body().string()获取的json字符串后使用Android自带JSONObject解析：try { OkHttpClient client = new OkHttpClient(); Request request = new Request.Builder() .url(urls[0]) ....

2018-08-27 20:37:57 4026

原创 Android Studio的layout文件无法显示design界面布局和蓝图位置

快速解决：在res/values/styles.xml下的Theme.AppCompat.Light.DarkActionBar前加入Base 保存后再打开Layout文件发现可以看到设计位置了有用就点个赞，或收藏吧

2018-08-26 12:09:47 6343 2

原创 svn Can't revert without reverting parent|children更新svn数据不下来的解决办法

项目开发中很久没提交和了，这次提交更新时遇到代码报错，和开发人员一商量说某个目录下的文件没有更新完全，让我再更新下，然后又是clean up，又是revert都不行，始终更新不下来，通过SQLite Expert Professional打开项目根目录下的wc.db，打开NODES表找到有异常的数据行和自己已知没有下载下来文件的名称行删除删除过后再update就能正常更新了。 ...

2018-08-21 17:24:25 4015

原创 js字节自适应转换函数，转换原始位到适合的格式

let originalNum = 6325530000function bytesFormat(bytes) {　　if (bytes === 0) return '0 B';　　var k = 1000;　　var sizes = ['B','KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];　　var i = Math.floor(Ma...

2018-08-20 14:43:42 246

原创 Echarts tooltip提示框格式化便捷加入自带的小圆点标识

先看解决（红色关键部分）：formatter: function(params) { var result = ''; params.forEach(function (item) { result += item.marker + " " + item.seriesName + " : " + item.value +"</br>"; }...

2018-08-20 11:13:07 10901 2

原创 moment处理某个时间的毫秒数

有时候需要获取时分秒的毫秒数而不需要把年月日带入，下面的dateTime函数配合moment计算时间所占用的毫秒数// 根据日期得到时分秒从凌晨开始所需要的毫秒数function dateTime(date){ let dayStart = this.$moment(date).format('YYYY-MM-DD') return this.$moment(dat...

2018-08-03 15:43:58 14649

原创在线剪切板，一款高效方便记录剪切板内容的在线工具

在线剪切板在线剪切板https://nick-running.github.io/easy-tools/clipboard.html很多时候在写一些文字或编写代码，需要重复输入一样的文字或者代码，每次输入很不方便，费时又费力，为了简化操作，很多人就先把需要重复输入的长串文字或代码保存到一个文本或任意一个软件的输入框，当再次想要输入那段重复文字或代码时，再去翻开那个临时保存的文本，再全选...

2018-06-11 14:21:51 4942 2

weixin_39703282的博客

原创 axios不经过全局拦截器策略

原创为Element Plus封装业务组件FormDialog，将所有需要填写表单的弹窗组件封装，方便快速配置

原创 Vue3 useDialog的Dialog、Modal组件、Element Plus或View Design弹窗dialog函数封装，快速集成

原创 js semanticTime()函数生活化格式化展示时间，类朋友圈，社交应用动态时间，刚刚，昨天，几天前

原创 js手动触发页面元素点击事件，程序触发，自定义点击事件模拟点击

原创扩展element cascader选择任意一级节点的文字部分选中节点（一行代码）和选中后自动关闭面板

原创 js手机号最新正则表达式，开放规则快速扩展测试功能