JS
文章平均质量分 75
小猫娃来啦
CSDN前端领域新星创作者、2022博客之星入围、2023博客之星6月城市赛道top2、2023新星计划top2,阿里云开发者社区专家博主、星级博主,拥有丰富的前端开发经验。
在GitHub上,积极参与了多个开源项目,并做出了许多贡献。
一名中医继承人,在这科技快速发展的时代坚持下去,颇为不易。将中国传统文化的精髓与IT行业结合,是我一直坚定不移的目标。在CSDN上希望与诸位共同进步,谱写我辈之美!!
展开
-
前端(十四)——DOM节点操作手册:你需要了解的一切
DOM(文档对象模型)是一种用于表示和操作HTML、XML和SVG文档的编程接口。它将网页文档解析为一个由节点组成的树形结构,每个节点代表文档中的一个元素、属性、文本或其他内容。DOM是很重要的,因为它让我们能够使用JavaScript等脚本语言直接操控网页内容,实现动态、交互性强的网页效果。通过DOM,我们可以改变网页的样式和结构,响应用户的操作,并且实现数据的动态加载和更新。这样就能够让网页更加生动有趣,提升用户体验。同时,DOM的标准化也保证了开发者在不同浏览器下的兼容性,使得开发更加便捷和可靠。原创 2023-08-24 22:15:24 · 3578 阅读 · 0 评论 -
如何利用splice()和slice()方法操作数组
splice()和slice()都是JavaScript中操作数组的方法,到底怎么用?什么时候用?有什么区别?今天把这个问题搞清楚。原创 2023-05-09 20:41:25 · 1268 阅读 · 1 评论 -
为什么要去了解javascript的底层?
JavaScript的对象是由构造函数和原型对象组成的,构造函数用于创建对象实例,原型对象用于存储共享的属性和方法。JavaScript使用自动垃圾回收机制,垃圾回收器会定期扫描内存,找出不再使用的变量和对象,并将它们释放掉,以便其他变量和对象可以使用这些内存空间。认识和会用JavaScript是第一步,第二步是更好的了解它,了解了JavaScript的底层实现,可以更好地理解JavaScript的特性和行为方式,帮助我们优化代码,提高应用程序的性能和可靠性。原创 2023-04-28 16:36:38 · 1378 阅读 · 0 评论 -
详解js跨页面传参以及API的解释
还是那句话,搞明白这几个问题。首先什么是跨页面传参?其次跨页面传参具体怎么实现?然后有那些方法?以及有哪些需要拓展和了解的东西?跨页面传参通常是指在一个页面中通过JavaScript代码传递数据到另外一个页面。这些数据可以是字符串、数字、对象等等,可以用来进行页面跳转、页面渲染和数据处理等操作。原创 2023-04-25 11:13:05 · 3138 阅读 · 19 评论 -
js实现iframe框架的面包屑功能
iFrame全称是HTML中的一个标签,用于在一个HTML文档中嵌入另一个HTML文档。iFrame框架可以将一个HTML文档嵌入到另一个HTML文档中的一个独立的窗口中,这个窗口可以独立于主窗口进行加载和渲染。在一个页面中嵌入另一个页面,例如在一篇文章中嵌入一段视频。在一个页面中嵌入一个广告,可以独立加载和渲染,不影响主页面的性能。在一个页面中嵌入一个登录框,可以通过iFrame框架实现跨域登录。原创 2023-04-25 16:31:28 · 2094 阅读 · 1 评论 -
深入学习js的classList
classList 是 JavaScript 中一个用于操作元素类名的东西,这个东西有很多好用的方法,可以让我们轻松地添加、删除、切换和检查元素的类名。接下来我们详细学习一下 classList 的使用方法以及相关方法。classList 是一个非常实用的工具,可以让我们轻松地操作元素的类名。在使用 classList 时,我们可以通过 add、remove、toggle 和 contains 等方法来添加、删除、切换和检查类名;原创 2023-04-03 17:38:31 · 8076 阅读 · 0 评论 -
js根据数据关键字实现模糊查询功能
模糊查询功能是指在搜索或者查询时,允许用户输入部分关键词或者模糊信息,从而快速找到相关的结果。它的意义在于方便用户快速找到相关信息,提高用户体验,同时也能够增强搜索引擎的搜索能力,提高搜索结果的准确性。此外,模糊查询功能还可以应用于数据挖掘、自然语言处理等领域。以上是一些常见的实现方法,具体的实现方式还需要根据具体的需求和场景进行选择和调整。使用正则表达式来匹配输入的关键词实现模糊查询功能。在这里,我们先创建一下假数据用以说明。原创 2023-03-28 15:07:14 · 3889 阅读 · 4 评论 -
js的递归函数——实现可收放的树形菜单
树形菜单是一种常见的网站导航方式,它通常由多个层级的菜单项组成,每个菜单项可以有子菜单项。在JavaScript中,我们可以使用递归函数来实现树形菜单。树形菜单就是这样的东西,点击上一级,显示下一级,无限循环,一直逐层显示下一级。再次点击,关闭下一级。长的很像树,故名树形菜单。学会这个东西,是不是很酷?接下来,我们可以定义一个递归函数来遍历这个数据源,并且为每个菜单项添加点击事件。});原创 2023-03-28 20:03:08 · 1760 阅读 · 4 评论 -
JS中的事件监听
事件监听是Web开发中非常重要的一个概念,掌握了它的用法,可以让我们实现更加丰富和动态的交互效果。在实际开发中,我们需要根据具体的需求选择合适的事件类型和事件处理函数,以及注意事件传播和事件对象的相关问题。原创 2023-03-30 12:00:00 · 13113 阅读 · 0 评论 -
js中的增删改查——数组对象,接口
假设我们有一个用户管理的接口,可以通过该接口获取、添加、修改和删除用户信息。在JavaScript中,可以使用Ajax技术来对接口中的数据进行增删改查。可以使用数组的splice()方法或对象的delete操作符来删除数据。在JavaScript中,可以通过数组和对象来进行数据的增删改查。可以使用数组的indexOf()方法或对象的属性访问符来查询数据。可以使用数组的push()方法或对象的属性赋值来增加数据。可以直接通过数组或对象的索引或属性名来修改数据。原创 2023-03-29 13:15:00 · 1087 阅读 · 0 评论 -
js常见的9种报错记录一下
语法错误(SyntaxError) 类型错误(TypeError) 引用错误(ReferenceError) 范围错误(RangeError) 运行时错误(RuntimeError) 网络错误(NetworkError) 内部错误(InternalError)在JavaScript语言中,常常会出现各种类型的错误,包括语法错误、运行时错误、逻辑错误等。Error实例对象是最一般的错误类型,在它的基础上,JavaScript 还定义了其他6种错误对象。原创 2023-03-28 10:45:44 · 2298 阅读 · 0 评论 -
es6的8条新特性总结
1.块级作用域变量(let和const)2.箭头函数3.模板字符串4.解构赋值5.默认参数6. 扩展运算符7. 类和继承8.Promise let和const关键字可以用来声明块级作用域变量,使得变量只在当前作用域内有效。箭头函数是一种新的函数声明方式,可以更简洁地定义函数。原创 2023-03-24 11:22:32 · 5119 阅读 · 2 评论 -
JavaScript传参的6种方式
JavaScript是一门非常灵活的语言,其参数传递方式也同样灵活。在本篇文章中,我们将详细介绍JavaScript中的参数传递方式,并提供相关的示例和解释。原创 2023-03-23 12:08:27 · 7759 阅读 · 4 评论 -
js循环判断的方法
forEach用于遍历数组中的元素,并且会对数组中元素使用callback(),与map(),raduce()不同的是,它总返回一个undefined,并且不可以链式调用。for—of不能遍历普通对象,因为普通对象没有Symbol.iterator属性,如果一个对象有Symbol.iterator属性,那么就可以使用for—of遍历。包括map()方法,sort()方法,都是针对不同数据类型,为了简单高效解决问题,进行了封装。它们只是底层进行不同的封装,虽然看起来简单,但是性能是没有for循环优秀的。原创 2023-03-06 20:03:08 · 1799 阅读 · 0 评论 -
手把手教你用js实现手机通讯录功能(附源码)
当用户手动导航或者 CSSOM scrolling API 触发滚动操作时,CSS 属性 scroll-behavior 为一个滚动框指定滚动行为,其他任何的滚动,例如那些由于用户行为而产生的滚动,不受这个属性的影响。a标签里href的属性值,用#id表示,分别与左侧列表里的div的id名字一一对应,即可实现点击跳转,这一特点也叫锚点,这在css里还是挺高级的。换句话说,如果不使用这个属性,那么在锚点跳转过程中,会突然跳转到相应位置,非常生硬,用户体验感比较差。创作不易,如果对你有帮助,请三连支持。原创 2023-03-03 18:19:04 · 3845 阅读 · 21 评论 -
this的理解与使用
1.this可用可不用,不用代码也能敲,需求也能实现,但用了方便2.this常见的绑定方式,有默认绑定,隐式绑定,显式绑定,构造函数绑定,箭头函数绑定3.严格模式下,规定this指向undefined4.更改this指向的方法,常用call(),apply()原创 2023-02-23 15:05:22 · 1789 阅读 · 0 评论 -
详解javaScript的事件中,复杂数据类型的传参(数组,对象,函数)
在JavaScript这门编程语言学习中,有太多关键问题,比如 如何传参,什么是变量提升,js代码预编译是怎么回事等等。要想成为一名优秀的js高手,这些内容是你不得不去认真研究和深挖的。今天我们就来具体看看这几件事,它到底是怎么回事儿。js预解析是非常重要的,这里面注意var与const和let的区别以数组,对象等数据类型传参,记得注意参数之间存在一一对应关系可以在调用函数的时候,把括号里面的内容看作实参,但本质上是变量。函数本身在某些场景下也可以理解为未声明的变量,但这仍然需要深度思考。原创 2023-02-20 15:11:57 · 1405 阅读 · 18 评论 -
详解JavaScript的形参,实参以及传参
编程初学者在接触JavaScript这门语言时,很难搞懂里面的逻辑,这就会导致入门慢,入门难。这种难度一般主要集中在函数,变量这块,难点以函数之间的传参,嵌套为主。如果不调用函数,形参和实参都是摆设。实参可以是一个确定的数,可以是字符串,可以是对象,可以是函数。总而言之,实参相当于一个值,形参相当于一个变量,只不过这个变量没有被声明而已。形参和实参的关系一目了然,形参接受实参。原创 2023-02-18 14:50:20 · 4864 阅读 · 13 评论 -
js实现元素样式切换(附码)
通过js获取所有元素,并给定指令。使得点击任意一个盒子,都可随意改变原有样式,而不影响其他盒子。用户第一次点击某些元素,改变元素的某些样式,比如背景颜色,字体颜色。判断,如果当前点击的盒子背景被改变,则再点击当前盒子背景恢复。用户第二次点击某些元素,恢复之前的样式。准备一定量的div盒子,并取相同的类名。原创 2023-02-18 10:25:11 · 1010 阅读 · 0 评论 -
事件冒泡学个透
事件冒泡,这一逻辑学名词对于很多初次学习js的程序员还是比较抽象,我想尝试用一种直观的方式,在这里将这个东西讲透。首先我们去查看了事件冒泡的百度解释:这一解释相对比较友好,但是难免还有些官方话。到底该怎么理解呢?我们往下看:接下来再为此框架设置简单的样式,样式呈现:然后我们点击每个颜色不一样的元素,得到以下结果:程序员,这有什么规律,又说明什么?你发现了,事件是由内向外触发的。正如事件冒泡名字本身一样形象,泡泡都是从水里开始出现,向水面移动,直到溢出水面爆炸,冒泡结束。在编程语言里,原创 2022-12-09 11:14:59 · 1173 阅读 · 5 评论 -
ajax调用接口文档,进行数据渲染的模板
ajax调用接口文档,进行数据渲染的模板原创 2022-11-22 12:46:10 · 470 阅读 · 1 评论 -
利用for循环完成一道“逢七必过,逢三必过”的数学问题
html相当于人的身体,css相当于人的衣服,js相当于人的动作。具备这三点才是一个有的人。原创 2022-09-17 17:06:24 · 1798 阅读 · 0 评论 -
常说的渲染是什么意思?js怎么渲染?
想实现这个功能,我们需要给图片加点击事件,并写一个指令。当鼠标点击图片一次,就会出现一行我们预定好的文字,那么这个过程就是JavaScript的渲染,是JavaScript将这个点击效果渲染到了页面。原本我们写在html里的是一堆标签和内容,但是通过css给这些内容加了样式之后,通过运行到浏览器,就可以呈现出来各种各样漂亮的静态页面。无形之中,大家已经接触到了渲染,可是潜意识里,没人告诉你什么是渲染,所以有的人不知道罢了。前端写的东西基本都是在渲染,不是渲染就是渲染的路上。1.我们通过html将内容。原创 2022-10-15 19:41:30 · 2561 阅读 · 0 评论 -
【Render】如何将数据渲染到页面?渲染数据的流程
有人会问,如果我css文件引入到html时,写错了,没有成功引入,浏览器解析器咋办?很简单,如果出现这种情况,浏览器没找到css文件,就不会识别,解析器反而省事了。原创 2022-10-20 15:57:24 · 2914 阅读 · 0 评论 -
JavaScript渲染页面的方法
比方说,我们现在写一句 “学js真是一件开心的事” 渲染到页面,可以复制代码,自己运行一下。JS 中的输出语句,该语句会将内容输出到页面上,并且能够解析标签元素。JS 中的警告弹框,该语句会将内容以弹窗的形式提示用户。改变元素的内容(包含内部标签)可识别标签。3.元素.innerHTML = 内容。原创 2022-10-20 16:39:40 · 6330 阅读 · 0 评论 -
页面前进、页面后退、页面跳转的方法
页面前进,页面后退,本质上也是页面跳转。这是一个宽泛的概念,看个人怎么理解了。不过不管是页面的前进,后退,还是跳转到另一个页面,这都属于在浏览器里进行的操作。以下是我关于页面前进,页面后退,页面跳转的学习笔记,对于js初学者会比较有用。window.location.href='页面链接'window.open('页面链接')原创 2022-10-30 06:00:00 · 2699 阅读 · 0 评论 -
js常用的7种函数总结
输出['j', 'g', 'k', 'j', 'o', 'k', 'l', 'l', '1', '2', '3']输出['jg', 'jo', 'll123'](从i里面找o,从下标1开始找,找到了,返回值为第一个o的下标)输出['jgk', 'jo', 'k', 'll123'](从i里面找r,从下标2开始找,没找到,所以返回-1)从iml下标9开始找,找o,没找到,所以返回-1)会跳过i里面的,并以,前后将字符串分割为数组。会跳过i里面的k,以k前后将字符串分割为数组。字符串分割为数组:split()原创 2022-10-22 14:32:56 · 260 阅读 · 1 评论 -
JS遍历数组的方法【详解】
数组名称.forEach((item,index)=>{})遍历(常见用在对象中,遍历对应的key值和value值)(let 变量名 of 数组名称){代码块}(let 变量名 in 数组名称){代码块}遍历(可以同时取出数组中的值和值对应的下标)法三:for --- of。法四:for --- in。法二:forEach。原创 2022-10-28 10:36:50 · 5152 阅读 · 3 评论 -
JS中修改元素内容,属性,样式的方法【详解】
如果把属性作为集合,那么样式就是这个集合的元素。样式(style)也是一种属性,样式后面的内容是样式(style)的属性值 属性值里面的内容为 样式名:样式值。所以这种修改有这个特点:修改后的内容会把之前原有的内容覆盖掉,只执行修改后的内容。这种方式,方便我们调试功能,修改元素属性。法一:获取元素名.style.样式名=‘样式值’法二:获取元素名.style=‘样式名:样式值’,color是样式名,red是样式值。获取元素名.属性名=‘属性值’原创 2022-10-29 06:00:00 · 4520 阅读 · 0 评论