
Web前端
文章平均质量分 50
包括html,css,JavaScript
分才
纵是世间万象,道却万变不离其宗。
展开
-
Vue框架-路由
方式一: 采用单页面CDN引入方式使用.方式二: 基于vite构建的前端项目工程,安装依赖:检查项目根目录下中的是否多出:依赖.原创 2024-05-27 23:35:20 · 613 阅读 · 0 评论 -
前端开发基础:初步了解html和css
初步了解html和css原创 2023-12-19 20:37:29 · 376 阅读 · 0 评论 -
1.前端开发基础:进一步了解html和css
进一步了解html和css原创 2023-12-22 16:30:49 · 513 阅读 · 1 评论 -
3.利用CSS3制作网页动画
这次我们学习一些简单的浏览器动画。叮-王子和公主请进。原创 2023-12-24 20:49:24 · 523 阅读 · 1 评论 -
CSS一些知识补充(域,高级选择器,盒子模型,标准文档流,浮动和定位)
使用: 1.一般设置数值. 允许正数与负数. 数值越大,显示越靠前. 越小,越靠后.可以编写:-99 / 99.clear扩展父盒子高度: 如果用于浮动元素,那么不会扩展父盒子高度.而用于普通网页元素,则会扩展父盒子高度.absolute : 绝对定位. 让元素脱离标准文档流.不同于浮动.不会内容对其他元素产生影响.1.一旦元素浮动,则当前元素与其他网页元素不在属于同一平面.其他元素会占据之前的浮动元素位置.margin:0px 0px;3.元素浮动,但是浮动元素的位置不会对其他网页元素的位置产生影响.原创 2023-12-24 23:54:35 · 352 阅读 · 1 评论 -
CSS中的浏览器支持
了解一下就好了#只需要了解就好,在使用CSS时,了解各个浏览器对CSS属性和功能的支持情况非常重要。不同的浏览器可能对CSS规范的实现有所差异,因此某些属性和功能可能在某些浏览器中有效,而在其他浏览器中可能不起作用或呈现不同的效果。原创 2023-12-30 22:40:41 · 853 阅读 · 0 评论 -
快速学习JavaScript
叮 - 最快的JavaScript入门。原创 2023-12-25 22:59:35 · 751 阅读 · 0 评论 -
快速学习JavaScript二
我们来补充函数,JavaScript的作用域和HTML事件。原创 2023-12-29 15:05:02 · 429 阅读 · 1 评论 -
JavaScript中substr和substring的区别
参数含义:`startIndex`表示子字符串的起始索引位置,`endIndex`表示子字符串的结束索引位置(不包括在内)。在Java中,`substr`和`substring`是用于从字符串中获取子字符串的两个方法。- 参数含义:`startIndex`表示子字符串的起始索引位置,`length`表示子字符串的长度。- 方法声明:`public String substring(int startIndex)`// 输出 "World!// 输出 "World"// 输出 "World"原创 2023-12-26 14:11:03 · 435 阅读 · 1 评论 -
JavaScript数组中的splice()删除、插入和替换
splice()`方法可以同时实现删除、插入和替换操作。如果`deleteCount`参数为0,或省略了`deleteCount`参数,则不删除任何元素。如果只提供了`start`参数,而没有提供`deleteCount`参数和要插入的新元素,则会删除`start`索引及之后的所有元素。`splice()`是JavaScript数组的一个方法,用于在指定位置修改数组内容,可以实现删除、插入和替换元素的操作。**示例 1:删除元素****示例 2:插入元素****示例 3:替换元素**原创 2023-12-26 15:47:50 · 1648 阅读 · 1 评论 -
JavaScript中的BOM
BOM(浏览器对象模型)是JavaScript提供的用于操作浏览器窗口和页面的对象集合。BOM 提供了访问和操作浏览器窗口和页面的方法和属性,使开发人员可以与浏览器进行交互。可以使用window对象来操作浏览器的各个部分,比如location、document、history等。它提供了操作浏览器窗口的方法和属性,如打开、关闭窗口、设置窗口大小、获取窗口位置等。window对象表示浏览器窗口或标签页,它是BOM的顶层对象。不错不错,都学到BOM了·。原创 2023-12-29 15:10:25 · 717 阅读 · 1 评论 -
JavaScript中的DOM
DOM将文档表示为一个由节点组成的树状结构,每个节点代表文档中的一个元素、属性、文本或注释。语法:document.defaultView.getComputedStyle(元素,null).属性;通过JavaScript中的DOM,可以使用一组方法和属性来访问、添加、删除和修改文档的元素和内容。语法:HTML元素. currentStyle.样式属性;setAttribute(“属性名”,“属性值”)语法: HTML元素.style.样式属性="值"语法:HTML元素.style.样式属性。原创 2024-01-08 01:30:45 · 820 阅读 · 0 评论 -
JavaScript中的Date对象和Math对象
对象还提供了其他一些数学相关的函数和属性,如三角函数的反双曲线函数、舍入函数、指数函数等。对象是JavaScript的内置对象之一,提供了一组用于执行数学操作的方法和常量。它不是一个构造函数,因此无需实例化,可以直接使用其静态方法和属性。它提供了一系列数学方法和常量,用于处理数值计算、三角函数、对数和指数运算等。当我们在JavaScript中需要处理日期和时间时,可以使用内置的。对象提供了一些方法和属性,可以方便地获取、设置和操作日期和时间。对象,可以方便地进行各种数学操作和计算。除了上述方法和常量之外,原创 2024-01-08 23:14:08 · 420 阅读 · 0 评论 -
JS的面向对象:一.创建对象
这些是创建对象的一些常见方法。您可以根据自己的需求选择适合的方法来创建对象。在JavaScript中,有多种方法可以创建对象。原创 2024-02-18 12:21:02 · 441 阅读 · 0 评论 -
JS面向对象:二.字面量创建对象
使用字面量创建对象是一种简单且直观的方式,适用于创建少量属性和方法的对象。如果您需要创建更复杂的对象,可能需要考虑使用构造函数、类或其他更高级的方式来创建对象。在JavaScript中,您可以使用字面量方式直接创建对象。这种方法简单直接,适合创建简单的对象。原创 2024-02-18 12:33:11 · 239 阅读 · 0 评论 -
JS面向对象:四.构造函数优化
将 showName 函数定义移出了 Flower 构造函数,并在构造函数中直接引用了该函数。这种优化方式可以避免在每个对象实例化时都创建一个新的 showName 函数,而是共享同一个函数,节省了内存空间。原创 2024-02-18 21:59:00 · 176 阅读 · 0 评论 -
JS面向对象:三.使用构造函数创建对象
这段代码展示了如何使用构造函数创建对象,并在对象之间建立了继承关系。每个花卉对象具有名称、属、产地和用途等属性,并且有一个。在代码的最后部分,使用了一些。方法来显示花卉的名称。使用构造函数创建对象。原创 2024-02-18 21:41:14 · 192 阅读 · 0 评论 -
JS面向对象:五.原型对象
当我们创建一个对象实例时,该对象实例会包含一个指向构造函数的原型对象的链接,通过这个链接,对象实例可以访问原型对象中定义的属性和方法。原型对象是一个普通的对象,它包含可以由特定类型的所有实例共享的属性和方法。属性,这个属性指向一个空对象。我们可以向这个原型对象添加属性和方法,这些属性和方法将被该函数创建的所有实例共享。在JavaScript中,原型对象是实现对象之间共享属性和方法的重要机制,它有助于提高代码的效率和可维护性。:通过原型链,可以实现对象之间的继承关系,子对象可以继承父对象的属性和方法。原创 2024-02-19 09:00:00 · 249 阅读 · 0 评论 -
JS面向对象:六.原型链
当试图访问一个对象的属性或方法时,如果该对象本身没有这个属性或方法,JavaScript 就会沿着这个原型链向上查找,直到找到对应的属性或方法或者到达原型链的顶端(即。原型链实际上是一系列对象之间的连接,每个对象都有一个指向它的原型对象的引用。通过这种链式连接,对象可以从其原型对象继承属性和方法。通过原型链,可以实现对象之间的继承关系,子对象可以继承父对象的属性和方法。当需要访问一个对象的属性或方法时,如果当前对象没有这个属性或方法,JavaScript 引擎会沿着原型链逐级向上查找,直到找到为止。原创 2024-02-18 22:53:21 · 220 阅读 · 0 评论 -
JS面向对象:七.给原型添加方法
演示了如何给原型添加方法以及如何在子类中重写父类的方法。在这段代码中,定义了两个构造函数 Humans 和 Man,并通过原型链实现了 Man 继承自 Humans。在这段代码中,Man 类重写了 Humans 类中的 getFoot 方法,使得在创建 Man 实例时调用 getFoot 方法会返回 false 而不是 2。原创 2024-02-19 13:26:48 · 477 阅读 · 0 评论 -
JS面向对象:八.原型链的问题
这种共享原型属性的问题是原型链继承中的一个常见陷阱。为了避免这种问题,通常建议在构造函数中初始化实例特有的属性,而不是将它们放在原型对象中。属性,您可以在构造函数中初始化它,而不是放在原型对象中。这样就可以避免原型链共享属性的问题。,并将其初始化为一个包含三种衣物的数组。实际上共享相同的原型对象。因此,当运行这段代码时,第一个警报框将显示。,而第二个警报框也将显示相同的结果,因为。属性,因为它们引用的是同一个原型对象。在这段代码中,创建了两个构造函数。构造函数中,定义了一个属性。属性时,实际上也影响了。原创 2024-02-19 13:27:55 · 156 阅读 · 0 评论 -
JS面向对象:九.借用构造函数
这种方法是一种常见的避免原型链共享属性问题的方式之一。通过在子类构造函数中调用父类构造函数,可以确保每个实例都有自己独立的属性,并避免了原型链共享属性的问题。在这段代码中,展示了一种避免原型链共享属性问题的方法,即使用“借用构造函数”的方式来实现继承。构造函数的属性和方法的“借用”,从而使。当运行这段代码时,第一个警报框将显示。构造函数中的代码,从而确保每个。属性,而不会共享相同的属性。在这里,定义了两个构造函数。构造函数初始化了一个。构造函数中,通过调用。,而第二个警报框将显示。原创 2024-02-20 23:41:58 · 198 阅读 · 0 评论 -
JS面向对象:十.借用构造函数传递参数
这段代码演示了如何在 JavaScript 中通过借用构造函数来传递参数。当运行这段代码时,会看到两个弹窗依次显示 “mary” 和 “38”。构造函数,并且在继承的同时传递了参数。构造函数外,还定义了一个实例属性。构造函数,并且成功传递了参数。,并将这个参数赋值给实例的。然后定义了另一个构造函数。构造函数中,除了继承了。首先定义了一个构造函数。构造函数,并传入参数。构造函数,从而设置了。原创 2024-02-20 23:42:22 · 299 阅读 · 0 评论 -
JS面向对象: 十一.组合继承
这段代码展示了JavaScript中的组合继承,也称为伪经典继承。组合继承结合了原型链继承和借用构造函数继承的优点,通过在构造函数中调用超类型构造函数来继承属性,并通过将子类型的原型设置为超类型的一个实例来继承方法。这种方式的优点是可以实现属性和方法的继承,同时避免了原型链继承中引用类型值共享的问题。然而,这种方法也有缺点,即会调用两次超类型构造函数,一次是在创建子类型原型时,另一次是在子类型构造函数内部。总的来说,组合继承是一种常用且有效的继承方式,可以很好地满足大多数情况下的需求。原创 2024-02-21 23:36:07 · 163 阅读 · 0 评论 -
jQuery的应用(一)
所有未指定 disabled=“disabled” 的表单组件选择器:选择所有未禁用的表单组件。所有指定 selected=“selected” 的表单组件选择器:选择所有已被选中的表单组件。所有指定 disabled=“disabled” 的表单组件选择器:选择所有已禁用的表单组件。所有指定 checked=“checked” 的表单组件选择器:选择所有已选中的表单组件。所有不可见的元素选择器:选择所有不可见的元素。获取焦点的对象选择器:选择当前获取焦点的对象。所有可见的元素选择器:选择所有可见的元素。原创 2024-02-22 21:32:23 · 1063 阅读 · 0 评论 -
jQuery的应用(二)
对上一节内容的补充。原创 2024-02-21 23:35:16 · 1193 阅读 · 0 评论 -
jQuery中的事件与DOM操作
举个例子,如果在一个按钮上绑定了点击事件,并且该按钮位于一个包含它的 div 元素内,当点击按钮时,点击事件将首先在按钮上触发,然后向上冒泡到 div 元素。方法用于切换元素的可见性。jQuery提供了一系列方法来操作元素的内容,包括获取和设置元素的文本内容、HTML内容以及表单元素的值。jQuery提供了一些方法来操作CSS样式,包括获取或设置元素的CSS属性、隐藏或显示元素、获取或设置元素的尺寸等。jQuery还提供了一系列方法来操作元素的属性,比如获取或设置元素的属性值,添加或删除元素的属性等。原创 2024-02-24 23:52:24 · 1094 阅读 · 0 评论