- 博客(128)
- 收藏
- 关注
RSS订阅原创 在js中get和post的区别
POST请求用于向服务器发送数据。它通过HTTP请求体发送数据，数据不会在URL中显示。POST请求适用于提交表单数据、上传文件等需要向服务器发送数据的操作。GET请求用于从服务器请求数据。它通过URL发送数据，数据附加在URL的末尾，并且数据在URL中可见。GET请求适用于读取数据，例如获取API的响应。在JavaScript中，GET和POST是两种常见的HTTP请求方法，它们的主要区别在于数据传输和用途。以下是这两种方法的详细代码示例。
2024-11-01 21:45:00
172
原创 如何把input复选框如何变成好看的圆形
在HTML和CSS中，默认的<input type="checkbox">元素通常呈现为一个小方块。要将复选框变为圆形，你需要使用CSS来自定义其样式。这通常涉及到隐藏默认的复选框并使用伪元素（如::before或::after）来创建一个新的圆形外观。类包装了复选框和相关的标签。伪元素来在复选框被选中时显示一个小的白色圆形。被设置为0，以便隐藏它。类来创建一个圆形的背景，并使用。
2024-10-31 20:58:11
103
原创 Event（事件）的简单使用
事件对象按用途分为两种：通知型和同步型。通知型的作用相当于一对多，一个线程可以通过通知型事件告诉多个其他等待该事件的线程我准备好了，或者类似的作用；而同步型事件则相当于一对一，一个时间点上只有一个线程可以占有该事件对象，其他线程需要等待，从而实现线程间的同步。以下示例，演示了这两种事件对象的使用：三个线程等待通知型事件对象，等到有信号之后，三个线程同步按顺序打印字符数组中的数据，每个线程打印不同类型的字符。Event 事件通常会用来控制同步操作，通俗地说就是一个流程中下一步操作会等待上一步操作结束才开始。
2024-10-28 21:48:34
174
原创 在js中get和post的区别
POST请求用于向服务器发送数据。它通过HTTP请求体发送数据，数据不会在URL中显示。POST请求适用于提交表单数据、上传文件等需要向服务器发送数据的操作。GET请求用于从服务器请求数据。它通过URL发送数据，数据附加在URL的末尾，并且数据在URL中可见。GET请求适用于读取数据，例如获取API的响应。在JavaScript中，GET和POST是两种常见的HTTP请求方法，它们的主要区别在于数据传输和用途。以下是这两种方法的详细代码示例。
2024-10-25 11:30:00
366
原创 Ajax都有哪些优点和缺点？
同时，对于涉及到用户数据安全和隐私的Web应用程序，需要特别关注安全性问题，并采取相应的措施来保护用户数据的安全。改善用户体验：AJAX允许在不刷新整个页面的情况下，与服务器进行数据交换和更新，这使得页面可以局部地更新，而不是整体刷新。这可能会对用户体验产生负面影响1。对搜索引擎的不友好：由于AJAX生成的页面内容不是全部在服务器端渲染，搜索引擎爬虫可能无法获取完整的页面内容，从而影响网页的排名和SEO优化136。节省带宽：基于AJAX的应用程序使用较少的服务器带宽，因为无需重新加载完整的页面45。
2024-10-24 17:00:00
193
原创 内置对象的讲解和使用
内置对象通常指的是编程语言中预定义或内建的特定对象或数据类型，这些对象或数据类型在程序中可以直接使用，而不需要用户自己创建。实际上，不同的编程语言都有其特定的内置对象和功能，需要根据具体的编程环境和需求来学习和使用。Python中的数据类型如int, float, str, list, tuple, dict, set等也是内置对象。Python有很多内置函数，如print(), len(), type(), int(), float()等。所有全局变量和函数都是这个对象的属性和方法。
2024-10-23 21:46:22
192
原创 什么是原型，有什么用？
原型是JavaScript实现继承的基础，它构成了JavaScript中对象之间的链式关系。1. **属性和方法的继承**：当我们访问对象的属性或方法时，如果该对象本身没有这个属性或方法，JavaScript会沿着原型链向上查找，直到找到对应的属性或方法。3. **构造函数与实例**：在JavaScript中，构造函数的`prototype`属性指向了一个对象，这个对象就是实例的原型。4. **动态性**：可以通过修改原型对象，动态地为已存在的对象添加新的属性和方法，这对于类似继承和扩展的需求非常有用。
2024-10-23 21:45:09
121
原创 JavaScript 地址信息与页面跳转
在JavaScript中，处理地址信息和页面跳转通常涉及到两种主要的技术：使用window.location对象和创建超链接（<a>标签）。window.location.protocol：返回URL的协议部分（如 "http:" 或 "https:"）。window.location.hash：返回URL中#符号后面的部分（通常用于页面内的导航）。使用 window.location.href 进行页面跳转是最常见和直接的方法。window.location.href：返回完整的URL。
2024-10-20 20:13:45
324
原创 对比state和props的区别？
作用范围：state是私有的，只属于创建它的组件，不能在组件之间共享（除非通过提升状态到共同的父组件或使用React Context等高级特性）。当父组件的props发生变化时，React会将新的props传递给子组件，并触发子组件的重新渲染（如果子组件的props是其渲染输出的依赖之一）。来源：state是由组件自身创建和管理的，通常在组件的构造函数（constructor）或类组件的初始化阶段设置。来源：props的值来源于父组件，是父组件在调用子组件时传递给子组件的。3. 作用范围与用途。
2024-10-20 20:12:20
335
原创 JavaScript 错误处理与调试
try 代码块中的代码将被执行，如果出现错误，catch 代码块中的代码将被执行，从而捕获并处理错误。使用这些方法和工具，我们可以更快地定位和解决 JavaScript 代码中的错误，提高开发效率和代码质量。在 JavaScript 中处理错误是非常重要的，因为它可以帮助我们找到和修复代码中的问题，提高应用程序的稳定性和性能。浏览器开发者工具提供了强大的调试功能，可以帮助我们定位和解决 JavaScript 代码中的错误。单步执行：可以逐行执行代码，以帮助我们了解代码的执行流程。
2024-10-19 21:02:23
252
原创 JS都有哪些操作数组的方法
slice()：返回一个新的数组对象，这一对象是一个由 begin 到 end（不包括 end）的浅拷贝的原数组的片段。flat()：按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。map()：如之前所述，用于创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。Array()：创建一个空数组，或者根据提供的参数创建一个具有特定长度或特定元素的数组。map()：创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。
2024-10-13 15:00:00
302
原创 JS如何把身份证处理成中间几位变成*号呢
在这个例子中，slice(0, 6)用于获取身份证号码的前6位，'*'.repeat(8)用于生成8个星号以替换中间8位，slice(14)用于获取身份证号码的后4位。最后，使用+操作符将这三部分拼接起来，形成新的、中间部分被星号替换的身份证号码字符串。如果处理的是其他长度的身份证号码（如旧版的15位身份证号码），你可能需要调整slice()方法的参数来适应不同的长度。在JavaScript中，如果你想将一个身份证号码（假设为18位）的中间几位替换成星号（*），你可以使用字符串的。
2024-10-13 12:00:00
162
原创 JS中数组的方法flat()怎么用
flat()方法在 JavaScript 中用于创建一个新数组，这个新数组是将原数组中的所有子数组元素递归地连接到一起形成的。你可以指定一个深度（depth）参数，它决定了递归的层数。如果不指定深度，默认深度为 1。
2024-10-12 20:06:25
161
原创 JavaScript高级——ES6基础入门
前言ES6（ECMAScript 6），也被称为ES2015，是JavaScript的第六个版本.它于2015年发布，并在现代JavaScript开发中扮演了重要的角色.学习方法:看千遍，不如自己动手写一遍遇到问题不要怕，微笑着面对它记笔记let 和 constconst和let是在ES6中引入的两个新的变量声明关键字，用于声明变量的作用域。const：const用于声明一个常量，其值在声明后不能被修改。常量必须在声明时进行初始化，而且不能再次赋值。
2024-10-12 20:04:25
898
原创 JavaScript 浏览器控制台的使用
输出调试信息：你可以使用console对象的一系列方法来输出调试信息，如console.log()、console.error()、console.warn()等。查看变量的值：在控制台中，你可以通过直接输入变量名来查看变量的值。错误和警告追踪：当代码中出现错误或警告时，浏览器会在控制台中显示相应的错误或警告信息，同时提供代码的错误追踪信息，以帮助你找到问题所在。打开浏览器控制台：一般情况下，你可以通过右键点击网页并选择"检查"或者"审查元素"来打开开发者工具，在其中找到"控制台"选项卡。
2024-10-11 08:00:00
226
原创 JavaScript 与 HTML 的结合
script> 标签：可以在 HTML 页面的 <script> 标签中嵌入 JavaScript 代码。可以放置在 <head> 或 <body> 中，但一般推荐将 JavaScript 代码放在页面的末尾，这样可以确保 JavaScript 代码在页面加载完成后才执行。无论是哪种方式，JavaScript 代码可以通过操作 HTML 元素的属性和内容来改变网页的外观和行为。例如，可以在按钮的 onclick 属性中添加 JavaScript 代码来定义按钮被点击时要执行的操作。
2024-10-11 07:15:00
322
原创 JavaScript 与浏览器存储
同样，SessionStorage的作用域也是当前的域名，不同的域名之间的SessionStorage数据是互相独立的。LocalStorage的作用域是当前的域名，不同的域名之间的LocalStorage数据是互相独立的。使用LocalStorage很简单，只需要使用setItem()方法将数据保存到LocalStorage中，使用getItem()方法获取数据，使用removeItem()方法删除数据。LocalStorage和SessionStorage的区别在于数据的作用域和生命周期。
2024-10-10 16:06:27
369
原创 JavaScript 运算符全知道
常用的比较运算符有等于运算符（==）、不等于运算符（!=）、大于运算符（>）、小于运算符（<）、大于等于运算符（>=）和小于等于运算符（<=）。算术运算符用于执行基本的数学运算，比如加法、减法、乘法和除法。常用的算术运算符有加法运算符（+）、减法运算符（-）、乘法运算符（*）、除法运算符（/）和取模运算符（%）。逻辑运算符用于在布尔表达式之间进行逻辑操作，结果为布尔值（True或False）。常用的逻辑运算符有逻辑与运算符（and）、逻辑或运算符（or）和逻辑非运算符（not）。
2024-10-10 16:05:48
215
原创 js之弹性布局使用方法
可选值：flex-start，flex-end，center，space-between，space-around，stretch（默认）。可选值：flex-start（默认），flex-end，center，space-between，space-around。可选值：flex-start，flex-end，center，baseline（默认），stretch。flex：flex-grow，flex-shrink 和 flex-basis 的简写属性。flex-grow：设置项目的放大比例。
2024-10-07 01:00:00
436
原创 heml之样式布局技巧博客
介绍 flex-grow、flex-shrink 和 flex-basis 等属性，以及如何设置项目的弹性值。介绍 CSS 伪元素（::before 和 ::after）以及如何使用它们为页面添加装饰效果。讨论 CSS 伪类（如 :hover、:focus 等），以及如何为不同状态下的元素应用样式。演示如何使用 CSS Grid 创建复杂的网页布局，例如瀑布流、网格布局和两栏布局等。介绍 CSS Grid 的基本概念和术语（行、列、网格区域等）。介绍如何使用 CSS 动画和过渡效果提升用户体验。
2024-10-07 00:45:00
200
原创 JavaScript: 动态语言的魔法
它是一种动态类型语言，这意味着您可以在代码运行时改变变量的类型。回调函数是一个作为参数传递给另一个函数的函数，当该函数完成操作时调用它。这些变量可以存储不同类型的值，例如字符串、数字、布尔值、对象和数组。闭包是一个函数与其在创建时词法环境所保存的变量和函数的组合。// 输出 "Hello, John"console.log("数据已获取：", data);const data = "这是获取到的数据";
2024-10-06 17:18:04
489
原创 JavaScript 中的样式切换方法
我是目标元素切换背景颜色</button><button id="toggle-text-btn">切换文本颜色</button><button id="toggle-btn">切换样式
2024-10-06 17:17:05
296
原创 select字体怎么修改
修改标签中的字体，通常可以通过CSS样式来实现。以下是一些基本的方法：1. 修改字体大小你可以直接在标签内部使用style属性来设置字体大小，或者通过CSS选择器来统一设置所有标签的字体大小。在
2024-09-26 15:14:03
374
原创 如何使用css给一个盒子加上好看的hover阴影效果
这里，我们增加了阴影的水平和垂直偏移量（0 10px），增加了阴影的模糊半径（20px），并稍微增加了阴影的透明度（rgba(0,0,0,0.2)），以创建一个更明显的阴影效果。通过transition属性，我们为box-shadow属性添加了一个平滑的过渡效果，这样当阴影变化时，它会以一种平滑的方式发生，而不是突然改变。你可以通过调整box-shadow属性的值来创建不同的阴影效果，比如改变阴影的颜色、偏移量、模糊半径和扩展半径等。此外，你还可以添加多个阴影效果，只需用逗号分隔不同的阴影值即可。
2024-09-26 15:03:53
289
原创 JS中const有没有变量提升
关于变量提升（Hoisting），它是JavaScript中一个重要的概念，指的是无论变量或函数声明在何处，它们都会被“提升”到其所在作用域的最顶部。ES6引入了let和const作为新的变量声明方式，它们的设计初衷之一就是为了解决var带来的作用域和变量提升方面的问题。与var不同，let和const声明的变量不会被提升到其作用域的顶部，并且它们遵循所谓的“暂时性死区”（Temporal Dead Zone, TDZ）规则。因此，const（以及let）声明的变量没有变量提升。
2024-09-26 14:38:12
236
原创 如何在CSS中添加自定义属性
在CSS中，你可以使用自定义属性（也称为CSS变量）来定义可以在整个文档中重用的值。这些自定义属性以两个破折号（--）开头，并可以在任何CSS声明块中定义。在CSS的根选择器（:root）或任何其他的CSS选择器内部定义自定义属性。这些属性通常被定义在:root选择器内部，这样它们就可以在整个文档中被访问。你还可以在JavaScript中读取和修改自定义属性。注意，当你使用JavaScript修改自定义属性时，这些变化将立即反映到任何使用了这些属性的CSS规则上，因为CSS变量是动态的。
2024-09-26 11:01:37
437
原创 js之一次性定时器
一次性定时器是JavaScript编程中常用的工具之一，它可以在指定的时间间隔过后执行特定的代码，并且只执行一次。我们可以使用setTimeout()方法来创建一次性定时器，在实际应用中，合理使用一次性定时器可以提高代码的效率和可维护性，使程序更加稳定和可靠。在JavaScript编程中，定时器是一种常用的工具，用于在指定的时间间隔执行特定的代码。而一次性定时器则是一种特殊类型的定时器，它只执行一次，然后就停止。一次性定时器是一种定时器，它只在指定的时间间隔过后执行一次指定的代码，然后就停止。
2024-09-22 10:00:00
243
原创 js之dom学习
简单来说，DOM 将网页文档中的每个元素都抽象为一个对象，这些对象构成了一个层次结构，形成了网页文档的逻辑结构。通过 JavaScript，我们可以使用 DOM 提供的方法和属性来访问、创建、修改和删除网页中的元素和内容。创建元素： 使用 document.createElement() 方法创建新的元素节点，并通过 appendChild()、insertBefore() 等方法将其添加到文档中。操作元素： 使用 DOM 提供的属性和方法来操作元素，比如修改元素的内容、样式、属性等。
2024-09-21 21:12:50
356
原创 js之永久定时器
永久性定时器是JavaScript编程中常用的工具之一，它可以在指定的时间间隔内重复执行特定的代码，直到被明确停止。我们可以使用setInterval()创建永久性定时器，合理使用永久性定时器可以提高代码的效率和可维护性，使程序更加稳定和可靠。在JavaScript编程中，定时器是一种常见的工具，用于在指定的时间间隔内重复执行特定的代码。永久性定时器是其中一种类型，它会在设定的时间间隔内重复执行，直到被明确停止。永久性定时器是一种定时器，它会在指定的时间间隔内重复执行指定的代码，直到被明确停止。
2024-09-21 21:12:00
279
原创 使用 JavaScript 实现图片预览功能
在本文中，我们将学习如何使用 JavaScript 实现一个简单的图片预览功能。我们将使用 HTML、CSS 和 JavaScript 来创建一个用户界面，用户可以输入图片 URL 并实时预览图片。创建 HTML 页面结构首先，我们需要创建一个包含用于输入图片 URL 和显示图片预览的 HTML 页面。
2024-09-15 13:30:00
346
原创 文字溢出隐藏及鼠标悬停显示效果
在本文中，我们将学习如何使用 CSS 和 JavaScript 实现一个简单的文字效果，当鼠标悬停在文本上时显示完整内容。
2024-09-15 07:00:00
349
原创 CSS中如何实现鼠标悬停效果？
在这个例子中，我们创建了一个名为.hover-effect的类，并在其中设置了默认的文本颜色（color: black;）和背景颜色（background-color: white;接着，我们使用:hover伪类为悬停时的文本颜色和背景颜色分别设置为白色和蓝色。当您将鼠标悬停在<div>元素上时，将看到这些颜色的变化。在选择器所匹配的元素上时应用指定的样式。在CSS中，您可以使用。来实现鼠标悬停效果。
2024-09-14 08:13:21
680
原创 怎么背记理论知识高效
根据艾宾浩斯遗忘曲线记忆：制定复习计划，不断复习，如5分钟后复习一遍，30分钟、12小时后再复习一遍，隔天、两天、四天、七天、十五天后再复习一遍。思维导图记忆法：整本书学完后，把大标题、小标题整理成思维导图，帮助理解整本书的知识框架，按章节来背，先背大标题，再填充内容。斯尔经济师：专注于中级经济师考试，提供新鲜的行业咨询和专业的备考干货，分享背书方法，背书效率更高，记得更牢固。黄金时间记忆法：把握睡觉前和起床后的背诵时间，睡前一小时背书，起床后复习巩固，帮助把瞬时记忆变成长时记忆。背记理论知识的小技巧。
2024-09-14 08:10:39
311
原创 如何使用css写三角形
在这个示例中，我们首先创建了一个名为.parent-element的div元素，然后通过:before伪元素在其上方创建一个向下指向的黄色三角形。你可以使用一个div元素，然后将其宽度和高度设置为0，接着定义透明和实色边框来实现三角形的形状。根据你需要的三角形样式（例如朝向、大小、颜色等），你可以调整边框的宽度和颜色。你可以根据需要调整边框宽度和颜色来创建不同方向和样式的三角形。这种方法类似于第一种方法，但它允许你在现有的HTML元素上添加三角形形状，而不是使用一个单独的div元素。
2024-09-08 08:30:00
671
原创 jQuery 方法大全
('#container').on('event', 'selector', handler)：为指定元素注册事件处理器，并使用事件委托监听子元素的事件。$('element').css('transition', 'property duration easing')：设置过渡效果。$('element').mouseover(handler)：绑定 mouseover 事件处理器。$('element').mouseout(handler)：绑定 mouseout 事件处理器。
2024-09-07 21:07:31
721
原创 如何调节心态：掌握情绪的舵手
有时风平浪静，有时狂风暴雨，如何在这样的环境中保持船只的稳定，就如同如何在生活中保持良好心态一样重要。情绪是我们内心对外界刺激的自然反应，无论是喜悦、悲伤、愤怒还是焦虑，都是我们心灵的一部分。当面对挑战时，尝试用积极的话语鼓励自己，比如“我可以做到”，“每一次失败都是成功的一部分”。成为自己情绪的舵手，让我们在生活的航行中更加稳健和从容。在遇到困难时，向他们倾诉和寻求建议，可以帮助我们看到问题的不同角度，并获得解决问题的新思路。最后，我想说，生活就像一场旅行，每一次的心态调整都是沿途美丽的风景。
2024-09-07 21:04:25
263
原创 JavaScript 知识点总结
数据类型：JavaScript 中有以下几种基本数据类型：String（字符串）、Number（数字）、Boolean（布尔值）、Undefined（未定义）、Null（空值）和 Object（对象）。数组方法：JavaScript 提供了许多数组方法，如 map()、filter() 和 reduce() 等。DOM 操作：使用 JavaScript 对 DOM 进行操作，如获取、修改、添加和删除元素。循环：使用 for、while 或 for...of 循环遍历数组或对象。// while 循环。
2024-09-07 21:03:28
689
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人