![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 60
一只不太聪明的燕子
You are unique and nothing can replace you.
展开
-
vue项目中点击按钮复制文本
用户点击按钮复制文本内容。原创 2023-01-12 10:01:31 · 203 阅读 · 0 评论 -
JavaScript之 for...in 与 for...of 间的较量
for in 循环阔以用来遍历对象的可枚举属性列表(包括[[Prototype]]链)。使用for in遍历对象无法直接获取到值,但是for of能取到值(前提对象本身定义了迭代器)原创 2021-11-05 14:04:03 · 83 阅读 · 2 评论 -
JavaScript手动封装一个深拷贝函数(递归实现)
浅拷贝: 简单的赋值拷贝操作,产生重复释放问题深拷贝: 在堆区重新申请空间,进行拷贝操作,防止重复释放问题<script> const people = { name: '一只不太聪明的燕子', age: 18, address: { city: 'Nanjing' }, hobby: ["吃饭", "睡觉", "写bug", { play: ["排球", "羽毛球"] }].原创 2021-09-28 14:10:09 · 704 阅读 · 1 评论 -
一篇搞懂javaScript中的this指向问题让你不再迷路
什么是this指向?不同场景中的this指向如何改变this指向原创 2021-09-23 16:29:08 · 162 阅读 · 0 评论 -
git常用命令总结
git四连命令功能git add .将所有改动放进暂存区git commit -m “描述”提交并附带概要信息git pull从远程仓库拉去代码git push推送代码到远程仓库(master分支)其余常用命令 弹出暂存代码命令功能git log查看提交日志git log -p查看详细历史git log --stat查看简要统计git status查看工作区状原创 2021-09-14 09:06:52 · 69 阅读 · 0 评论 -
JavaScript之 正则对象
正则对象正则基础RegExp(正则表达式)正则表达式(RegExp)是Regular Expression缩写,是用于查找符合某些规则的字符串的工具。正则表达式是一个描述字符模式的对象,当检索某个文本时,可以使用一种模式来描述要检索的内容,RegExp 就是这种模式。正则对象的创建构造函数式 new RegExp(pattern,attribute) 参数: pattern:匹配模式 attribute:匹配特征例:var reg = new RegExp("a","g")原创 2020-07-29 20:47:41 · 240 阅读 · 0 评论 -
原生JS实现放大镜效果
效果:源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{原创 2020-07-19 22:39:03 · 229 阅读 · 0 评论 -
原生JS自定义鼠标右键菜单
效果:总体思路:为document对象绑定右键菜单事件(contextmenu),事件触发后,首先要阻止浏览器的默认行为(浏览器提供的右键菜单)出现。然后把我们自定义的菜单显示在鼠标的当前位置。利用事件委托为菜单项绑定鼠标移入(mouseover),移出(mouseout),单击(click)事件。具体实现过程详见代码和注释代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF原创 2020-07-11 17:40:16 · 1178 阅读 · 0 评论 -
JavaScript内置对象之String
String对象String对象是 JavaScript 原生提供的三个包装对象之一,用来生成字符串对象。String对象也是JS内置对象中使用频率最高的之一。创建字符串的两种方法1,字面量创建2,构造函数式创建字符串的索引与遍历操作字符串本质上其实就是一个字符数组,所以我们 的字符串也是拥有索引的我们看见一通过索引单独访问字符串中的每一个字符正是因为字符串也可以通过索引来单独访问字符,所以字符串也是可以有遍历操作的字符串的比较规则字符串的比较规则叫做****:原地算法***原创 2020-07-10 23:37:46 · 206 阅读 · 0 评论 -
原生JS实现tab选项卡的切换
效果:总体思路:我是利用动态改变类名来实现的1.提前设计好一个类名用于体现选项卡被选中之后的样式,再设计一个类名用于体现与当前选项卡对应的内容区的状态2.某个选项被点击时,先将所有选项卡恢复默认样式,所有内容区处于隐藏状态。再单独把当前被点击的选项卡赋予特殊样式(绑定类名),让与之对应的内容区显示(绑定类名)。注:详细实现过程,代码中都有注释实现:普通方式<script> // 页面加载完毕后执行 window.onload = function(){原创 2020-07-09 20:40:14 · 1007 阅读 · 0 评论 -
JavaScript中的事件对象(event)
Event事件对象1.事件基础事件是什么?JS中事件的本质是程序各个组成部分之间的一种通信方式,也是异步编程的一种实现。事件三要素事件源(被触发的对象)事件类型(如何触发?)事件处理程序(触发后发生了什么?)[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5bTx7p8D-1594209131138)(C:\Users\lhm\AppData\Roaming\Typora\typora-user-images\image-202007072128111原创 2020-07-08 19:54:50 · 685 阅读 · 0 评论 -
17个常用 JS 数组方法
数组是什么?一个有序的集合本质上也是变量的一种,可以存储一连串的变量/值数组集合的长度可以动态的调整,理论上是无限大的数组中可以存储任意类型的数据添加/删除push(…args):在数组的末尾添加一个或多个元素返回值:添加元素后的数组长度var names = ["孙悟空","猪八戒","沙悟净"];var len = names.**push("lhm")**;console.log(names,len);运行结果:pop():删除数组的最后一个元素返回值:被删除的原创 2020-07-05 19:07:22 · 410 阅读 · 0 评论 -
JavaScript动态显示鼠标移动轨迹
效果图:思路:当鼠标在页面上移动时,动态创建一个小圆点(位置就是鼠标的当前位置)。一秒后,再把该圆点删除掉。仅需要js代码就能实现代码:<script> //鼠标移动时,动态创建div,一秒后删除 window.onmousemove = function(event){ var nDiv = document.crea...原创 2020-03-27 10:50:04 · 2485 阅读 · 2 评论 -
JS动态创建(删除)表格
1.效 果:添加空白表格项,会弹出提示添加完整表格项删除表格项2.源 码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...原创 2020-03-26 09:37:02 · 466 阅读 · 0 评论 -
基于JavaScript 的随机点名程序
效果:录制的gif效果图没那么理想,其实速度是比这个快的思路:1.定义一个数组,存放名单2.启动定时器,设定间隔时间不断调用函数3.Math.random()获取随机下标,根据下标的随机变换取出数组中对应的元素4.逻辑代码完成后,通过DOM对象把变化的结果呈现在页面上JS代码:<script>var arr = ["唐僧", "孙悟空", "猪八戒", "沙悟净",...原创 2020-03-24 10:47:28 · 505 阅读 · 1 评论 -
JavaScript实现简单的数码时钟
效果图:话不多说,代码里都有注释!!!源代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...原创 2020-03-23 21:20:20 · 386 阅读 · 0 评论 -
JavaScript实现简单的进度条效果
效果图:简单说一下思路:主要就是进度条的宽度的动态调整!要用到JS的间隔定时器 setInterval( )setInterval( )功能:每隔指定时间调用一次函数参数:函数,时间间隔返回值:定时器编号(数字)想让它到一定的宽度就停止,那么需要设定它的最大宽度,在它外面套一个有宽度的元素就可以啦!这样的话控制它在父元素里的百分比就行了。在函数里进行判断是否道达指定宽度,没有...原创 2020-03-22 23:01:02 · 1438 阅读 · 3 评论 -
JavaScript的数学对象
Math对象Math 是JS的内置对象,用于执行数学任务。一、属性(常量)1. Math.PI 圆周率返回圆周率 π2.Math.LN2 2 的自然对数返回 2 的自然对数3.Math.LN10 10 的自然对数返回 10 的自然对数二、Math对象的官方函数1.Math.round(x) 四舍五入返回值:四舍五入后的整数2.Math.ceil(x) 向上取...原创 2020-03-21 16:57:07 · 3413 阅读 · 2 评论