
Javascript
文章平均质量分 84
Javascript
Bulut0907
大数据、机器学习、编程语言、IT相关技术分享, 喜欢请关注、点赞、收藏哦!
展开
-
JavaScript深拷贝实现、异常捕获、防抖和节流
深拷贝:拷贝的是对象,不是地址。原创 2024-07-09 09:11:45 · 449 阅读 · 0 评论 -
JavaScript原型对象和对象原型、原型继承、原型链
可以声明原型对象prototype为一个对象,同时声明多个共享的属性和方法。但需要通过constructor重新指向构造函数Star,否则指向Object就找不到构造函数Star了。原型链的查找规则如下。可以使用instanceof运算符,检测构造函数或实例化对象是否出现在某个实例化对象的原型链上。可以定义一个父类,然后通过原型继承来继承父类,最后实现子类自有的属性和方法。原创 2024-07-01 09:06:31 · 911 阅读 · 0 评论 -
JavaScript作用域、垃圾回收机制、闭包、变量提升
应用:使用闭包函数,创建隔离作用域,避免全局变量污染。如下所示,使用num来对函数的调用次数进行计数(全局作用域能够访问,所以可能会引起内存泄漏),但不能在全局作用域对num进行修改。作用域链的变量查找机制: 优先在当前作用域查找变量,如果查不到,则。查找父级作用域直到全局作用域。原创 2024-06-28 13:54:40 · 438 阅读 · 0 评论 -
JavaScript Window对象之(BOM、JS 执行机制、location对象、navigator对象、histroy对象、本地存储)
JavaScript是单线程的,就会出现如果某个JS任务执行的时间过长,这样就会造成页面的渲染不连贯。数据存储在用户浏览器中,页面刷新但数据不丢失。主要管理历史记录, 该对象与浏览器地址栏的操作相对应,如前进、后退等。如果是android或iphone移动端请求页面,直接跳转到指定的页面(移动端页面)先访问百度,再访问当前页面,然后点击后退按钮,就能退回到百度的页面。navigator是一个对象,记录了浏览器自身的相关信息。同localStorage,就是浏览器一关闭,数据就会丢失。原创 2024-06-18 10:39:18 · 1032 阅读 · 0 评论 -
JavaScript日期对象、DOM节点操作(查找、增加、克隆、删除)
指1970年01月01日00时00分00秒起至指定时间的毫秒数。cloneNode会克隆出一个跟原标签一样的元素。,布尔值默认为false。原创 2024-06-18 10:37:10 · 880 阅读 · 0 评论 -
JavaScript事件监听之其它事件(页面加载事件、元素滚动事件、页面尺寸事件、M端事件)
javascript在head中,直接获取btn,添加监听事件是无效的,因为btn为null。所以给window添加load事件,等window的资源加载完毕,再去执行回调函数就可以点击按钮了。改变div的内容长度或改变padding值,clientWidth都会变化,但改变border值,clientWidth不会变化。移动端有自己独特事件,比如最常见的touch(触屏事件/触摸事件),Android和IOS都有,touch对象代表一个触摸点。当页面的宽度不断变化,控制台不停的打印页面的宽度数值。原创 2024-06-03 08:50:12 · 2268 阅读 · 2 评论 -
JavaScript事件监听之事件流(捕获阶段实现 + 阻止事件流传播 + 阻止元素默认行为、mouse鼠标事件、事件委托)
如果addEventListener的第三个参数都是false(默认),则点击紫色的小盒子,先弹出我是儿子,再弹出我是爸爸,最后弹出我是爷爷。可以选择不在冒泡阶段触发事件,而在捕获阶段触发事件。,是否在捕获阶段触发事件默认为false。点击紫色的小盒子,先弹出我是爷爷,再弹出我是爸爸,最后弹出我是儿子。所以将所有的事件监听,都委托给元素的父亲进行监听,就是事件委托。ul绑定点击事件,当点击其中一个li的时候,默认会。获取到点击的这个li,对这个li的样式进行改变。触发ul的点击事件。来阻止元素的默认行为。原创 2024-05-27 08:28:52 · 1152 阅读 · 0 评论 -
JavaScript事件监听(事件类型、事件对象、事件解绑)、this环境对象、改变this指向
L0旧版事件解绑:直接使用null覆盖就可以。点击按钮不会出现弹窗。L2新版事件解绑:使用。原创 2024-05-20 08:27:31 · 759 阅读 · 0 评论 -
JavaScript Web API的基本概念(DOM树、DOM对象)、获取DOM元素、修改元素内容(表单元素属性、自定义属性)、定时器(间歇函数、延时函数)
<script></script>原创 2024-05-13 09:25:22 · 876 阅读 · 0 评论 -
JavaScript对象(声明对象、增删改查、遍历对象、调用和删除方法、解构赋值、内置方法)、内置对象Math、基础数据类型和引用数据类型储存方式
基本数据类型:由操作系统自动分配空间,在栈中储存变量的值。可以存放函数的参数值、局部变量的值等。CSS3保留的关键字有int、short、long、char。将对象的属性和方法,依次赋值给对应的变量。是一种数据类型,一种无序的数据集合。user[‘属性’]原创 2024-05-06 09:26:10 · 456 阅读 · 0 评论 -
JavaScript函数(声明函数、调用函数、匿名函数、箭头函数、构造函数)
写法更简单,属于表达式函数,可以更好的实现匿名函数。原创 2024-04-29 08:36:05 · 630 阅读 · 0 评论 -
JavaScript运算符(赋值、自增自减、比较、逻辑、展开、优先级)、分支语句(if、三元表达式、switch)、循环结构(while、for)、断点调试
可以将一个数组进行展开,但不修改原数组。注意: 展开数组是对数组的浅拷贝,数组中的元素如果是对象则拷贝的是地址。应用: 求数组最大值、数组合并。原创 2024-04-22 09:37:12 · 972 阅读 · 0 评论 -
JavaScript开发小工具(ZoomIt、Inspection Lens、Xmind)、JavaScript开发小技巧(当前按钮高亮)
和VS Code的Error Lens类似。是一款把代码检查(错误、警告、语法问题)进行突出显示的一款IDEA插件。将下载的压缩包进行解压,直接运行ZoomIt64.exe即可。还可以给主题设置填充色、图标等。效果如下:有3个按钮。原创 2024-04-15 09:19:00 · 627 阅读 · 0 评论 -
JavaScript正则表达式(元字符、字符集合、出现次数、或者运算符)
在正则表达式中被赋予特殊含义的字符,不能被直接当做普通字符使用。如果要匹配元字符本身,需要对元字符进行转义,转义的方式是在元字符前面加上“\”在线正则测试工具: http://tool.oschina.net/regex。: 在一个指定字符串中执行一个搜索。匹配成功返回一个数组,匹配失败返回null。原创 2024-04-08 09:31:59 · 491 阅读 · 0 评论 -
JavaScript数据类型(基本数据类型、数组及数组方法、获取变量数据类型、数据类型转换)
控制台中数字型和布尔型颜色为蓝色,字符串和undefined颜色为灰色。NaN和判断一个值是否为NaN。解构赋值: 将数组的值,依次赋值给对应的变量。可以存储不同数据类型的元素。数值可以是整数、浮点数。原创 2024-04-01 08:32:20 · 780 阅读 · 0 评论 -
JavaScript特点、三种引入方式(行内、内嵌、外部)、输入输出和变量的定义、常量
输入方式: prompt输入输出方式:向body内输出内容向控制台内输出内容alert弹窗输出内容alert和prompt会在页面渲染前执行。所以先执行alert和promt,再执行document.write变量是区分大小写的。如let age和let Age是两个不同的变量var目前很少使用,因为:由于变量提升,可以先使用,再声明var声明过的变量可以重复声明全局变量、没有块级作用域等原创 2022-04-18 14:56:57 · 2502 阅读 · 0 评论