JavaScript
关注
分享
扫一扫
wangooo
这个作者很懒，什么都没留下…
展开
-
js判断是否为数字
parseInt和parseFloat解析的时候遇到非法字符结束，返回解析到的数值。也就是说只要字符串头部是合法数值，那么就能解析出数值，哪怕整体不是数值。两个NaN无法直接比较相等，因为我们只知道它不是数值，是啥不确定，也就无法比较相等。对null、true、false、''使用isNaN结果都是false，但是它们本身不是数值，因此不能单独使用isNaN。因此，上面的判断方式还不够严谨，下面的终极方案是比较严谨的方式。这个方法的特点，一句话，返回字符串开头最长的有效数字。转载 2023-10-06 22:09:28 · 656 阅读 · 0 评论 -
el-select clearable 清空后数据为空串
看源码是这样的handleClearClick(event) { this.deleteSelected(event);},deleteSelected(event) { event.stopPropagation(); const value = this.multiple ? [] : ''; this.$emit('input', value); this.emitChange(value); this.visible = false;原创 2021-09-28 13:44:30 · 9439 阅读 · 2 评论 -
js数组遍历 for、foreach、for in、for of
for 循环：for (let i=0; i < array.length; i++) { const elem = array[i]; // ···}for-in 循环：循环输出 array 的 keyconst array = ['a', 'b', 'c'];array.prop = 'value';for (const key in array) { console.log(key);} // Output:// '0'// '1'转载 2021-09-19 21:56:29 · 340 阅读 · 0 评论 -
vue cli3 配置多个环境
在项目开发的各个阶段，比如：开发环境、测试环境、生产环境，我们需要为项目指定不同的一些配置信息。比如接口api的域名，在开发环境中是开发服务器，在上线之后需要切换到正式服务器。这个时候我们就需要管理环境下的配置文件信息。env文件说明.env：默认全局配置文件 .env.local：本地覆盖。除 test 之外的所有环境都加载此文件 .env.development, .env.test, .env.production：特定环境配置文件 .env.development.local, .原创 2021-08-30 22:51:24 · 1316 阅读 · 0 评论 -
span \n 换行
字符串中包含\n或<br/>等换行符号，但是前端渲染时候却并没有真正的换行。white-space:pre-wrap;.comment{ white-space:pre-wrap;}原创 2021-08-19 14:25:27 · 10322 阅读 · 3 评论 -
js 正则密码
最少包含1个大写字母、1个小写字母、1个数字、一个特殊字符（英文）、长度10到20。let pattern = /^(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[~!@#$%^&*()_+{}|":<>?`[\];',.\/])[\da-zA-Z~!@#$%^&*()_+{}|":<>?`[\];',.\/]{10,20}$/;...原创 2021-08-19 11:14:26 · 641 阅读 · 0 评论 -
Vue 字符串中加多个空格
在字符串中添加字符，添加的空格的字符是："\xa0"，即 \u00A0不间断空格\u00A0let sepDot = '\xa0 • \xa0';三种空格unicode （ \u00A0，\u0020，\u3000 ）1.不间断空格 \u00A02.半角空格(英文符号) \u0020，代码中常用的3.全角空格(中文符号) \u3000，中文文章中使用...原创 2021-06-25 22:15:03 · 10272 阅读 · 1 评论 -
js 定时器
执行一次var t1 = window.setTimeout(function() { console.log('1秒钟之后执行了')},1000)window.clearTimeout(t1) // 去除定时器重复执行var t2 = window.setInterval(function() { console.log('每隔1秒钟执行一次')},1000)window.clearInterval(t2) // 去除定时器...原创 2021-06-22 15:05:50 · 91 阅读 · 0 评论 -
el-table 高亮某一行
使用 highlight-current-row 属性el-table 加上 highlight-current-row 属性。<el-table ref='tTable' :data="dataList" highlight-current-row></el-table>调用setCurrentRow(row, true) 设置当前行高亮，row为dataList里面的数据。selectRow(row) { if (row) { th.原创 2021-06-22 14:54:55 · 7885 阅读 · 1 评论 -
el-table 自动滚动到对应的行
el-table 当当前行不在显示的区域中时，将当前行自动滚动到显示区域的上方。300是显示区域的高度，-300是防止每次当前行发生变化时，当前行都要滚动到显示区域的上方。这样只有当 当前行不在显示区域中时，才会滚动到显示区域的上方。 updateSpeakSentenceRow() { let curIndex = 0; // 如果当前索引变化 if (curIndex !== this.curSentenceRowIndex) {.原创 2021-06-22 14:18:34 · 6640 阅读 · 2 评论 -
div hover没有效果
:hover 选择器选择鼠标指针浮动在其上的元素，并设置其样式。如下写法，hover没有效果：<style> div:hover{background-color:yellow;}</style><body> <div style="width:100px; height:100px; background-color:red">123456</div></body>是因为 :hover 覆盖不了行内.原创 2021-06-22 14:04:20 · 2929 阅读 · 0 评论 -
js url编码 escape、encodeURI、encodeURIComponent
1、escape()escape()是js编码函数中最古老的一个。虽然这个函数现在已经不提倡使用了，但是由于历史原因，很多地方还在使用它，所以有必要先从它讲起。实际上，escape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。比如“春节”的返回结果是%u6625%u8282，也就是说在Unicode字符集中，“春”是第6625个（十六进制）字符，“节”是第8282个（十六进制）字符。javascript:escape("春节");//输出 "%u6625%u8原创 2021-05-23 22:09:10 · 366 阅读 · 0 评论 -
this.$router.params和query的区别
原文链接：https://blog.youkuaiyun.com/u014395524/article/details/88194842通过注入路由器，我们可以在任何组件内通过this.$router访问路由器，也可以通过this.$route访问当前路由可以理解为：this.$router 相当于一个全局的路由器对象，包含了很多属性和对象（比如 history 对象），任何页面都可以调用其 push(), replace(), go() 等方法。this.$route 表示当前路由对象，每一...转载 2021-05-22 15:46:20 · 1594 阅读 · 0 评论 -
html5 audio、video组件禁止下载
<video id="video" src="#" controls controlsList="nodownload" oncontextmenu="return false"></video><audio src="/record/test.wav" controls="controls" controlsList="nodownload" oncontextmenu="return false"></audio>禁止显示下载按钮设..原创 2021-05-22 15:34:00 · 1853 阅读 · 0 评论 -
element ui 调整input高度
.login-form { .el-form-item { border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(0, 0, 0, 0.1); border-radius: 5px; color: #454545; margin-bottom: 40px; // 调整in...原创 2021-05-18 22:10:01 · 2615 阅读 · 0 评论 -
ES6模版字符串 ${}
模版字符串1、语法`string text``string text line 1 string text line 2``string text ${expression} string text`tag `string text ${expression} string text` 2、模板字符串使用反引号(` `) 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法（${expression}）的占位符。模板字符串可以自动识别换行，空格等操作..原创 2021-05-08 22:55:16 · 504 阅读 · 0 评论 -
js export default
es6中的export和export default：在提及export的时候一定少不了的是import的参与。但是，需要知道的是export命令和import命令，都属于es6中的module体系。、在使用export default的时候，就相当于export一个默认输出，这个时候使用import引入的时候自然也不需要知道export的函数名，因为是default。在这种情况下，import后面可以指定任何名称，而且不适用大括号，否则就会导致，import错误。例如：export defau原创 2021-05-08 22:32:25 · 7252 阅读 · 0 评论 -
js let var const
1.let命令：let命令是es6新增的命令，所声明的变量，只在let命令所在的代码块内有效let和var的用法类似，但是let和var的作用域却又区别var可以在声明之前使用，只不过这时候对于var声明的变量，声明之前对应变量的值是undefined，但是let却不是，如果let声明的变量，在声明之前使用，会直接报错。简单来说，let在变量声明之前不能使用。2.const命令：const和let的区别是，const声明的变量值，一旦声明就要被初始化，而且声明后这个变量的值是个常量.原创 2021-05-08 22:31:30 · 73 阅读 · 0 评论 -
URL特殊字符处理
在向腾讯批量提交数据时，发现有时有的数据签名失败，后来检查后发现凡是提交失败的那条数据，其签名字符串都含有 “+” 号。并没有做 urlencode 直接放在了 querystring 里面传了过去，致使接收方无法获得正常的参数。用URL传参数的时候，如果某一个参数中含" #$ ^ & * + = "这些符号的时候，在另一个页面或接收方就会取不到传过来的参数。有些符号在URL中是不能直接传递的，如果要在URL中传递这些特殊符号，需要对其进行URL编码+ URL中+号表示空...转载 2020-10-13 15:53:21 · 1867 阅读 · 0 评论 -
js中的 == 与 === 的区别
== 代表相同，===代表严格相同当进行双等号 == 比较时候：先检查两个操作数数据类型，如果相同，则进行 === 比较，如果不同，则愿意为你进行一次类型转换，转换成相同类型后再进行比较，而===比较时， 如果类型不同，直接就是false.双等号==1、如果两个值类型相同，再进行三个等号(===)的比较2、如果两个值类型不同，也有可能相等，需根据以下规则进行类型转换在比较（1）如果一个是null，一个是undefined，那么相等（2）如果一个是字符串，一个是数值，把字符串转换.转载 2020-09-20 16:07:56 · 123 阅读 · 0 评论