
JavaScript开发
JavaScript
左手喵子
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
关于解构赋值
数组变化位置--交换两个变量变量多--单元值少---undefined变量少--单元值多---得到一个真数组为解构添加默认值----防止undefined传递按需导入赋值,忽略某些值多维数组解构。原创 2025-04-03 19:31:39 · 222 阅读 · 0 评论 -
关于闭包的案例
num1在使用时是不会被释放的,因为根据js的标记清除法,只要变量在被使用(指向)的情况下,就不会被删除。只要闭包函数(如 fn)仍被引用,相关变量就会存活,即使 outer 已执行完毕。完,函数内定义的变量都销毁了,但是我们有时候需要保存函数内的这个变量,每次在这个变量的基础上完成一些列的操作,比如: 每次在这个变量的基础上和其它数字进行求和计算,那怎么办呢?num1在函数的内部,是局部作用域,在外部无法被直接访问与修改。2.封闭数据,实现数据私有,闭包中的变量无法被外部使用。这里显示了闭包的作用。原创 2025-04-03 15:39:52 · 272 阅读 · 0 评论 -
JavaScript--文章汇总
JavaScript--文章汇总原创 2025-03-24 10:14:08 · 386 阅读 · 0 评论 -
JavaScript--Web APIs
DOM通过js操作html--网页特效和交互DOM(Document Object Model)是将整个 HTML 文档的每一个标签元素视为一个对象,这个对象下包含了许多的属性和方法,通过操作这些属性或者调用这些方法实现对 HTML 的动态更新,为实现网页特效以及用户交互提供技术支撑。简言之 DOM 是用来动态修改 HTML 的,其目的是开发网页特效及用户交互。原创 2025-03-24 10:06:24 · 407 阅读 · 0 评论 -
JavaScript--JavaScript基础
未定义是比较特殊的类型,只有一个值undefined什么情况出现未定义类型只声明变量,不赋值的情况下,变量的默认值为undefined,一般很少[直接]为某个变量赋值为undefinedlet num工作中的使用场景我们开发中经常声明一个变量,等待传送过来的数据如果我们不知道这个数据是否传递过来,此时我们可以通过检测这个变量是不是undefined,就判断用户是否有数据传递过来数组是一种可以按顺序保存数据的数据类型元素:数组中保存的每个数据都是数组元素下标:数组中数据的编号。原创 2025-03-24 10:05:32 · 712 阅读 · 0 评论 -
JavaScript表单验证replace---demo
【代码】JavaScript表单验证replace---demo。原创 2025-03-04 20:24:23 · 113 阅读 · 0 评论 -
JavaScript表单验证demo
【代码】JavaScript表单验证demo。原创 2025-03-04 20:18:33 · 218 阅读 · 0 评论 -
JavaScript--scrollTop,clientHeight,offsetHeight,scrollHeight,offsetTop的案例
【代码】JavaScript--scrollTop,clientHeight,offsetHeight,scrollHeight,offsetTop的案例。原创 2025-02-27 10:28:00 · 177 阅读 · 0 评论 -
JavaScript--tab选项卡--通过事件委托和自定义属性实现
【代码】JavaScript--tab选项卡--通过事件委托和自定义属性实现。原创 2025-02-26 21:36:53 · 127 阅读 · 0 评论 -
JavaScript--简易版全选,反选
【代码】JavaScript--简易版全选,反选。原创 2025-02-26 14:51:34 · 88 阅读 · 0 评论 -
JavaScript--简易版tab选项卡
【代码】JavaScript--简易版tab选项卡。原创 2025-02-26 14:43:28 · 122 阅读 · 0 评论 -
JavaScript--Web APIs--备份
DOM通过js操作html--网页特效和交互DOM(Document Object Model)是将整个 HTML 文档的每一个标签元素视为一个对象,这个对象下包含了许多的属性和方法,通过操作这些属性或者调用这些方法实现对 HTML 的动态更新,为实现网页特效以及用户交互提供技术支撑。简言之 DOM 是用来动态修改 HTML 的,其目的是开发网页特效及用户交互。原创 2025-02-26 12:07:27 · 999 阅读 · 0 评论 -
var和let的循环案例--关于作用域问题
首先,var声明的变量是函数作用域或全局作用域的,而let是块级作用域的。在for循环中使用var时,变量j实际上会被提升到循环外部的函数或全局作用域中,,而setTimeout中的回调函数是在循环结束后才执行的,此时j的值已经变成了3,所以三次回调都输出3。而使用let时,每次循环都会创建一个新的块级作用域,变量k在每次迭代中都是一个新的绑定,即每个setTimeout回调捕获的是该次迭代时的k值。因此,当回调执行时,每个回调都有自己的k值,分别是0、1、2,所以输出0 1 2。原创 2025-02-25 21:48:55 · 191 阅读 · 0 评论 -
JavaScript 跳出循环
使用 break 关键字来立即结束当前所在的循环通过输出了 end 可以看出他跟 return 语句的不同之处,break 语句只是跳出了当前循环语句,并不会阻止函数内其他语句的执行。原创 2025-02-25 15:57:26 · 884 阅读 · 0 评论 -
布尔判断汇总--在js中[] == ![] 为什么为true?
js是弱类型语言,类型转换最为基础。原创 2025-02-25 15:16:34 · 237 阅读 · 0 评论 -
js中的 ++i和i++的区别
【代码】js中的 ++i和i++的区别。原创 2025-02-25 14:49:37 · 158 阅读 · 0 评论 -
js的NaN深入了解
下面的字符串转换成NaN结果,但是,NaN也是数字类型。它是一个不正确的或者一个未定义的数学操作所得到的结果。NaN是在js中唯一一个和自身不相等的值。NaN参与的任何运算都是NaN。NaN与字符串的结果是字符串。得到一个NaN的几种情况。原创 2025-02-24 20:50:27 · 238 阅读 · 0 评论 -
JavaScript数据类型直接互相转换办法(数组,字符串,对象)
parseInt()可以转化带有非数字的字符串,它的工作原理是从左往右一个一个比较,当遇到非数字,则停止,转化前面的数字部分的整数部分。随着ES6中模板字符串的引入,在字符串中注入数字是解析整数或浮点数据类型的有效方法。parseFloat()的工作原理和parseInt()一样,不仅可以转化整数部分,还可以转化小数部分。将空字符串添加到数字值将数据转换为字符串是实现该功能最简单的方法之一。方法的作用是:为传递给它的数字创建一个基本的字符串类型。这个方法用的人很少,但需要注意小数点类型的数字。原创 2025-02-24 20:33:18 · 453 阅读 · 0 评论 -
null和undefined的区别
是 JavaScript 中两个特殊的值,它们都表示“无”或“空”,但在语义和使用场景上有明显区别。表示变量已声明但未赋值,或函数没有返回值时的默认返回值。表示一个空对象指针,通常用于显式表示“无”或“空”。在 JSON 序列化时会被忽略(不会出现在结果中)。(这是 JavaScript 的历史遗留问题)。用于初始化变量,表示该变量未来会被赋值为对象。,应让 JavaScript 引擎自动处理。用于表示变量未初始化或函数无返回值。显式表示一个空值或无效值。用于显式表示空值或无效值。是开发者主动赋值的值。原创 2025-02-24 20:17:32 · 630 阅读 · 0 评论 -
var和let的区别
的过程,当整个函数作用域被创建的时候,实际上var定义的变量都会被创建,并且如果此时没有初始化的话,则默认为初始化一个undefined。而let由于是块作用域,所以如果在块作用域内定义的变量,比如说在for循环内,在其外面是不可被访问的,所以for循环推荐用let。在函数中声明了var,整个函数内都是有效的,比如说在for循环内定义的一个var变量,实际上其在for循环以外也是可以访问的。let必须先声明,再使用。而var先使用后声明也行,只不过直接使用但没有定义的时候,其值是undefined。原创 2025-02-24 20:06:39 · 625 阅读 · 0 评论 -
IE9下支持jQuery
jQuery 2.0及以上的版本已经不支持IE6-8,可参考官方文档:若要支持IE9以下,可引用以下:原创 2024-02-12 13:36:03 · 329 阅读 · 0 评论 -
关于html 修改滚动条的问题--niceScroll.js
NiceScroll 是一个类似于ios/移动端 样式的jQuery滚动条插件,不需要增加额外的CSS,几乎全浏览器兼容,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件,可在触摸屏上使用。在现代浏览器中还加入了硬件加速,滚动优化,比起原生的滚动会更流畅(跟slimScroll更流畅)。原创 2023-10-11 21:01:33 · 105 阅读 · 0 评论 -
滚动条插件 NiceScroll 使用详解
NiceScroll 是一款完全基于 jQuery 框架的滚动条插件,它不仅有着类似 iOS 系统设备的滚动条外观,而且还支持任意的 、、 元素的滚动效果。原创 2023-10-11 21:07:44 · 1128 阅读 · 0 评论 -
JavaScript--JavaScript基础--备份
1.JavaScript是一种运行在(浏览器)的编程语言,实现人机交互效果2.JavaScript的作用网页特效(监听用户的一些行为让网页做出对应的反馈)表单验证(针对表单数据的合法性进行判断)数据交互(获取后台的数据,渲染到前端)服务端编程(node.js)3.JavaScript的组成Javascript 遵守 ECMAScript语法规范 ,Web APIs 包括 Dom 和 BomDom:操作文档,比如对页面元素进行移动、大小、添加删除等操作。原创 2025-02-22 20:08:16 · 908 阅读 · 0 评论 -
jquery简单实现tab选项卡效果
【代码】jquery简单实现tab选项卡效果。原创 2024-02-11 11:12:49 · 298 阅读 · 0 评论 -
关于移动端的文本框获取焦点时导致fixed或absolute定位的按钮被手机键盘顶上去的问题
经过测试,两种方法都可行。由于第一种方法代码量少,看起来比较简单一点,我就选用了第一种方法。大家可以根据自己的需求自行选择。此时,就会导致一个问题:处于absolute(绝对)定位或fixed(固定)定位的按钮,会被键盘顶上去,漂浮于键盘上方。即当文本框(指input或textarea)获取焦点时,手机自带的键盘会被唤起并且弹出来。由于是第一次碰到该问题,也不知道怎么处理,于是百度了一下,最终找到了答案。当在安卓手机上访问如图1所示的页面时,会出现如图2所示的现象。当调整浏览器窗口的大小时,发生。原创 2024-02-12 13:14:53 · 842 阅读 · 0 评论 -
jQuery如何改变css伪元素样式
first-letter 伪元素:"first-letter" 伪元素用于向文本的首字母设置特殊样式。:first-line 伪元素:"first-line" 伪元素用于向文本的首行设置特殊样式。:before 伪元素:":before" 伪元素可以在元素的内容前面插入新内容。:after 伪元素:":after" 伪元素可以在元素的内容之后插入新内容。CSS 伪元素用于向某些选择器设置特殊效果。那么,问题来了,怎么用jquery改变伪元素的样式呢?原创 2024-02-11 11:17:00 · 547 阅读 · 0 评论 -
jq实现两个input输入同时不为空时,改变确认框背景颜色
【代码】jq实现两个input输入同时不为空时,改变确认框背景颜色。原创 2023-10-11 21:17:53 · 121 阅读 · 0 评论 -
JQ 选择器大全
(":hidden")==》选取所有不可见元素。"> 、<div style="visibility=hidden"> 等元素。:nth-child (3n) => 选取每个父元素下的索引值是 3 倍数的元素 (n 从 0 开始):nth-child (even) => 选取每个父元素下的偶子元素。:nth-child (odd) => 选取每个父元素下的奇子元素。选取每个父元素下的第 index 个子元素或奇偶元素。如果某个元素是它父元素中惟一的子元素,那么将会。选取所有被选中的元素。原创 2024-02-11 13:14:58 · 694 阅读 · 0 评论 -
用JQuery判断一个元素的display属性是不是none怎么写?
【代码】用JQuery判断一个元素的display属性是不是none怎么写?原创 2024-02-11 13:17:33 · 389 阅读 · 0 评论 -
jquery图片分类无刷新加载-图片按选项卡筛选插件
下载地址:原创 2024-02-11 12:34:52 · 262 阅读 · 0 评论 -
jquery判断浏览器宽度小于指定值改变div样式
【代码】jquery判断浏览器宽度小于指定值改变div样式。原创 2024-02-11 10:11:21 · 130 阅读 · 0 评论 -
JQuery修改css样式小结
(选择器).attr('style','属性:属性值');// 如:$('.attr').attr('style','color:red');原创 2024-02-11 13:06:15 · 695 阅读 · 0 评论 -
<script> for(var i=0;i<10;i++){ setTimeout(function(){ alert(i); },1000); } </script>这个闭包为什么每次只打印10,
i++),i的每次取值都是执行setTimeout这个函数,并没有执行setTimeout里面的function(即闭包函数),setTimeout里面的function是有setTimeout的定时触动的,也就是1秒后执行,也就是说i从0~9时,一共执行了10次的setTimeout()函数,此时的i的值是10,由于for语句的执行速度远小于1秒,所以,1秒后,由setTimeout()函数定时触动的闭包函数function()开始执行,alert(i);i的值已经是10了,所以相继打印10次i.原创 2024-02-11 11:33:30 · 220 阅读 · 0 评论 -
Javascript中点击(click)事件的3种写法
消除事件:btn.οnclick=null;原创 2024-02-09 18:10:17 · 1978 阅读 · 0 评论 -
Js模拟下拉框(select-option)的实现
今天想给大家分享一下之前自己做的一个js模拟下拉框,所有select-option中我能发现的操作,都在我的代码中将其实现,希望对大家有所帮助。如果select中还有一些本人未实现的希望大家在评论区指出。话不多说,直入主题。原创 2024-02-09 18:03:37 · 1619 阅读 · 0 评论 -
Js模拟下拉框(select-option)的实现
【代码】Js模拟下拉框(select-option)的实现。原创 2024-02-09 17:33:18 · 580 阅读 · 0 评论 -
JavaScript==与===的区别
=不等同,则与==/!因此,在JavaScript中,使用相等/等同,不等/不等同的时候,一定要注意类型的转换,这里推荐使用等同/不等同来进行判断,这样可以避免一些难以调试的bug。如果操作数具有相同的类型,则判断其等同性,如果两个操作数的值相等,则返回true(相等),否则返回false(不相等).1.都是数字的情况,如果值相同,则两者等同(有一个例外,就是NaN,NaN与其本身也不相等),否则不等同。2.都是字符串的情况,与其他程序设计语言一样,如果串的值不等,则不等同,否则等同。原创 2024-02-07 18:35:03 · 465 阅读 · 0 评论 -
JavaScript条件表达式的布尔判断
在JavaScript中,对于单独作为判断式里的一个表达式if(aaa)这样的条件判断时,会先把aaa转换成布尔型true或false,再判断其真假。==不会进行类型转换,类型不同就判断它们不同,所以false===0这个条件为假;=是比较运算符,但当类型不同时会进行类型转换,例如false==0这个条件为真;3.一般为了安全起见,都是使用===进行比较的;原创 2024-02-07 12:43:34 · 557 阅读 · 0 评论 -
js获取input输入框的值
【代码】js获取input输入框的值。原创 2023-11-01 17:10:08 · 298 阅读 · 0 评论