- 博客(25)
- 收藏
- 关注
RSS订阅原创 JS中浅拷贝和深拷贝的区别
1.浅拷贝：浅拷贝是指创建一个新的对象或数组，将原始对象或数组的引用复制给新的对象或数组。这意味着原始对象和新的对象将共享相同的引用，修改其中一个对象的属性将会影响到另一个对象。2.深拷贝：深拷贝是指创建一个新的对象或数组，并递归复制所有嵌套的对象和数组，使得原始对象和新的对象完全独立。深拷贝通常通过递归遍历对象或数组的属性，并创建新的对象或数组来实现。在上面的示例中，通过JSON.stringify()将obj1转换为字符串，然后再通过JSON.parse()将字符串转换为新的对象obj2实现深拷贝。
2024-05-03 20:39:34
598
原创 什么是同源策略
它用于限制一个源（origin）的文档或者它加载的脚本如何与来自另一个源的资源进行交互。"同源"的定义是"协议 + 域名 + 端口"三者相同，只要不完全相同，就算是不同源。这里需要注意的是，"源"是以域名为基础的，而不是以IP地址为基础的。比如，父窗口生成一个 iframe，父窗口和 iframe 不同源，那么父窗口是无法读取 iframe 的 DOM。：不同源的 AJAX 请求是不能发送的。：一个页面设置的 Cookie、LocalStorage 和 IndexDB，在不同源的页面是无法读取到的。
2024-04-28 09:23:48
363
原创 JS设置Ajax为同步或异步
需要注意的是，从 HTML5 开始，同步的 AJAX 请求在主线程上已经被废弃，因为它们有可能锁住浏览器界面，导致用户无法进行交互。如果你需要在主线程上进行网络请求，应该使用异步的 AJAX 请求，或者使用 Fetch API、Promise、async/await 等现代 JavaScript 特性。这是 AJAX 的默认行为，也是 AJAX 名称中 "Asynchronous" 的来源。
2024-04-26 17:07:18
800
原创 JS的6种继承方式
在构造函数继承中，通过在子类构造函数内部调用父类构造函数来实现继承。在这种方式中，通过将一个构造函数的实例指定为另一个构造函数的原型来实现继承。组合继承是原型链继承和构造函数继承的结合，既通过原型链继承原型上的属性和方法，又通过构造函数继承实例属性。原型式继承是通过复制一个对象的属性来创建一个新对象，然后对新对象进行修改和扩展，从而实现继承。寄生式继承与原型式继承类似，但是在创建新对象时会增加一些额外的方法或属性，然后返回这个对象。：寄生组合式继承是组合继承的优化，避免了调用两次父类构造函数的问题。
2024-04-25 08:13:24
643
原创 jQuery 动画小练习
以下是一个使用 jQuery 实现动画效果的简单示例。方法将其向右移动 250 像素。当用户点击该块时，它将以相同的速度返回到初始位置。是一个红色的正方形块，初始位置是在页面的左侧。
2024-04-24 20:44:51
337
1
原创 JS命名规范
命名规范：使用大写字母和下划线来组合命名，下划线用以分割单词。② 私有属性和方法：前缀为_(下划线)，后面小驼峰。① 公共属性和方法：小驼峰。命名方法：小驼峰式命名法。命名规范：前缀应当是名词。命名方法：小驼峰式命名法。命名规范：前缀应当为动词。命名方法：名称全部大写。命名规范：前缀为名称。命名方法：大驼峰式。
2024-04-22 10:05:26
484
原创 番外篇-CSS3新增特性
7. 文字特效（Text effects）：可以通过设置文字的阴影、描边、文字渲染和文字轮廓等属性，实现文字的特殊效果。10. 媒体查询（Media Queries）：可以根据不同设备的屏幕尺寸和媒体类型，为不同设备提供不同的CSS样式。2. 过渡（Transition）：可以通过定义开始状态和结束状态之间的过渡效果，实现元素的平滑动画效果。这些是CSS3的一些新增特性，通过使用这些特性，可以实现更丰富和多样化的网页设计效果。4. 边框圆角（Border-radius）：可以给元素的边框添加圆角效果。
2024-04-19 08:09:30
184
原创 JS走马灯小功能制作
HTML代码：CSS代码：JS代码：wid = contents.offsetWidth; //获取内容宽度 setInterval(animation, 20); //设置定时器ヾ(⌒∇⌒*)See You♪
2024-04-16 16:02:58
622
原创 第十二篇-jQuery理论
添加、移除、切换或检查元素的类名：`$("element").addClass("class") / $("element").removeClass("class") / $("element").toggleClass("class") / $("element").hasClass("class")`例如，`$("p").each(function() { console.log($(this).text()) })`会遍历所有的`<p>`元素，并打印出它们的文本内容。
2024-04-11 20:30:03
289
1
原创 第十一篇JavaScript JSON与AJAX
在JavaScript中，JSON（JavaScript Object Notation）是一种常用的数据格式，用于存储和交换数据。// 输出 '{"name":"John","age":25,"isStudent":true}'JSON使用键值对的方式表示数据，其中键是一个字符串，值可以是字符串、数字、布尔值、对象、数组或null。除了jQuery，还有其他一些流行的库和框架，如axios和fetch，也提供了更加简洁和便利的方式来进行Ajax请求。分别是请求成功和请求失败时的回调函数。
2024-04-11 09:11:49
1108
1
原创 第十篇-JavaScript BOM-下
例如：var name = prompt("请输入您的姓名");1、localStorage：localStorage为每个域名提供了一个独立的存储空间，可以存储大量数据，数据永久性保存在用户的浏览器中，除非用户手动清除或者网站代码清除才会被删除。2、sessionStorage：sessionStorage也是为每个域名提供了一个独立的存储空间，但是数据只在当前会话期间有效，即当用户关闭浏览器标签页或者窗口时会被删除。JavaScript中的定时器是用来在指定的时间间隔执行一段代码的工具。
2024-04-08 20:56:55
1118
原创 第九篇-Javascript BOM - 上
通过window对象，可以执行诸如打开新窗口、关闭窗口、调整窗口大小、获取窗口的位置和大小等操作。Js 通过 BOM 和浏览器进行交互，可以获取屏幕尺寸，窗口大小，页面地址，历史记录等浏览器相关信息，也可以控制浏览器执行某些行为：弹出信息，页面跳转，打开窗口，关闭窗口，调整窗口大小等。在目标页面(target.html)中，可以通过解析URL参数来获取传递的参数值。
2024-04-02 20:53:27
593
1
原创 记录Javascript 练习题
<button id="buttonOne">删除</button></td>if(targetElement.innerHTML == "删除"){ //触发”删除“事件。newtd.innerHTML = '<button>删除</button>'<button id="buttonTwo">添加</button><td>序号</td><td>内容</td><td>操作
2024-04-02 17:16:47
257
1
原创 第八篇-Javascript 事件
当一个元素上发生了一个事件，比如点击事件，浏览器会按照特定的顺序传播事件，直到达到最终目标元素或者冒泡到顶层的文档对象。JavaScript 事件对象是在事件触发时自动创建的，它包含了关于事件的信息，比如触发事件的元素、事件的类型、鼠标的位置等。捕获阶段：事件从顶层文档对象开始，一直向下传播到触发事件的元素。2、DOM方法绑定： 使用JavaScript中的DOM方法，在代码中通过获取元素的引用，然后使用。目标阶段：事件到达触发事件的元素，触发该元素上绑定的事件处理函数。JavaScript 事件的概念。
2024-04-02 13:38:35
729
1
原创 第七篇-JavascriptDOM 文档对象模型
Javascript DOM 概念当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model），简称DOM。DOM模型被结构化为对象树，又称DOM树。树的每个节点代表文档中的一个元素、属性、文本等。JavaScript DOM是用来操作HTML文档的一种编程接口，通过它可以实现对文档的各种操作和交互。
2024-04-01 19:06:39
1146
原创 第六篇-Javascript对象
JavaScript中的对象是一种复合数据类型，它可以存储多个键值对（属性和值）。对象可以通过字面量方式创建，也可以通过构造函数来创建。对象在JavaScript中是非常重要的一种数据结构，可以用于表示复杂的数据结构。对象的属性值可以是任意数据类型，例如字符串、数字、布尔值、数组、函数等。// 使用点号操作符。对象还可以有方法，方法就是对象的属性值为函数的属性。// 使用点号操作符。
2024-03-28 19:14:43
222
原创 第五篇-Javascript作用域
对于变量的声明，JavaScript引擎会将变量的声明提升到作用域的顶部，即使在实际代码中变量的声明是在之后的位置。在第四行代码中，函数foo被调用，尽管在实际代码中函数的声明是在之后的位置。是指在代码执行之前，JavaScript引擎会将函数的声明提升到作用域的顶部，即使在实际代码中函数的声明是在之后的位置。在局部作用域下声明的变量（var 在函数内部或 let 在 {} 中定义的变量） 局部变量只作用于当前代码块内，自本代码块调用起到本代码块执行完毕。// 输出"Hello, world!
2024-03-27 13:49:32
545
1
原创 第四篇-Javascript函数
函数声明以关键字function开头，后跟函数的名称和一对括号，括号中可以包含参数列表。函数可以有参数和返回值，通过参数可以将数据传递给函数，通过返回值可以将处理结果返回给调用者。对象是一个实时的对象，它与函数的参数列表是关联的。是在定义后立即执行的函数，可以通过使用（）来包裹函数表达式，然后再添加一对（）来调用函数。这些都是Javascript中一些常见的特殊函数，它们在不同的场景中有不同的用途和功能。函数还可以嵌套在其他函数中，这被称为函数嵌套。是一个特殊的对象，用于获取函数的参数列表。
2024-03-26 19:03:53
756
1
原创 第三篇-Javascript数组
数组指一组有序数据的集合其中的每个数据被称作元素，在数组中可以存放任意类型的元素。可以通过new关键字来创建数组。Javascript访问数组1、通过索引访问单个元素：// 输出 1// 输出 3// 输出数组的长度，即 52、使用循环遍历数组：i++) {// 逐个输出数组的元素3、使用数组的内置方法访问数组元素，如forEach()map()filter()等：// 逐个输出数组的元素});4、使用解构赋值访问数组元素：// 输出 1。
2024-03-25 12:40:54
677
原创 第二篇-Javascript流程控制语句
除了这三种循环控制语句，还有其他一些可以用于循环控制的语句，例如 continue 和 break。在程序执行的过程中，各个代码的执行顺序对程序的结果是有直接影响的。3、do...while 循环：do...while 循环与 while 循环类似，但是循环体至少会执行一次，因为条件在循环体执行之后进行检查。1、for 循环：for 循环可以指定一个计数器变量、一个循环条件和一个循环体。2、while 循环：while 循环根据一个指定的条件来重复执行循环体，只要条件为真，循环就会继续执行。
2024-03-24 17:34:12
336
原创 Javascript基础知识
JavaScript 一种直译式脚本语言，是一种动态类型、弱类型、基于原型的高级语言。脚本语言：在程序的运行过程中逐行进行解释执行，不需要预编译。动态类型：在声明了一个变量之后，我们能够随时改变它的数据类型。弱类型：变量在使用前不需要做类型声明，而是解释器在运行时检查它的数据类型。直译式：运行的时候将程序直接编译成机器语言(浏览器中的js引擎)变量名必须以字母、下划线(_)或美元符号($)开头。变量名可以包含字母、数字、下划线或美元符号。
2024-03-24 11:19:58
741
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人