- 博客(29)
- 收藏
- 关注
RSS订阅原创 JSON 与 AJAX
本文系统介绍了JSON与AJAX的核心技术与高级应用。JSON部分详解了语法规范、数据类型、与JS对象的区别，以及循环引用处理和大数据解析方案。AJAX部分对比了XHR与Fetch API的差异，展示了Axios拦截器等进阶用法，并提供了复杂数据交互、性能优化和安全防护的实践方案。文章还探讨了JSON5/BSON等新技术、GraphQL等替代方案，以及WebAssembly结合应用场景，最后总结了面试高频问题和生产环境最佳实践，为开发者构建高效Web应用提供了全面指导。
2025-06-12 10:35:10
902
原创 Vue3 生命周期全面解析：从入门到精通
Vue3生命周期详解：从创建到销毁的全流程解析本文系统介绍了Vue3组件生命周期，包括其与Vue2的区别、各阶段钩子函数的使用方式及最佳实践。主要内容涵盖：1) 初始化、挂载、更新和卸载四个核心阶段的生命周期钩子；2) 组合式API与选项式API的对比使用；3) 常见应用场景如数据获取时机、副作用清理等；4) 高级功能包括动态组件处理和自定义钩子。文章通过代码示例和流程图，帮助开发者理解Vue3生命周期机制，并提供避免常见错误的实用建议，最后总结了两种API形式下生命周期钩子的执行顺序差异。
2025-06-11 08:55:23
244
原创 前端必备技能：jQuery实现中文输入法状态检测方案详解
但中文输入法存在一个特殊问题：用户在输入拼音阶段就会触发input事件。典型案例：用户输入"zhongwen"时，input事件会触发8次，但实际上用户期望只执行1次搜索。A[用户开始输入] --> B{触发compositionstart?showToast('请先完成中文输入');E --> F[触发compositionend]B -->|是| C[标记为输入中状态]B -->|否| D[立即处理输入]C --> E[用户选择候选词]F --> G[标记输入完成]G --> H[执行后续处理]
2025-06-09 17:49:01
891
原创 JavaScript 数组学习总结
数组可以通过多种方式创建：javascript// 1. 数组字面量（最常用）const fruits = ["苹果", "香蕉", "橙子"];const mixed = [1, "字符串", true, null, { name: "对象" }];// 2. 使用 Array 构造函数// 创建长度为 5 的空数组// 3. Array.of() 方法（ES6）// [5]，区别于 new Array(5)
2025-06-08 14:46:05
419
原创 JavaScript 对象学习总结
对象可以通过多种方式创建：javascript// 1. 对象字面量（最常用）name: "张三",age: 30,hobbies: ["阅读", "游泳", "编程"],address: {city: "北京",},// 方法return `你好，我是${this.name}，今年${this.age}岁。// 2. 使用构造函数// 3. Object.create() 方法（继承指定原型对象）type: "动物",return "发出声音";
2025-06-08 09:53:03
256
原创 JavaScript中的函数总结
函数声明} // 存在函数提升:ml-citation{ref="1,6" data="citationList"}函数表达式// 无提升，可匿名:ml-citation{ref="1,9" data="citationList"}箭头函数// 无自己的this，适合简洁操作:ml-citation{ref="1,6" data="citationList"}构造函数// 动态创建:ml-citation{ref="9" data="citationList"}
2025-06-07 08:07:16
726
原创 深入解析Vue.js：构建现代Web应用的高效之道
降低了复杂 Web 应用的开发门槛，同时提供了足够的扩展性应对大型项目需求。对于开发者而言，掌握其响应式原理、组件化模式及生态工具的使用，是构建高效、可维护的现代 Web 应用的关键。无论是新手入门还是进阶开发，Vue.js 都能在不同场景下发挥价值，成为当前最受欢迎的前端框架之一。为定位，强调轻量灵活与易上手性，允许开发者根据项目需求逐步引入核心功能或扩展模块。
2025-06-01 23:49:50
1165
原创 JavaScript 循环语句总结
JavaScript循环语句是编程中实现重复执行的重要工具，主要包括以下几种类型：for循环适用于已知循环次数的情况，通过初始化、条件和迭代表达式控制；while和do...while循环根据条件执行，后者保证至少执行一次；for...in用于遍历对象属性；for...of更适合遍历数组等可迭代对象。根据具体需求选择合适的循环方式能提高代码效率和可读性。
2025-05-29 17:32:42
336
原创 如何编写多个重载签名和实现函数
通过重载，我们可以根据不同的参数类型、数量，或者它们的组合，执行不同的操作。在 TypeScript 中，函数的实现部分必须只包含一个具体的函数体，而所有的重载签名只能作为类型定义出现在函数声明中。在 TypeScript 中，我们可以通过定义多个重载签名来实现这一功能，依赖于参数的类型和数量来决定函数的行为。: number): number { // 函数实现。通过遵循适当的设计原则，我们可以编写更加灵活和高效的代码，让函数能够适应多种不同的调用场景，减少重复代码的编写，同时提升系统的可扩展性。
2025-05-28 09:41:15
371
原创 JavaScript核心总结与现代化应用指南
动态类型系统ES2025新特性函数式编程实践javascriptCopy Code异步编程演进javascriptCopy CodeDOM操作规范内存管理技巧模块化开发javascriptCopy Code调试与监控类型推断规则： 1.2 异步编程体系方案典型场景内存管理要点Promise链简单异步流程注意.catch()遗漏async/await复杂业务逻辑避免顶层await阻塞Observable事件流处理及时unsubscribeCSSOM构建阻塞：使用预
2025-05-28 09:36:47
345
原创 TypeScript基础数据类型详解总结
注：TypeScript通过静态类型检查提升了代码可维护性，实际开发中应优先使用精确类型而非。：表示整数、浮点数及特殊值（Infinity/NaN）提示：实际开发中应优先使用精确类型定义，避免过度使用。对于复杂场景可结合泛型实现类型复用。：支持单引号、双引号和模板字符串。基于字符串字面量扩展的类型约束。快速生成部分可选或必填的类型。：分别表示空值和未定义状态。：ES6引入的唯一值类型。精确到具体值的类型限定。动态属性类型的对象定义。
2025-05-24 18:17:23
905
原创 HTML理论题
3.只有设置了 name 属性的表单元素才能在提交表单时传递它们的值，因为服务端获取表单提交的数据是通过表单元素的 name 属性的值而得到的，没有 name 属性就无法得到表单元素提交给服务端的值。1、在文档声明上，html有很长的一段代码，并且很难记住这段代码，都只是靠工具直接生成，而html5却不同，只有简简单单的声明，也方便人们的记忆，更加精简。使用content-box时元素的width和height决定元素的内容，但是padding和border的改变，不能改变width和height的值。
2025-04-18 14:10:15
1936
原创 HTML理论问题与总结
将<label> 和一个 <input> 元素匹配在一起，你需要给 <input> 一个 id 属性。当用户开始输入时，浏览器会显示一个下拉列表，其中包含与输入值匹配的datalist中的选项.这使得用户可以更容易地从预定义的选项中选择，而不是手动输入。WEB标准是用于开发和解析网页的一系列规范和技术标准，为了确保网页在不同浏览器和设备上的一致性、可访问性和可持续性。方便管理，指的是如果有多个页面需要用到iframe的内容，那么只要修改iframe的内容就可以实现统一管理。HTML中有哪些属于表单元素？
2025-04-12 16:31:45
749
原创 HTML & JavaScript 开发总结
JavaScript 通过 DOM（Document Object Model）操作 HTML 元素，实现动态交互。通过理解 HTML 与 JavaScript 的协作机制，能够高效开发交互式网页，并为学习前端框架打下坚实基础。HTML（HyperText Markup Language）是网页的骨架，定义页面结构和内容。JavaScript 通过事件监听响应用户操作（点击、输入、滚动等）。JavaScript 可用于表单验证、数据提交和动态交互。
2025-04-08 10:58:01
1745
原创 弹性布局总结
简化布局替代传统的float和position布局，代码更简洁。自适应能力通过实现弹性伸缩，适配不同屏幕尺寸。精准对齐和轻松实现水平/垂直居中。响应式友好结合媒体查询和flex-wrap，快速构建响应式布局。Flexbox是现代Web开发的必备技能，它通过声明式的CSS属性简化了传统布局的复杂性。实际项目中，明确主轴方向和合理使用弹性伸缩是关键。
2025-03-27 10:47:34
337
原创 如和制作HTML项目总结
htmlCopy Code cssCopy Code响应式布局错位浏览器兼容性DOM操作效率低 javascriptCopy Code经验总结：不足之处：
2025-03-21 17:19:56
1674
原创 使用插件时需注意
合理管理插件，避免插件过多或不必要的冲突，定期进行性能监控与优化，能有效提升插件使用体验并保障系统的稳定性与安全性。安装插件之前，检查系统要求和插件的兼容性说明。开发者背景与更新频率：选择活跃开发者维护的插件，查看插件的更新记录，确保它是最新版本，并且开发者有持续维护和修复问题的承诺。确认插件的功能与需求匹配：在安装插件之前，确保它的功能符合你的需求，避免使用过于复杂或不必要的功能，以减少系统负担。监控插件更新日志：安装插件后，定期查看插件的更新日志，了解更新的内容，确认是否对现有功能产生影响。
2025-03-20 19:44:51
355
原创 CSS总结
掌握 CSS 的核心概念与布局技术是构建现代化网页的基础。通过不断实践和探索新特性，可以提升开发效率并实现更复杂的视觉效果。CSS（Cascading Style Sheets）用于定义网页的样式，由。
2025-03-19 09:32:36
688
原创 HTML里面table标签详细用法
（table header，表头）元素。HTML中的<table>标签用于创建表格，其中包含了行（<tr>）和列（<td>或<th>）的组合。使用语义化的HTML标签，如<table>、<tr>、<th>和<td>等，以提高代码的可读性和可维护性。width和 height：定义表格的宽度和高度（不推荐使用，因为更好的做法是使用CSS进行布局）。<th>表头1
2025-03-14 10:12:38
341
原创 什么是CSS
CSS，全称“层叠样式表”（Cascading Style Sheets），是一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言。通过CSS，开发者可以控制网页外观、布局和元素呈现的细节，使网页更具吸引力和可读性。通过使用CSS，开发者可以控制文本的颜色、字体、大小、对齐方式等文本属性，也可以控制元素之间的间距、边框、背景等布局属性。总的来说，CSS是网页开发中不可或缺的一部分，它为开发者提供了强大的工具来控制网页的外观和布局，使网页更具吸引力和可读性。
2025-03-14 09:57:47
185
原创 HTML表格
form>标签：用于定义表单的容器，它可以包含多种表单元素，如输入框、单选框、复选框、下拉菜单、文本域和按钮等。表单属性：除了上述提到的action和method属性外，<form>标签还可以包含target属性，用于指定表单数据的提交目标。此外，<input>标签的type属性可以有不同的值，如search、email、url等，用于提供更丰富的输入体验。<select>标签可以有一个或多个<option>标签，其中<option>标签的selected属性用于指定默认选中的选项。
2025-03-09 23:35:44
153
原创 表单里面input的type属性值有哪些
在HTML的表单（<form>）中，<input>元素是一个常用的元素，用于收集用户输入。9. date 和其他日期相关类型（如 month, week, time， datetime, datetime-local）：这些类型用于日期和时间的输入，可以方便地选择日期或时间。8. tel：这种类型的输入字段用于电话号码的输入。-- 选择日期 -->5. number：这种类型的输入字段用于数字输入，可以设置一个最小值和最大值范围。2. password：这种类型的输入字段用于密码输入，输入的内容会被遮盖。
2025-03-08 19:51:10
377
原创 什么是HTML？
HTML 是构建网页的核心，它为网页内容提供结构化定义。虽然 HTML 只是网页开发的起点，但它与 CSS 和 JavaScript 配合使用，能创建出功能丰富、视觉吸引的动态网页。掌握 HTML 是学习网页开发的基础，也是开发现代 Web 应用的第一步。
2025-03-08 19:47:09
532
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人