js
关注
分享
扫一扫
js
前端路上迷茫的小鲨鱼
这个作者很懒，什么都没留下…
展开
-
vue输入框只能输入数字类型，禁止输入和粘贴e
/ 使用 replace 方法替换 "e" 为空字符串 console.log(numStr);// 输出 "10000000000"// 转换为字符串，自动移除 "e"// 先把非数字的都替换掉，除了数字。// 先把非数字的都替换掉，除了数字。// 先把非数字的都替换掉，除了数字。// 先把非数字的都替换掉，除了数字。// 先把非数字的都替换掉，除了数字。// 先把非数字的都替换掉，除了数字。原创 2023-08-17 16:32:02 · 1259 阅读 · 0 评论 -
深拷贝几种方法
利用 JSON 对象提供的 stringify 和 parse 方法进行对象转换。将原始对象转换为 JSON 字符串，然后再将 JSON 字符串解析为新的对象。遍历原始对象的属性，对每个属性进行判断，如果是对象或数组，则递归调用深拷贝方法复制子对象；这些库通常提供了更完善的深拷贝功能，能够处理复杂的对象结构和特殊数据类型。不适用于包含函数、正则表达式、undefined等特殊数据类型的对象。使用一些成熟的第三方库来实现深拷贝，比如 lodash 的。方法或者 jQuery 的 extend 方法。原创 2023-08-23 08:51:05 · 275 阅读 · 0 评论 -
js判断数组所有的id是否相同
/ 输出: false。// 输出: true。// 输出: true。原创 2023-08-24 15:57:02 · 1658 阅读 · 0 评论 -
vue3检测是手机还是pc端，监测视图窗口变化
3.中等屏幕（旧式电脑） 992px-1200px。2.小屏设备（平板） 768px-992px。4.大屏设备（现代电脑） 1200px以上。1.超小屏幕（手机） 768px以下。原创 2023-10-24 17:57:47 · 2444 阅读 · 1 评论 -
js将输入的文字部分获取拼音首字母
【代码】js将输入的文字部分获取拼音首字母。原创 2023-05-08 14:38:04 · 15469 阅读 · 1 评论 -
el-cascader后台给一组id回显可选择的选项列表
根据后台给一组id回显可选择的选项列表。原创 2023-05-08 12:05:43 · 468 阅读 · 0 评论 -
input框输入限制
【代码】input框输入限制。原创 2023-02-21 14:40:05 · 181 阅读 · 0 评论 -
密码校验数字加字母，开头为字母且不能为汉字
密码校验数字加字母，开头为字母原创 2022-11-08 11:49:45 · 433 阅读 · 0 评论 -
js类数组转数组、数组去重
js类数组转数组、数组去重原创 2022-09-09 17:43:20 · 179 阅读 · 0 评论 -
element锚点，动态滚动定位相应的标题
element锚点，动态滚动定位相应的标题原创 2022-06-09 19:14:43 · 2552 阅读 · 0 评论 -
vue轮播图组件，自动播放，小圆点或按钮进行切换
默认自动播放，进入轮播图片或按钮取消播放，按钮以及圆点进行切换图片原创 2022-06-10 10:22:30 · 984 阅读 · 0 评论 -
element表单密码校验字母和数字
element表单密码校验字母和数字原创 2022-06-10 15:29:38 · 1265 阅读 · 0 评论 -
el-table合计行合并单元格并将数字小写转大写
el-table合计行合并单元格并将数字小写转大写原创 2022-06-07 10:14:33 · 636 阅读 · 0 评论 -
js数组删除children为空（el-cascader）
options: [ { value: 'zhinan', label: '指南', children: [{ value: 'shejiyuanze', label: '设计原则', children: [] }, { value: 'daohang', label: '导航', children: [] }] }],cascaderList(){ function fn(.原创 2022-05-25 15:37:43 · 1053 阅读 · 0 评论 -
省市区四级json
<style lang="scss" scoped>.wrap { .el-input,.el-select{ width: 70%; } .gy-label{ font-size: 15px; padding-right: 10px; margin-right: 10px; color: rgb(102, 102, 102); font-weight: 700; width: 150px; text-align: .原创 2022-05-17 17:29:07 · 1291 阅读 · 0 评论 -
js统计页面加载完成需要的时间
js统计页面加载完成需要的时间原创 2022-01-13 11:10:57 · 3190 阅读 · 0 评论 -
webstrom使用ts设置
WebstormIDE可以开发TypeScript，同时支持自动编译成js文件，下面我们来进行一些简单的配置。1.去node.js官网下载安装node.js2.下载安装新版本的Webstorm3.使用node的npm命令安装typeScript编译器npm install typescript -g安装好，在命令行可以查看编译器的版本tsc --version4.打开Webstorm，新建一个空白项目，命名为typescript5.在Webstorm中右击项目名，选.原创 2021-06-01 16:03:04 · 4074 阅读 · 4 评论 -
js筛选数组中相同的成为新数组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><script>var college = [ {num:1,lastName:'赵大'}, {num:1,lastName:'赵二'}, {num:3,lastName:'钱三'}, {num:3原创 2021-05-28 16:47:52 · 1057 阅读 · 0 评论 -
小程序字段方法监听
一、小程序字段监听utils/listener/src/events.js/*** Declare : 订阅事件全局常量 及 注释*/'use strict';module.exports = { CANCEL_ORDER: 'CANCEL_ORDER', // 取消事件}utils/listener/src/listener.js/*** declare: 订阅 & 发布*/"use strict...原创 2021-05-25 14:47:11 · 422 阅读 · 0 评论 -
js按照时间最新排序
//倒序 this.orderList.sort((a, b) => { return new Date(b.createTime) > new Date(a.createTime) ? 1 : -1; });或return new Date(b.createTime)-new Date(a.createTime);正序return new Date(a.createTime)-new ...原创 2021-05-12 10:54:09 · 364 阅读 · 0 评论 -
手机号新版js
手机号正则：暂支持13,14,15,16,17,18,19开头的手机号/^[1][3,4,5,6,7,8,9][0-9]{9}$/ validateCellphone() { const cellphoneReg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/gm; // 手机号正则 return !!this.car.ownerPhone.match(cellphoneReg); ...原创 2021-04-13 16:57:04 · 296 阅读 · 0 评论 -
判断是否是周五
let currentDate = new Date() let currentWeek = currentDate.getDay() if (currentWeek === 5) { // currentDate 就是这个星期五的日期 console.log('今天周五') thi...原创 2021-04-01 12:13:59 · 494 阅读 · 0 评论 -
utils.js工具包
/*** 公用方法*///银行卡只显示后四位export function cardNumber(value) { if (value && value.length > 8) { let reg = /^(\d{4})(\d*)(\d{4})$/; let str = value.replace(reg, (a, b, c, d) => { return c.replace(/\d/g, ...原创 2021-03-16 10:45:32 · 574 阅读 · 0 评论 -
js数组中变量转字符串拼接和字符串转数组
1.数组中变量转字符串拼接2.字符串转数组1、字符串转换为数组varstring ='123,456,789';varstringResult = string.split(',');console.log(stringResult)//输出["123", "456", "789"]varstring2 ='abcdef'varstring2Result = string2.split('')console.log(string...原创 2021-02-23 15:15:57 · 751 阅读 · 0 评论 -
手机号中间*号表示
this.tel = uni.getStorageSync('phone') let reg = /^(\d{3})\d*(\d{4})$/; this.tel1 = this.tel.replace(reg,'$1****$2')原创 2021-01-14 14:55:37 · 650 阅读 · 0 评论 -
js 正则不少于六位
不少于六位字符（任何字符） ^\S{6,10}$不少于六位字母+数字/[a-zA-Z0-9]{6,}/原创 2020-12-28 15:26:13 · 6913 阅读 · 0 评论 -
js距现在多久(转换时间)
share_data_time(time) { // window.setTimeout("share_data_time()", 1000); //毕业时间 let BirthDay = new Date(time); //获取当前时间 let today = new Date(); ...原创 2020-12-24 16:33:23 · 421 阅读 · 2 评论 -
移动端本机软键盘导致页面出现空白
//多个输入框问题$("input,textarea").on("blur",function(){ setTimeout(function(){ window.scrollTo(0,0); },100)}).on('focus',function(){ var clientHeight = document.documentElement.clientHeight || document.body.clientHeight; var offsetTop = $(this).o.原创 2020-09-29 16:48:35 · 735 阅读 · 0 评论 -
js判断是否是第一次选择，数组中是否存在当前字段
var vals = [];var text ;form.on('select(languageList)', function (data) { $('select[multiple] option:selected').each(function () { text = $(this).text() // vals.push($(this).text()); let ind = vals.indexOf(text); if (ind === -1) { .原创 2020-09-23 11:04:45 · 305 阅读 · 0 评论 -
js导入
<button type="button" class="layui-btn mt10" id="daoru" style="position: relative" onclick="inputFile()">导入</button><input type="file" name="file" id="userImport" style="position: absolute; top: 10px; left: 65px;display: none;" onchange="u原创 2020-09-15 16:05:41 · 245 阅读 · 0 评论 -
element表单金额最大四个小数点
var checkMoney = (rule, value, callback) => { if (!value) { callback(new Error("金额不能为空")); } else { var reg = /^-?\d{1,16}(?:\.\d{1,4})?$/;//小数点左边最高16位，小数点右边最多4位 if (reg.test(value)) { callback(); } else { callback(new E.原创 2020-09-07 17:00:45 · 525 阅读 · 0 评论 -
js获取后台传的值/freeMarker得到list长度
关于freeMarker得到list长度的问题原创 2020-09-01 10:57:50 · 1361 阅读 · 0 评论 -
移动端系统键盘软键盘/下拉选框关闭导致页面底下空缺的问题处理
最近在项目中，发现部分iOS手机的微信浏览器加载的H5页面，页面涉及包含有下拉选择框或者输入框（input / textarea），当软键盘或选项框关闭之后，底下会空缺一块，很是郁闷，但是最终却找到了解决办法，如下：//只有一个输入框的问题$('input,textarea').on('blur',function(){ setTimeout(function(){ window.scrollTo(0, 0) },100)})//多个输入框问题$("input,转载 2020-08-31 16:36:05 · 374 阅读 · 0 评论 -
js日期格式2020-10-10或者2020/10/10
/(^$)|^\d{4}(-|\/|\.)\d{2}(-|\/|\.)\d{2}$/ =》2020-10-10/^(\d{4})(\/)(\d{2})(\/)(\d{2})$/ =》2020/10/10/^(\d{4})(-|\/)(\d{2})\2(\d{2})$/或/^(\d{4})(-|\/)(\d{2})(-|\/)(\d{2})$/ =》2020/10/10与2020-10-10都可以匹配原创 2020-08-27 16:47:24 · 967 阅读 · 0 评论 -
点击当前添加到数组，再次点击移除
let text = $(this).text();let ind = vals.indexOf(text);if (ind === -1) { vals.push(text);} else { vals.splice(ind, 1);}原创 2020-06-06 20:06:58 · 1757 阅读 · 0 评论 -
JS 如何获取radio或者checkbox选中后的值
<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><script> function inputChecked() { var inputSelect = document...转载 2020-02-15 09:46:04 · 408 阅读 · 0 评论 -
获取checkbox option被选中的值
1.jq获取checkbox被选中的值$("#enterpriseType input[type='checkbox']").each(function () { //checkbox复选框选择 if ($(this).is(":checked")) { opt = "选中"; companyType=$(this).val() ...原创 2020-01-10 11:41:22 · 461 阅读 · 0 评论 -
js打印
1. var newWindow=window.open("打印窗口","_blank"); var docStr = document.getElementById('LAY_1').innerHTML; newWindow.docu...原创 2020-01-08 20:39:10 · 147 阅读 · 0 评论 -
身份证校验（带X的也可以）
<div> <input type="text" onblur="checkIdCard(this)"> //光标移除后自动校验</div><script type="text/javascript"> function checkIdCard(obj) { var val = obj.value; var reg=/...原创 2020-01-08 09:47:33 · 668 阅读 · 0 评论 -
Jquery点击一次添加样式，再次点击删除样式
$(function(){if($(this).hasClass("active"))$(this).removeClass("active");else$(this).addClass("active");});});原创 2019-12-25 11:51:36 · 1707 阅读 · 0 评论