![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
记录工作学习中遇到的JavaScript相关问题
WHOVENLY
一个平庸的前端程序员
展开
-
【javaScript】- 公共方法的封装
工作中使用的一些公共方法提取并记录原创 2023-06-08 09:54:42 · 282 阅读 · 0 评论 -
在js中去控制input事件的触发次数
通过代码控制,在不影响用户体验的前提下去降低input输入框的input事件的触发频率原创 2023-06-02 11:04:57 · 374 阅读 · 0 评论 -
整理的一些正则
整理一些在工作中使用到的正则,方便需要的时候使用原创 2023-06-02 13:29:42 · 147 阅读 · 0 评论 -
JavaScript - 使用JSON.parse()方法将字符串的‘false‘和‘true‘转换成布尔值
今天在做需求的时候遇到一个小问题,就是使用从路由中传递的布尔值进行判断与预期的判断不一致,究其原因,发现是因为通过路由传递的数据都会变成字符串类型,所以布尔类型的值false或者true则变为了‘false’和‘true’,这才导致使用该值会使判断有误。于是我们需要对路由中传递的布尔值进行一个转换,将字符串转为原本的布尔值,那么,我们可以通过JSON.parse()方法,接下来我们便一起来看看这个方法~1.定义:JSON.parse()是Javascript中一个常用的 JSON 转换方法;JSO.原创 2021-05-31 22:11:06 · 3109 阅读 · 1 评论 -
JavaScript - this指向问题(建议收藏反复查看)
今天认真研究了一下关于JavaScript中this指向的问题,总结了以下规律,希望能对this指向不明白的同学一点帮助。目录1.在全局环境下2.普通函数直接调用3.对象函数调用4.构造函数的调用5.箭头函数1.在全局环境下this 始终指向全局对象(window), 无论是否严格模式。console.log(this.document == document); //trueconsole.log(this === window); //truethis.a = 37;console.l.原创 2021-05-29 14:03:32 · 135 阅读 · 0 评论 -
JavaScript - 封装一个页面自左向右滚动的方法
这几日遇到一个需求,需要在用户进入页面之后,直接触发一个页面自左向右移动再返回到左侧的一个动画,这篇文章就记录一下大致思路。html代码:需要一个父级盒子collect_page用于设置滚动,再来一个子级盒子用于放置需要展示的内容。 <body> <div class="collect_page"> <div class="box"></div> </div> </body>css代码:.原创 2021-05-27 14:22:47 · 429 阅读 · 2 评论 -
JavaScript - var、let和const介绍
目录varletconstvar1.用var定义的是全局变量,只有个函数作用域,所以会造成变量污染。//只有在函数中定义的变量,才有作用域,如下在函数foo中定义的e变量只能在foo函数中使用,在foo函数以外使用会找不到该变量function foo (){ var e = 6; console.log(e)//6}console.log(e)// e is not defined//例如下所示,如果我们在循环内部使用var声明一个变量的话,当循环结束后,该变量并没有被回收。le原创 2021-05-27 10:24:29 · 169 阅读 · 1 评论 -
JavaScript - cookie学习
今天遇到一个需求,需要通过做一个用户登录的功能,并且需要使浏览器可以保存其登录信息,使得用户下次再访问网页的时候无需再次进行登录操作,那么这时就想到使用cookies进行信息保存。这里写目录标题一、cookie介绍1.定义2.字段含义二、设置cookie1.简单的cookie设置2.带有过期时间的cookie设置注意三、获取cookie1.查看cookie获取cookie值四、删除cookie五、方法封装设置cookie获取cookie删除cookie一、cookie介绍1.定义cookie是一.原创 2021-05-27 09:22:19 · 166 阅读 · 9 评论 -
JavaScript - 复制文本方法实现
一、实现原理采用input或者textarea元素特有的select()方法,用于选中输入框的文本,再调用copy命令,将文本复制到剪切板,以实现复制文本的功能。二、实现步骤1.首先为展示文本的input元素,添加ref属性。<input type="text" :value="code" ref="demoInput" readonly>2.为【复制兑换码】按钮添加一个点击事件copy()。<div class="btn" @click="copy()">复制兑换码&原创 2021-05-24 16:02:49 · 952 阅读 · 0 评论 -
JavaScript - 数组的filter()方法
定义定义:filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。注意:1.filter() 不会对空数组进行检测。2.filter() 不会改变原始数组。语法array.filter(function(currentValue,index,arr), thisValue)参数说明:参数描述function(currentValue, index,arr)必须。函数,数组中的每个元素都会执行这个函数thisValue可选。对原创 2021-05-24 15:37:56 · 254 阅读 · 0 评论 -
JavaScript - 判断字符串中是否包含某个字符串
方法1.indexOf()2.search()3.match()4.test()5.exec()1.indexOf()indexOf():返回指定字符在字符串中第一次出现处的索引,如果此字符串中没有这样的字符,则返回 -1。例子:var str = "indexof";console.log(str.indexOf("a") != -1); // falseconsole.log(str.indexOf("i") != -1); // true2.search()search() :用于检原创 2021-05-24 15:11:56 · 649 阅读 · 0 评论 -
JavaScript - 封装一个判断页面是在手机端还是在 PC 端打开的方法
目录一、原理介绍二、方法封装一、原理介绍利用 JS 判断页面是在手机端还是在 PC 端打开,我们可以通过JS的Navigator对象,该对象包含有关浏览器的信息,带有许多属性和方法,其中userAgent 属性用于返回由客户机发送服务器的 user-agent 头部的值,通过这个值我们可以根据是否含有某些关键字去进行判断当前页面是在手机端还是在pc端。例如:在windows电脑中console.log(navigator.userAgent)打印信息如下:Mozilla/5.0 (Window原创 2021-05-24 11:42:03 · 209 阅读 · 0 评论