- 博客(75)
- 收藏
- 关注
RSS订阅原创 全面总结Vue 3.0的新特性
暴露了创建自定义渲染器的 API，允许开发者基于 Vue 的运行时核心，针对非 DOM 环境（如小程序、Canvas、Native）进行渲染。特性维度Vue 2Vue 3优势代码组织逻辑复用和组织更灵活响应式Proxy全面检测变化，性能更好，支持更多数据类型性能传统的 Virtual DOM优化后的 Virtual DOM渲染更快，更新更高效体积全量导入打包体积更小TS 支持需要装饰器等，支持一般原生支持极佳类型推断准确，开发体验好新组件无解决特定场景需求，功能更强大构建工具Vue CLI。
2025-09-23 03:30:00
976
原创 Vue 3 核心功能特性总结
这是一个高级特性，允许你创建自己的渲染器，将 Vue 的组件模型绘制到非 DOM 环境，如 Canvas、WebGL、原生移动应用（如与 Weex 或 NativeScript 结合）甚至命令行界面（CLI）。特性解决的问题带来的好处逻辑复用困难，代码组织散乱极强的逻辑复用和能力组织，更好的 TS 支持Composition API 样板代码过多语法糖，极大简化写法，提升开发效率Teleport组件需要渲染到父组件 DOM 结构之外更灵活地处理全局UI组件（弹窗、提示框）Fragments。
2025-09-22 09:17:05
860
原创 巧用Vscode编辑器，快速格式化代码
安装 Prettier 扩展。在设置中开启。为你常用的语言在设置中配置默认格式化程序为 Prettier。(可选) 在项目根目录创建文件来自定义规则。(可选) 创建和文件进行更精细的控制。从此以后，你只需要专注于编写代码逻辑，按下Ctrl + S保存，VSCode 就会自动将你的代码变得整洁又美观！
2025-09-19 03:30:00
859
原创 git常用命令用法知识总结
这些命令用于设置你的 Git 工作环境和创建新的仓库。设置用户信息 (首次安装 Git 必须配置)bashgit config --global user.name "你的名字"git config --global user.email "你的邮箱" ：表示对当前用户的所有仓库生效。如果只想对某个特定仓库设置，去掉该参数。初始化新仓库bashgit init 在当前目录创建一个新的 Git 仓库，生成一个 隐藏文件夹。克隆现有
2025-09-18 09:43:01
942
原创 vue常见的指令都有哪些,有什么作用
指令作用备注v-text更新文本内容类似{{ }}v-html解析 HTML警惕 XSSv-bind动态绑定属性如:class:stylev-model表单双向绑定语法糖v-if条件渲染（销毁元素）可搭配v-show条件显示（CSS 控制）频繁切换时用v-for循环渲染列表需加keyv-on绑定事件如@clickv-pre跳过编译显示原始标签v-cloak隐藏未编译内容配合 CSS 使用v-once只渲染一次优化性能v-slot定义插槽内容Vue 2.6+ 新增。
2025-09-09 11:15:47
740
原创 实现动态多规格商品管理的JavaScript实践
好这是一个关于实现动态多规格商品管理的详细JavaScript实践。我们将从核心概念、数据结构和完整的示例代码三个方面来阐述。
2025-09-04 03:30:00
1419
原创 【VSCode】解决自动断连的问题
立即执行的首选步骤：编辑你的本地文件，为你断连的服务器添加：bash保存文件，完全退出 VSCode 再重新打开并连接。这个操作在 90% 的情况下都能解决自动断连的问题。如果问题依旧，请继续按照上述列表排查日志和系统电源管理设置。
2025-09-03 03:30:00
1181
原创 JavaScript 中的闭包及其应用
闭包（Closure）是指一个函数能够记住并访问其所在的词法作用域，即使这个函数是在其词法作用域之外执行。一个函数捆绑了其周围状态（变量）的引用，就形成了一个闭包。特性描述本质函数与其周围状态（词法环境）的引用捆绑在一起核心让函数“记住”并“访问”其创建时的作用域产生条件函数嵌套 + 内部函数引用外部变量主要应用1. 创建私有变量（数据封装）2. 在异步回调中保存状态3. 函数柯里化与模块化注意事项警惕循环中的闭包问题，使用let或 IIFE 解决。
2025-09-02 03:30:00
913
原创 接口继承与扩展的使用技巧
技巧何时使用关键字单一职责当一个接口变得太大、承担太多责任时extends可重用性当多个接口共享一组共同的属性时extends层次化设计当你的类型之间存在清晰的“是一种”的层级关系时多层extends混合扩展当一个类型需要从多个完全不同的维度获取能力时条件覆盖当需要更精确地描述某个特定场景下的类型形态时在子接口中重新声明属性最终建议： 优先使用组合而非深度继承。虽然接口继承非常强大，但过深的继承层次会使代码变得脆弱和难以理解。
2025-09-01 03:30:00
553
原创 浅拷贝的危害
特性浅拷贝深拷贝复制内容第一层的基本类型值所有层级的任何类型引用类型处理复制内存地址（共享）递归创建新对象（隔离）性能快，占用内存少慢，占用内存多副作用有（会污染原数据）无（完全隔离）使用场景确定没有嵌套数据或允许共享时需要完全独立的数据副本时当你需要对一个包含嵌套结构的对象进行完全独立的复制时，永远不要使用浅拷贝。务必根据你的需求选择或不可变更新模式。
2025-08-28 03:30:00
1284
原创 后台项目中常见的问题都有哪些，怎么解决？怎么避免？
设计阶段：考虑 scalability（扩展性）、reliability（可靠性）和 security（安全性）。进行威胁建模。编码阶段：遵守代码规范，进行代码审查，编写单元测试和集成测试。测试阶段：进行压力测试、混沌工程（如Netflix的Chaos Monkey），模拟故障。部署阶段：采用自动化CI/CD和渐进式发布策略。运行阶段：建立完善的监控、日志、告警系统（可观测性三大支柱）。复盘文化：出现线上事故后，不问责，而是进行Blameless Postmortem（免责事后分析）
2025-08-27 03:30:00
674
原创 使用jQuery动态操作HTML和CSS
优势简洁高效：用更少的代码完成更多工作。链式调用出色的跨浏览器兼容性：jQuery 处理了不同浏览器的差异。强大的选择器和AJAX功能。现状对于新项目，通常建议优先使用原生 JavaScript，因为现代浏览器 API 已经非常强大，且可以减少依赖。jQuery 在维护老项目或需要快速原型开发时依然非常有价值。理解 jQuery 的原理有助于更好地理解 DOM 操作。
2025-08-26 03:30:00
1517
原创 深入解析 document.write、innerHTML 和 innerText 的区别
场景推荐方法理由完全避免过时、危险、行为不可预测。插入用户提供的不可信内容innerText或安全，能有效防止 XSS 攻击。仅更新元素的可见文本innerText或高效且安全。动态创建复杂的 HTML 结构innerHTML谨慎使用强大，但必须确保内容字符串是安全可信的（例如，来自开发者自己定义的模板，而非用户输入）。最佳性能实践（创建结构）和虽然代码量多，但性能最优、最安全、最可控的方式。结合文档片段 (DocumentFragment)用于批量插入。
2025-08-25 03:30:00
712
原创 Async、await是什么？跟promise有什么区别？使用的好处是什么
是建立在 Promise 之上的语法糖，它的底层依然是 Promise。它的目的是为了让异步代码的书写和阅读更像同步代码，从而更简洁、更易维护。Promise：是用于处理异步操作的标准化对象（ES6）。：是基于 Promise 的新语法（ES2017），用于更优雅地使用Promise。Promise 是一个对象，它代表了一个异步操作的最终完成（或失败）及其结果值。三种状态：pending（进行中）fulfilled（已成功）rejected（已失败）// 模拟成功或失败。
2025-08-22 03:30:00
843
原创 Set和Map有什么相同和不同之处?
Set是一个值的集合（a collection ofvalues），类似于数组，但值必须是唯一的。Map是一个键值对的集合（a collection of），类似于对象，但键可以是任何数据类型。特性SetMapObject存储内容唯一的值键值对键值对键的类型任何类型（值即键）任何类型String 或 Symbol顺序插入顺序插入顺序ES6 后自有顺序（但较复杂）大小set.sizemap.size需手动计算迭代是是是（但需用等）性能对值操作优化对键操作优化未优化频繁增删。
2025-08-20 16:02:35
543
原创 JavaScript 异步编程详解
JavaScript 是单线程语言，异步编程是其核心特性之一。随着语言发展，JavaScript 的异步处理方式经历了从回调函数到 Promise，再到 async/await 的演进过程。
2025-08-16 08:30:20
929
原创 JavaScript 流程控制语句详解
流程控制语句是编程中用于控制代码执行顺序和逻辑的重要工具。JavaScript 提供了多种流程控制语句，主要包括条件语句和循环语句两大类。
2025-08-15 16:38:51
643
原创 JavaScript 中基本数据类型与引用数据类型的区别
理解这两种数据类型的区别对于避免JavaScript中的常见错误（如意外的引用修改）非常重要。// 'changed'（已改变）console.log(shallowCopy.b.c);// b获取的是a值的副本。引用类型：传递的是引用的副本（仍然是按值传递）栈内存中存储的是指向堆内存的指针（内存地址）基本类型：传递的是值的副本。
2025-08-12 15:16:41
863
原创 JavaScript 中类的声明与继承
console.log(`你好，我是学生${this.name}，今年${this.age}岁，读${this.grade}年级。console.log(`你好，我是${this.name}，今年${this.age}岁。console.log(`你好，我是${this.name}，今年${this.age}岁。// 输出: 你好，我是张三，今年25岁。console.log(`${this.name}正在学习...`);console.log(`${this.name}正在学习...`);
2025-08-11 15:27:48
789
原创 JavaScript 箭头函数与普通函数的区别
普通函数作为方法：this 指向调用对象value: 42,// 42箭头函数作为方法：this 通常指向外层（可能不是期望的）value: 42,getValue: () => this.value // 通常指向 window箭头函数的主要优势在于：更简洁的语法固定的 this 绑定（避免意外的上下文改变）更适合函数式编程风格普通函数仍然是许多场景的更好选择，特别是需要动态 this 或作为构造函数时。根据具体需求选择合适的函数形式是关键。
2025-08-07 09:18:51
818
原创 JavaScript 中 var、let 和 const 的区别与使用场景
/ 输出0,1,2。在现代JavaScript开发中，推荐优先使用const，其次是let，尽量避免使用var。// 不会成为window.z。// 不会成为window.y。// 成为window.x。var x = 2;：函数作用域（function-scoped）：存在暂时性死区（TDZ），声明前访问会报错。：块级作用域（block-scoped）
2025-08-06 17:44:47
934
原创 ES6与ES5核心区别详解
ES5函数ES6箭头函数关键区别特性ES5函数ES6箭头函数this绑定动态绑定词法绑定arguments对象有无构造函数可作构造函数不可原型属性有无特性ES5ES6+变量声明varlet/const函数定义function关键字箭头函数字符串普通字符串模板字符串数据结构异步处理回调函数面向对象原型继承class语法模块系统ES Modules默认参数逻辑或模拟直接支持迭代控制普通循环迭代器/生成器对象属性简写不支持。
2025-08-04 11:27:53
984
原创 ES6核心特性全面解析
ECMAScript 2015（简称ES6）是JavaScript语言的重大更新，带来了许多现代化特性，极大提升了开发效率和代码可读性。作为当前JavaScript的基石，ES6特性已被所有现代浏览器和Node.js支持。// 静态方法study() {ES6带来的主要改进：更清晰的语法（箭头函数、模板字符串）更好的变量作用域管理（let/const）增强的数据处理能力（解构、扩展运算符）现代化的异步编程（Promise、async/await）
2025-08-01 03:30:00
818
原创 现代Web开发四剑客：HTML、CSS、JavaScript与jQuery实战指南
HTML、CSS、JavaScript和jQuery构成了Web开发的坚实基础。通过本文的电商页面示例，我们看到了：HTML提供清晰的内容结构CSS实现美观的视觉呈现JavaScript添加交互逻辑jQuery优化开发效率掌握这"四剑客"，您就具备了构建现代化网站的核心能力。随着技术发展，虽然新框架层出不穷，但这些基础技术仍然是每位Web开发者必须扎实掌握的看家本领。
2025-07-31 03:30:00
672
原创 使用jQuery时的注意事项
合理使用jQuery可以极大提升开发效率，但也要注意避免过度依赖，特别是在现代Web开发环境中。：根据项目需求选择1.x(兼容IE6-8)、2.x(不兼容IE6-8)或3.x(现代浏览器)：在Vue/React/Angular等现代框架中谨慎使用jQuery。：新项目考虑使用现代JavaScript替代部分jQuery功能。：jQuery的许多功能现在已被标准API替代。：即使使用jQuery也要保持代码模块化。：利用jQuery的链式特性。：更现代的异步处理方式。：使用IIFE封装代码。
2025-07-30 03:30:00
512
原创 jQuery 中的 map() 循环遍历方法
jQuery 提供了map()方法用于遍历集合（如 DOM 元素集合、数组或对象）并对每个元素执行函数，然后返回一个新的 jQuery 对象或数组。
2025-07-29 03:30:00
518
原创 jQuery请求的方式
data: { key1: 'value1', key2: 'value2' }, // 发送的数据。在现代前端开发中，原生 Fetch API 和 Axios 逐渐取代了 jQuery 的 AJAX 功能。type: 'GET', // 或 'POST', 'PUT', 'DELETE' 等。dataType: 'json', // 预期返回的数据类型。console.log("请求完成");// 请求完成时执行（无论成功或失败）// 请求成功时的处理。// 请求失败时的处理。// 脚本加载完成后执行。
2025-07-28 16:30:13
728
原创 JavaScript 可视化图表
掌握上述要点后，可根据具体业务场景选择合适的库和实现方案，从简单图表到复杂的仪表盘（Dashboard）均能高效完成。：ECharts（内置中国地图）、Leaflet（轻量地图引擎）。使用 Plotly.js 或 Three.js 实现。展示数据随时间或连续变量的变化趋势。：游戏角色属性、产品竞争力分析。比较不同类别数据的大小或数量。通过颜色深浅展示二维数据密度。：3D 曲面图、3D 散点图。探索变量间的关系或聚类模式。：网站点击热区、温度分布。比较多个维度的性能表现。展示数据的占比关系。
2025-07-16 09:14:53
671
原创 JavaScript 树形菜单总结
树形菜单是前端开发中常见的交互组件，用于展示具有层级关系的数据（如文件目录、分类列表、组织架构等）。以下从核心概念、实现方式、常见功能及优化方向等方面进行总结。
2025-07-10 16:37:05
1041
原创 富文本编辑器与时间控件的使用注意事项
在前端开发中，富文本编辑器和时间控件是两类常用但实现复杂度较高的交互组件。以下从设计、开发、性能、用户体验等维度总结使用时的注意事项，帮助你避坑。
2025-07-08 08:38:27
428
原创 JS 的树形菜单制作总结
树形菜单是 Web 开发中常用的交互组件，用于展示具有层级关系的数据（如文件目录、分类列表等）。以下从核心原理、实现方式、关键技术点等方面进行总结，帮助全面掌握 JS 树形菜单的制作。
2025-07-08 08:26:54
646
原创 js递归总结
递归是计算机科学和编程中一种强大的技术，其核心思想是函数通过直接或间接调用自身来解决问题。递归的本质是将复杂问题分解为同类的更小子问题，直到子问题简单到可以直接求解。递归是一种强大的编程技术，适合解决具有递归结构的问题。它能够使代码简洁、逻辑清晰，但也存在性能和内存方面的挑战。理解递归的基本原理、适用场景以及优化方法，是成为一名优秀程序员的关键一步。在实际应用中，应根据问题的特性选择合适的实现方式，必要时结合迭代和优化技术以达到最佳效果。
2025-07-07 14:48:29
548
原创 使用插件时的注意事项总结
合理使用插件能显著提升开发效率，但需在安全性、兼容性、性能、可维护性等多维度进行权衡。建议采用最小化依赖原则，并建立插件引入的评估流程，确保插件真正服务于项目需求而非增加技术负债。
2025-07-01 18:32:21
643
原创 数据排序与模糊搜索总结
在数据处理和信息检索领域，数据排序和模糊搜索是两项基础且核心的技术，它们共同作用于提升数据的可用性和查询效率，广泛应用于数据库管理、搜索引擎、电商平台等场景。
2025-06-30 10:53:16
818
原创 Vue3 中 Axios 深度整合指南：从基础到高级实践引言总结
Vue3 与 Axios 的深度整合不仅是技术工具的组合，更是前端架构思维的升级。本指南将通过理论与实战结合的方式，帮助开发者突破传统请求模式的局限，在复杂项目中实现高效、稳定的数据交互方案。在写的详细一点，再加点代码示例深度思考中用户之前让我写了一个关于 Vue3 中 Axios 深度整合指南的引言总结，现在他们希望更详细一些，并且加入代码示例。首先，我需要回顾之前的回答，看看哪些部分可以扩展。
2025-06-26 14:41:33
1046
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人