- 博客(263)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 引用数据类型
JavaScript 中的数据类型分为两种：基本数据类型（Primitive Data Types）和引用数据类型（Reference Data Types）。基本数据类型包括NumberStringBooleanUndefinedNull和Symbol（ES6 新增）。引用数据类型包括ObjectArrayFunction等。
2024-12-18 19:22:36
721
原创 实例成员和静态成员的区别
实例成员：是属于类的实例对象的成员，每个实例对象都有自己独立的一份实例成员副本。通过this关键字在类的构造函数或方法中定义。静态成员：是属于类本身的成员，而不是类的实例对象。使用static关键字在类中定义。
2024-12-18 19:14:09
197
原创 JavaScript的闭包、变量和函数提升以及伪数组
闭包：允许函数访问外部函数作用域中的变量。函数提升：JavaScript将声明式函数提升到作用域的顶部。变量提升：JavaScript将var声明的变量提升到作用域的顶部，但不包括赋值。伪数组：具有类似数组结构的对象，但没有数组的方法。
2024-12-17 10:17:18
423
原创 JavaScript垃圾回收机制
JavaScript的垃圾回收机制是指浏览器自动释放不再使用的对象所占用的内存，以便这些内存可以被回收利用。JavaScript主要有两种垃圾回收算法：引用计数法和标记-清除法（标记计数法）。
2024-12-17 10:17:03
560
原创 JavaScript的对象相关概念
工厂函数根据不同条件返回不同类的实例。对象是JavaScript中由键值对组成的复合数据类型，键是属性名，值可以是任何数据类型。闭包允许函数访问其外部函数作用域中的变量，使得函数可以“记住”和访问创建时的环境。组合通过将对象实例作为另一个对象的属性来复用代码，而不是通过继承关系。封装结合对象的状态和行为，隐藏对象的内部实现细节，可通过闭包实现。静态方法和属性属于类，可通过类本身调用，而不是类的实例。属性，包含可以由构造函数创建的对象继承的属性和方法。方法创建一个新对象，使用现有的对象来提供新对象的。
2024-12-16 13:16:07
341
原创 ES6中的作用域链和作用域
在JavaScript中，作用域（Scope）和作用域链（Scope Chain）是理解变量访问和函数执行上下文的关键概念。ES6（ECMAScript 2015）作为JavaScript的一个版本，引入了一些新特性，但作用域和作用域链的基本概念并没有改变，只是增加了一些新的上下文环境。
2024-12-16 13:07:23
643
原创 JavaScript 箭头函数详解
是在定义时根据词法作用域确定的，并且这个指向在函数的整个生命周期中都是固定的。这使得箭头函数在处理回调和事件处理程序时更为方便和直观，但也需要开发者注意其与普通函数在。总结来说，箭头函数中的。
2024-12-15 16:40:51
744
原创 javscrip中的Symbol
是 JavaScript 中的一种原始数据类型，用于创建唯一的标识符。它在 ES6 (ECMAScript 2015) 中被引入，为对象属性的键提供了一种新的方式。下面是结合图片内容对。
2024-12-15 16:09:24
372
原创 xhr和Ajax
AJAX（Asynchronous JavaScript and XML）是一种在网页开发中用于实现异步数据交互的技术，它允许网页在不重新加载整个页面的情况下，与服务器进行数据交换并更新部分页面内容，从而提供更流畅的用户体验。
2024-12-15 15:57:38
1355
原创 javascript 的map()和join()
需要注意的是，在实际更复杂的页面渲染场景中，尤其是涉及到大型项目和复杂交互时，通常会结合前端框架（如Vue.js、React等）来进行更高效、便捷的页面渲染操作，但理解。这些基础方法在简单渲染方面的运用，有助于更好地掌握JavaScript操作DOM和数据处理的逻辑。假设你有一个JavaScript数组，想要将数组中的元素渲染成一个HTML列表（通过JavaScript的。列表项）显示在页面上。
2024-12-07 18:08:52
986
原创 正则表达式学习
还记得前面说的分组“(…比如说“(a)(b)\1\2”，前面两个括号分别匹配到“a”和“b”了，后面的“\1”就是“a”，“\2”就是“b”，那像“abab”这样的字符串就能匹配上啦。=b)”，它就是去找“a”，而且这个“a”后面得紧接着是“b”才行，不过找到的这个“a”是匹配上了，但后面的“b”不算在最终匹配结果里哦，像“ab”这个字符串里的“a”就能被它发现符合规则。<=a)b”，就是去找“b”，而且这个“b”前面得是“a”，像“ab”里的“b”就能被它匹配上，不过前面的“a”不算在匹配成果里呀。
2024-12-07 18:07:41
1024
原创 JavaScript 中表单元素操作、自定义属性与定时器
在JavaScript中，自定义属性是指开发者在HTML元素上定义的非标准HTML属性或者在JavaScript对象上添加的自定义属性。一、在HTML元素上定义自定义属性基本语法在HTML元素中，可以通过data -前缀来定义自定义属性。例如：</这里定义了一个名为的自定义属性，其值为。在JavaScript中访问和操作可以使用dataset对象来访问这些自定义属性。例如：// 输出: "custom value"。注意，在访问时，属性名中的连字符会被转换为驼峰命名法。
2024-12-06 13:29:56
1175
原创 javascript中offsetwidth和offsetHeight
这两个属性返回元素的左上角相对于定位父元素左上角的距离。属性来获取元素的布局宽度和高度。这两个属性包括了元素的。要获取元素相对于其定位父元素的位置，可以使用。在JavaScript中，可以使用。
2024-12-05 10:24:04
440
原创 JavaScript实现电梯导航
以上代码展示了如何使用JavaScript实现页面加载、缩放、滚动时电梯导航的显示、隐藏、跳转和样式变化。例如，当页面完全加载后，我们可以初始化电梯导航的显示状态。事件来实现电梯导航样式的变化。例如，当页面缩放时，我们可以调整电梯导航的位置或样式。点击电梯导航的对应模块，页面会跳转到对应的模块位置。这可以通过监听页面的。页面滚动到对应位置时，电梯导航对应模块自动发生变化。事件来实现电梯导航的显示与隐藏，以及返回顶部的功能。事件，并根据滚动位置动态改变电梯导航的样式。页面加载时，我们可以通过监听页面的。
2024-12-05 10:07:35
391
原创 javascript和python实现用户倒计时功能
inputididstart-btndividstart-btnparseInt倒计时结束！
2024-12-04 16:40:41
406
原创 JavaScript实现tab栏切换
这段代码实现了一个简单的选项卡（Tab）切换功能。它通过操作 HTML 元素的类名（class）来控制哪些选项卡（Tab）和对应的内容板块显示，哪些隐藏。基本思路是先移除所有选项卡和内容板块已有的“激活”类名，然后给指定的选项卡及其对应的内容板块添加“激活”类名，从而实现切换显示效果，并且初始默认显示第一个选项卡及其对应的内容。
2024-12-03 20:19:55
2216
原创 JavaScript的常用方法以及自定义类
在JavaScript中，自定义方法类（通常称为“类”）是一种创建和使用自定义对象类型的方式。从ES6（ECMAScript 2015）开始，JavaScript引入了class关键字，使得定义类和对象的方式更加接近传统的面向对象编程语言，如Java或C#。在JavaScript中，你可以使用class关键字来定义一个类。类可以包含构造函数、方法和属性。// 构造函数，用于初始化对象// 方法greet() {${this。
2024-12-03 20:12:49
1103
原创 javascript年会抽奖案列
2. **在JavaScript中**：当使用`document.querySelector()`或`document.getElementById()`方法时，`#`同样用于指定ID选择器。1. **在CSS中**：`#`后面跟着的是一个ID选择器，用于选择具有特定ID值的元素。例如，`#one`会选择ID属性为`one`的元素。/*在CSS的background属性中，路径.vs\ann.png应该是.vs/ann.png，斜杠应该是正斜杠 / 而不是反斜杠 \。// 2.4 删除这个名字。
2024-12-02 12:22:42
1072
原创 html+css+JavaScript实现轮播图
html+css+JavaScript实现轮播图实现思路要实现一个轮播图功能，我们需要HTML来构建结构，CSS来设计样式，以及JavaScript来添加交互功能。下面我将分别分析这三个部分是如何协同工作来实现轮播图的。HTML - 结构HTML部分定义了轮播图的基本结构，包括图片列表、指示器和控制按钮。<div id="banner"> <ul id="imglist"> <li><img src="image1.jpg" alt="">
2024-12-02 11:58:17
1246
原创 JavaScript“魔法字符串”（Magic Strings）
魔法字符串”（Magic Strings）这个术语在编程领域中通常指的是那些直接硬编码在代码中的字符串值。这种做法可能会导致代码的可维护性降低，因为如果需要更改这些字符串的值，开发者需要在代码的多个地方进行修改，这不仅耗时而且容易出错。为了避免“魔法字符串”的问题，最佳实践是将这些字符串定义为常量或者枚举类型，这样只需要在一个地方修改，所有引用该常量的地方都会自动更新。如果稍后你需要在代码的其他地方使用这些名字，你就需要再次手动输入它们，这可能会导致拼写错误或者不一致。
2024-11-30 13:38:36
371
原创 javascript的dom操作
DOM（文档对象模型）中的CSS选择器是用于选择HTML文档中的元素的一种模式。它们是CSS的一部分，但也可以在JavaScript中使用，以便对选定的元素应用样式或者进行其他操作。这些选择器可以单独使用，也可以组合使用，以创建更复杂的选择规则，从而精确地选择页面上的特定元素。在JavaScript中，可以使用。方法来使用CSS选择器选择元素。
2024-11-30 12:02:18
915
原创 JavaScript根据数据生成柱形图
/ 原代码这里有错误，str没有定义，应该是document.write的结束标签。/* 这里原代码有错误的CSS注释写法，正确写法是 /*... *//* 定义类名为box的子元素div中的span元素的样式 *//* 定义类名为box的子元素div中的p元素的样式 */// 在页面上写入一个div的开始标签，类名为box。// 循环遍历数组，根据用户输入的数据生成div元素。/* 定义类名为box的子元素div的样式 */// 声明一个新的数组来存储用户输入的数据。/* 定义类名为box的样式 */
2024-11-29 11:35:46
1516
原创 匿名函数和立即执行函数的书写位置以及表达式、逻辑中断
匿名函数：没有名称的函数，可以定义在任何地方，用于回调或事件处理器。IIFE：定义后立即执行的匿名函数，用于创建局部作用域和模块化代码。逻辑中断：通过return语句在函数内部实现逻辑中断，IIFE通过参数和返回值实现模块间的数据交换。这两种函数模式在JavaScript编程中非常灵活，可以根据具体需求选择合适的书写位置和方式。
2024-11-29 10:50:54
319
原创 switch、if...else、while、do....while、for如何实现多分支、双分支、单分支的循环语句
【代码】switch、if...else、while、do....while、for如何实现多分支、双分支、单分支的循环语句。
2024-11-27 10:01:59
986
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人