- 博客(37)
- 收藏
- 关注
RSS订阅原创 结合具体案例说明在项目中使用jQuery的AJAX异步请求的步骤
页面准备：设计表单和状态提示区域（加载、错误）。全局配置：通过统一基础路径、超时等参数，减少重复代码。接口封装：将请求逻辑抽离为函数，提高复用性和可维护性。前端验证：先验证表单数据（如非空），避免无效请求。请求处理发送前：禁用按钮、显示加载动画（优化体验）。成功后：验证后端数据格式，处理业务逻辑（如跳转、存 Token）。失败后：区分网络错误和业务错误，显示对应提示。清理工作：无论成功失败，都需恢复按钮状态、隐藏加载动画。
2025-08-13 10:30:00
388
原创 零基础学习jQuery第四天
DOM 操作：通过拼接 HTML 字符串高效创建动态元素，用attr()data()css()批量操作属性和样式。事件处理事件委托（on()的事件委托写法）解决动态元素绑定问题。事件命名空间方便管理多个同类型事件。阻止冒泡（）和默认行为（综合案例中，我们结合了动态渲染、事件委托和数据操作，模拟了真实项目中的常见场景。明天我们会学习 jQuery 的动画效果和插件使用，让页面交互更生动～
2025-08-12 18:30:00
415
原创 如何在项目中正确使用jQuery的AJAX异步请求？
封装复用、全面容错、优化体验、兼顾性能。通过全局配置减少重复代码，通过细致的错误处理提升稳定性，通过加载状态和防重复请求优化用户体验，同时注意缓存、安全等细节，才能在项目中高效、可靠地实现异步数据交互。
2025-08-12 10:30:00
973
原创 介绍一下jQuery的AJAX异步请求
jQuery 的 AJAX（Asynchronous JavaScript and XML）是一套简化异步网络请求的 API，它封装了原生 JavaScript 的，让开发者能更轻松地实现页面与服务器的（比如加载数据、提交表单、获取动态内容等）。相比原生 JS，jQuery 的 AJAX 语法更简洁，无需处理复杂的兼容性问题，是前端开发中与后端通信的常用工具。
2025-08-11 20:48:17
512
原创 零基础学习jQuery第三天
移动盒子// 让盒子在1秒内移动到left:300px、top:200px，同时宽度变为200px}, 1000);// 1000毫秒 = 1秒});
2025-08-11 18:30:00
733
原创 零基础学习jQuery第二天
恭喜你开启 jQuery 学习的第二天！经过第一天的基础认知（比如引入 jQuery、基础语法$()等），今天我们可以聚焦和—— 这两块是 jQuery 最核心、最常用的功能，也是提升前端开发效率的关键。
2025-08-10 18:18:28
920
原创 新手小白使用jQuery在实际开发中常用到的经验
虽然现在有 React、Vue 等现代框架，但在维护旧项目、快速开发小型功能或处理 DOM 密集型场景时，jQuery 仍有其价值。DOM 操作是前端性能瓶颈之一，jQuery 虽然简化了操作，但频繁修改 DOM 仍会导致浏览器频繁重绘（repaint）和重排（reflow）。很多插件功能冗余（如一个轮播插件带 10 种动画，但你只需要 1 种），会增加项目体积。单页应用（SPA）或频繁切换视图时，未解绑的事件会累积，导致内存泄漏（尤其是闭包中引用 DOM 时）。✅ 优化：尽量结合 ID 或类，缩小范围。
2025-08-09 21:15:21
683
原创 vue3新手快速入门
vue3新特性：组合式API（重点），更好的支持typescript（熟悉），状态存储框架pinia（重点），新组件（了解）官网地址：https://vuejs.org/。中文官网：https://cn.vuejs.org/Vue3 是 Vue2 的升级版本，在性能、语法和架构等方面都有显著改进。易学易用，性能出色，适用于场景丰富的web前端框架。9.创建并启动vue3工程项目。使用官方提供的创建vue工程。一、vue2和vue3区别。二、整体认识vue3项目。1、创建vue3工程。
2025-06-03 20:37:23
1057
原创 初学者快速入门：使用JavaScript简单实现条形图，饼图，折线图，玫瑰图，散点图
本文介绍了一个基于纯JavaScript和Canvas API实现的数据可视化图表库，支持五种基本图表类型：条形图、饼图、玫瑰图、折线图和散点图。图表库采用模块化设计，数据统一存储在data对象中，并通过ChartUtils工具类封装通用方法。每种图表有独立的绘制函数，并添加了响应式处理，支持窗口大小变化时自动重绘。数据结构设计包括labels、values、colors和scatterData，分别用于标签、数值、配色和散点图数据。工具函数提供了颜色获取和文本绘制功能。图表实现细节涵盖了坐标轴绘制、数据点
2025-05-18 14:43:47
1020
原创 PHP零基础学习记录2
匿名函数：可赋值给变量，如 $add = function($a, $b) { return $a + $b;- 索引数组：按顺序存储，如 $numbers = [1, 2, 3];- 关联数组：用键值对，如 $person = ["name" => "Alice", "age" => 30];- 字符串运算符： . 用于连接字符串，如 $fullName = $firstName. " ". $lastName;- 字符串：可单引号或双引号定义，双引号支持变量解析，如。
2025-02-19 21:54:40
550
原创 HTML学习记录
轮播逻辑是简单地循环遍历图片数组，并在每个图片上添加或移除。JavaScript 脚本中定义了一个。HTML怎么实现图片的轮播切换？函数，用来切换图片的显示状态。函数，每5秒钟自动调用。
2024-06-17 20:50:51
334
原创 HTML学习笔记
触发，照片会放大10%，并且有一个0.5秒的过渡效果。是指定应用过渡效果的照片。属性来实现照片在鼠标悬停时的渐变效果。是一个包含照片的容器。
2024-06-17 20:06:24
287
原创 HTML学习笔记
相对地址的好处是，如果你的网站结构发生变化（例如，你移动了所有页面到一个新的子目录中），你只需要更新少数几个链接，而不是更新整个网站的链接。绝对地址是完整的URL，它包含协议（如http或https）、域名（或IP地址）、可能的端口号以及资源在服务器上的具体位置。绝对地址不依赖于当前页面的位置或目录结构，因此它总是指向相同的资源，无论当前页面在哪里。相对地址可以相对于当前页面的目录（相对路径）或相对于当前页面的URL（相对协议）。总的来说，选择使用绝对地址还是相对地址取决于你的具体需求和你网站的结构。
2024-06-15 23:25:20
250
原创 HTML学习记录
在HTML中，位移通常是通过CSS的定位属性来实现的。这些定位属性允许你控制元素在页面上的位置。注意：每种定位方式都有其特定的应用场景，选择合适的定位方式可以帮助你更好地控制页面元素的布局和位置。需要注意的是，定位属性（如。在HTML中三种定位的区别和含义分别是什么？除了上述三种定位方式，还有。属性一起使用才能生效。
2024-06-15 23:21:25
299
原创 HTML学习记录
绝对定位，参照有定位的父盒子进行偏移，如果所有父盒子都没有定位，则参照body；：粘性定位，元素在达到一定阈值前为相对定位，之后变为固定定位。：静态定位，默认值，没有定位，元素出现在正常的流中。HTML元素的位置可以通过CSS的定位属性来控制。：相对定位，元素相对于其自身的位置进行偏移。：固定定位，元素相对于浏览器窗口进行定位。定位属性主要有以下几种。
2024-06-15 23:16:30
213
原创 HTML学习笔记
HTML位移属性如何实现？HTML中的位移通常指的是元素相对于其正常位置的移动。这种移动可以通过CSS来实现。最常见的方法是使用position属性，结合toprightbottom和left属性来指定具体的位移量。
2024-06-15 22:45:19
318
原创 HTML学习记录
通过学习和掌握以上基本标签的使用，我们可以构建出功能丰富、结构清晰的网页。在实际开发中，还需根据具体需求，结合CSS样式和JavaScript脚本，实现更高级的网页效果和交互功能。
2024-06-15 22:12:00
720
原创 HTML学习记录
常见的块级元素有<div>、<p>、<h1>——<h6>等。常见的内联元素有<span>、<a>、<img>等。答：可以使用<style>标签在HTML内部定义CSS样式，或者通过<link>标签引入外部CSS文件来设置字体样式。答：使用<img>标签添加图片。引入JavaScript文件使用<script>元素，可以放在<head>或<body>标签内。答：引入CSS文件使用<link>元素，放在<head>标签内。答：在<head>标签中添加<title>标签来设置页面标题。-- 网页内容 -->
2024-06-15 19:37:02
270
原创 C语言程序设计学习记录
/ printf("一到一百的和为%d",he);// printf("你好\t");// printf("你好\t");题目：打印一百个你好。
2024-06-12 22:56:09
427
原创 C语言程序设计学习记录
/ printf("一到一百的和为%d",he);// printf("你好\t");// printf("你好\t");题目：打印一百个你好。
2024-06-12 22:49:10
252
原创 C语言程序设计学习记录
题目：请用户输入自己的身高和体重。根据BMI的计算，提示用户相关语句。printf("正常，健康状况良好");printf("注意控制体重，预防肥胖");printf("营养不良，体重偏瘦");printf("请输入您的身高，体重\n");printf("过度肥胖");
2024-06-11 22:45:49
190
原创 HTML学习记录
在这个例子中，链接在不同状态下会显示不同的颜色。当你将鼠标悬停在链接上时，它会变成红色；当你点击链接时，它会变成黄色。访问过的链接会显示紫色，而普通的未访问链接会显示蓝色。标签时出现颜色的变化通常是通过CSS来实现的。你可以使用:link。HTML中怎么让鼠标点击时的a标签，呈现颜色呢？伪类来分别定义链接的四种状态的颜色。/* 未访问的链接 *//* 已访问的链接 *//* 鼠标悬停链接 *//* 选定的链接 */:active 这些。以下是一个简单的例子。
2024-06-11 20:40:33
589
原创 HTML学习记录
* 超出部分显示为省略号 *//* 保持文本在一行内显示 */隐藏了超出容器宽度的文本，而text-overflow: ellipsis。/* 隐藏超出容器的部分 */要在HTML中实现文本同排并且超出部分显示为省略号，可以使用CSS的。这是一段很长很长的文本，需要同排显示并且超出部分用省略号表示。/* 定义容器宽度 */HTML中同一排文字，超出部分显示省略号，如何实现？类定义了一个容器，该容器的宽度被设置为200px。确保文本不会换行，overflow: hidden。将超出的文本部分替换为省略号。
2024-06-11 19:20:51
141
原创 HTML学习记录
* 1.5 是缩放比例 */表示放大的倍数，这里是1.5倍。你可以根据自己的需要调整缩放比例。类定义了一个div，它将相对于视口居中，并应用了一个缩放变换。在HTML中，要实现内容在页面中间缩放，可以使用CSS的。是用来使元素的中心点与其父元素的中心点对齐。
2024-06-08 22:41:44
280
原创 前端设计与开发课程学习笔记
http://git@gitee.com:song-ye-plana/basic-label-learning.git
2024-05-05 15:53:11
134
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人