- 博客(60)
- 收藏
- 关注
RSS订阅原创 Vuex的使用
本文详细介绍了Vuex的使用，涵盖环境搭建、核心概念、工作原理等内容。通过简单案例和多组件数据共享示例，展示了其在状态管理中的应用。还介绍了模块化开发、action中发送ajax及vuex持久化等高级用法，帮助开发者更好地管理Vue应用的状态。
2025-03-21 09:32:55
544
原创 Vue与Ajax
本文围绕Vue与Ajax展开，介绍了发送AJAX异步请求的原生、第三方库等方式，分析了AJAX跨域问题的原因及多种解决方案。详细阐述了基于Express的服务器搭建与使用，演示了跨域问题，并给出了通过`vue.config.js`配置简单和高级代理解决跨域的方法，最后介绍了`axios`的封装。
2025-03-21 09:07:12
496
原创 Vue:组件通讯
本文围绕Vue组件通讯展开，介绍了多种通讯方式。`props`用于父子组件数据传递，有多种接收形式；`ref`可获取子组件和DOM；自定义事件能实现组件交互；全局事件总线和消息订阅发布用于跨组件通信；插槽可传递HTML结构和数据，分默认、具名和作用域插槽，各有应用场景。
2025-03-20 10:30:57
997
原创 Vue脚手架
该内容主要介绍 Vue 脚手架相关知识：先确保 npm 可用需安装 Node.js；再安装 Vue CLI，包括配置 npm 镜像、全局安装脚手架、创建项目（两种方式）、编译运行项目；接着介绍脚手架结构、HelloWorld 程序，还提及 es 语法检测及解决办法，以及脚手架默认配置和 main.js 中 render 函数的解释 。
2025-03-20 10:10:25
955
原创 Vue:单文件组件
本文围绕Vue单文件组件展开，先介绍其概念，强调一个文件对应一个组件，`.vue` 文件需Vue框架编译，阐述多种命名规范。接着说明 `.vue` 文件由结构、交互、样式三部分构成，介绍ES6模块化语法的导出与导入方式。提及VScode的 `vetur` 插件可辅助开发，最后以实例展示单文件组件开发步骤及执行原理，指出需Vue脚手架支持运行。
2025-03-18 15:04:00
1068
原创 vue：组件的使用
文章介绍Vue组件相关知识，包括组件概念，它能解决传统开发问题，提高复用性与可维护性。阐述组件创建、注册（局部与全局）、使用步骤，解释组件中data用函数形式原因。提及组件创建简写、命名细节，还介绍组件嵌套、VueComponent与Vue的关系，涵盖其this指向、属性差异及原型链复用机制 。
2025-03-18 14:51:15
1182
原创 vue的生命周期
文章介绍Vue生命周期，即vm对象从创建到销毁的过程。其划分为初始、挂载、更新、销毁4个阶段，各阶段有beforeXxx()和xxxed()两个钩子函数。阐述各阶段执行步骤及适合做的事，像初始阶段可发网络请求，挂载阶段操作DOM等，强调掌握生命周期对开发的重要性 。
2025-03-17 20:28:20
1014
原创 Vue：添加响应式数据
本文围绕 Vue 响应式数据展开。介绍了响应式概念，即修改数据页面自动更新。阐述 Vue 2 用 `Object.defineProperty`、Vue 3 用 `Proxy` 实现响应式。指出后期添加属性和数组下标默认无响应式，给出 Vue 2 处理方法，也提及 Vue 3 相应处理方式更简便。
2025-03-17 20:21:51
788
原创 Vue：其他指令
文章介绍Vue多种指令。`v-text` 与 `v-html` 分别以不同方式填充内容；`v-cloak` 解决插值闪现问题；`v-once` 与 `v-pre` 各有特定用途。还详细讲解自定义指令，包括局部和全局的函数式与对象式定义及应用，助力深入理解Vue指令系统。
2025-03-13 12:01:22
870
原创 Vue：收集表单数据&过滤器
本文围绕Vue的表单数据收集与过滤器展开。在表单数据收集部分，实现表单数据收集，添加验证与重置功能。过滤器部分介绍其配置方式、使用场景与串联规则，处理商品价格数据，考虑多种值情况并增加千分位格式化，同时指出Vue3已废弃过滤器语法。
2025-03-13 11:57:42
1147
原创 Vue:列表操作
本文聚焦 Vue 列表操作，涵盖列表过滤与排序。列表过滤部分回顾 `filter` 方法，介绍用 `watch` 和 `computed` 属性实现过滤，还添加错误提示和封装过滤逻辑。列表排序回顾 `sort` 方法，给出按不同顺序排序的示例，且添加重置按钮方便操作。
2025-03-12 10:45:30
735
原创 Vue:条件&循环渲染
本文围绕 Vue 的条件与循环渲染展开。条件渲染涵盖 `v-if`、`v-else-if`、`v-else`、`v-show` 等指令的使用及区别，还介绍了 `<template>` 搭配 `v-if` 的用法。循环渲染介绍了 `v-for` 遍历数组、对象等的方式，着重讲解虚拟 DOM 和 diff 算法，强调 `key` 的作用、使用 `index` 作 `key` 的问题及选择 `key` 的方法。
2025-03-12 10:31:25
770
原创 Vue:class与style绑定
本文详细介绍了Vue中`class`与`style`的绑定方法。`class`绑定包含字符串、数组和对象三种形式，分别适用于不同场景；`style`绑定有字符串、对象和数组形式。拓展补充了更多交互按钮，能更灵活地控制样式，助开发者更好运用动态样式绑定。
2025-03-12 08:56:35
737
原创 Vue计算&侦听属性
本文深入探讨Vue的计算属性与侦听属性。计算属性可复用代码、提升可读性与维护性，有完整与简写形式，依赖数据变化更新。侦听属性监视属性变化，用watch配置项，有多种监视方式与简写。选择时，computed优先，需异步用watch。函数写法依是否被Vue管理而定。
2025-03-11 20:11:30
938
原创 Vue事件处理
本文围绕Vue.js的事件处理展开，详细介绍了核心语法、事件修饰符和按键修饰符。核心语法涵盖指令格式、`v-on` 指令及简写、回调函数 `this` 指向等。事件修饰符如 `.prevent`、`.stop` 等能方便处理DOM事件细节。按键修饰符包括常用的9个、自定义及系统修饰符，助开发者构建交互性强的页面。
2025-03-11 20:06:22
1363
原创 MVVM及数据代理
文章介绍MVVM分层思想，即Model（数据）、View（视图）、ViewModel（视图模型），Vue受其启发基本符合。阐述vm可访问属性，ES5新增 `Object.defineProperty()` 方法及配置项作用。说明数据代理机制及属性名要求，模拟实现数据代理，讲解Vue中数据代理与劫持原理、作用及步骤。
2025-03-10 15:23:50
722
原创 Vue模版语法
文章介绍 Vue 模版语法，包括插值语法（可写 data 声明变量、常量、合法表达式、白名单内全局变量）、指令语法（v-once 渲染一次，v-if 依布尔值渲染标签等），v-bind 实现标签属性动态效果及编译原理、简写，v-model 双向绑定及与 v-bind 区别、使用限制，还阐述了用户片段插件安装及配置可提高开发效率。
2025-03-10 14:25:17
1146
原创 vue2安装与配置
这篇文章学习了 Vue2 的安装与配置，掌握了通过官网下载 Vue.js 文件并引入项目的方法。实践了创建 Vue 实例、使用 template、data 等配置项，了解了它们的作用及相互关系。学会处理控制台提示信息和安装 Vue Devtools 辅助开发。理解了 Vue 实例与容器一一对应的特性，对 Vue 基础有了初步且扎实的认识，为后续深入学习打下基础。
2025-03-08 16:25:02
1351
原创 jQuery插件
本文介绍 jQuery 插件相关知识。常用插件如颜色、省市联动、jQueryUI 等可拓展 jQuery 功能，使用时需依次引入 jQuery 文件、插件文件并调用插件方法。开发插件有给 jQuery 原型加实例方法和给 $ 对象加静态方法两种方式，各有特点与应用场景 。
2025-03-08 10:19:15
1179
原创 jQuery补充
本文全面介绍 jQuery 相关知识。涵盖事件发展历程，包括原生 JS 及 jQuery 不同阶段事件绑定方式；阐述 `on` 注册事件、事件解绑、触发事件及事件对象用法；还介绍链式编程、`each` 方法（`$(selector).each()` 和 `$.each()`），并说明了多库共存时释放 `$` 控制权的方法。
2025-03-08 09:25:37
689
原创 jQuery事件机制
本文详细介绍了 jQuery 事件机制。首先回顾了原生 JS 绑定事件的方式，接着阐述了 jQuery 事件绑定方式的演变，包括简单事件注册、`bind`、`delegate` 和 `on` 方法。其中 `on` 方法是 jQuery 1.7 后推荐的统一事件处理方式。还介绍了事件解绑（`unbind`、`undelegate`、`off`）、触发事件（`click`、`trigger`）以及事件对象的相关知识和使用方法。
2025-03-08 09:19:41
1173
原创 jQuery尺寸和位置操作
本文介绍了 jQuery 的尺寸和位置操作。`width`、`height` 及 `css` 方法可操作元素宽高；`innerWidth` 等方法考虑内边距、边框和外边距；`scrollTop` 和 `scrollLeft` 用于控制滚动条；`offset` 获取元素距文档位置，`position` 获取距有定位父元素位置。
2025-03-07 13:34:00
487
原创 jQuery操作属性
本文主要介绍了 jQuery 的属性操作，`attr()` 用于设置、获取和移除普通属性，`removeAttr()` 专门移除属性。在处理布尔属性时，1.6 版本后需用 `prop()` 方法。通过“动物相册”和“全选反选”案例，分别展示了这些方法在实际开发中的应用，帮助理解属性操作的具体用法。
2025-03-07 11:16:39
839
原创 jQuery节点操作
本文详细介绍了 jQuery 的节点操作，涵盖创建、添加、清空与删除、克隆节点以及获取表单元素内容等方面。创建节点可通过 `html()` 和 `$()` 方法；添加节点有多种方式；清空和删除节点分别用 `empty()` 和 `remove()`；克隆节点可选择是否克隆事件；`val()` 用于表单内容操作。
2025-03-07 11:06:48
1037
原创 JQuery动画
本文介绍 jQuery 动画，包括三组基本动画，如显示隐藏、滑入滑出、淡入淡出及切换效果；还有自定义动画 `animate` 可灵活控制元素样式变化。同时阐述了动画队列，多个动画会依次执行，可通过 `stop` 方法停止，建议使用动画前先调用 `stop`。
2025-03-06 10:12:18
938
2
原创 JQuery操作样式
本文详细介绍jQuery样式操作，css可获取、设单多样式，class能增删判切类。以tab栏切换为例，展示其应用，点击li切换样式及内容。拓展部分提及添加动画、支持键盘操作等，突显jQuery在样式控制与交互实现上的强大功能及灵活性。
2025-03-05 10:50:17
1131
原创 jQuery选择器
本文介绍了jQuery选择器，涵盖基本、层级、过滤、表单选择器及筛选方法。基本选择器类似CSS，层级选择器定位元素层级关系，过滤选择器进一步筛选，表单选择器针对表单元素。还补充知识点如排他思想、隐式迭代和链式编程等。
2025-03-05 10:38:33
918
原创 JQuery对象和DOM对象
本文介绍了 jQuery 对象和 DOM 对象的区别、相互转换方法，还讲解了 `text()` 和 `css()` 方法。jQuery 对象是 DOM 对象包装集，二者可相互转换，常用 DOM 转 jQuery 以用其强大方法。`text()` 可获取或设置文本，`css()` 能获取或设置样式，操作 style 属性。
2025-03-04 11:29:10
1070
原创 jQuery简介
jQuery是快速、简洁的JavaScript库，宗旨是“write Less，Do More”。具有轻量级、跨浏览器兼容等优点。有1x、2x、3x版本，使用时需引入文件、写入口函数并操作元素。有两种入口函数，$是其顶级对象，不同参数调用效果不同，能提高开发效率
2025-03-04 10:25:44
1161
原创 ES14 新增特性
ES14 带来多项新特性。数组方面，新增 findLast 与 findLastIndex 支持倒序查找，toSorted、toReversed、toSpliced 和 with 方法分别对应 sort、reverse、splice 和下标修改数组，且不改变原数组。WeakMap 扩展后支持 Symbol 作为键，丰富了使用场景。
2025-03-03 11:21:21
492
原创 ES13 新增特性
ES13 新增类的私有属性，语法为 “# 属性名”。以 JavaScript 代码为例，定义 Person 类，有公有属性 name 和私有属性 #age、#weight ，构造方法初始化属性。类内方法 intro 可访问属性，实例化对象后，外部能访问公有属性，无法直接访问私有属性，需通过类内方法访问私有属性。
2025-03-03 11:09:29
297
原创 ES12 新增特性
ES12 新增了诸多特性。逻辑赋值操作符（??=、&&=、||=）可便捷赋值；数字分隔符方便阅读大数字；replaceAll 能将所有匹配替换；Promise.any 只要有一个参数实例变为 fulfilled 状态，包装实例就成 fulfilled，否则为 rejected 。
2025-03-03 09:33:16
318
原创 ES11 新增特性
ES11 新增了多项实用特性。Promise.allSettled 始终返回成功结果。动态 import 可按需导入模块。BigInt 能表示任意大整数。globalThis 可获取不同环境的全局对象。String.matchAll 返回匹配结果迭代器。可选链和空值合并运算符简化了属性访问和空值判断。
2025-03-03 09:27:45
913
原创 ES10 新增特性
ES10 新增了多项特性。Object.fromEntries 可将二维数组或 Map 对象转为对象，与 Object.entries 互为逆运算。trimStart 和 trimEnd 能分别清除字符串左侧或右侧空白。Array.flat 和 flatMap 用于数组降维及映射与降维结合。Symbol.description 可获取 Symbol 的描述字符串 。
2025-03-03 09:21:21
418
原创 ES9 新增特性
本篇文章讲述了ES9 带来多项新特性。对象拓展方面，新增针对对象的 Rest 参数与 spread 扩展运算符，前者用于收集剩余参数，后者方便对象合并。正则拓展有正则命名分组，便于提取特定内容；还有反向断言，可按特定前置条件匹配。此外，Promise 新增 finally 方法，无论成功或失败都执行相同代码。
2025-03-01 10:15:03
388
原创 ES8 新增特性
ES8 新增了 async 和 await、对象方法扩展、字符串填充等特性。async 和 await 简化异步操作，async 函数返回 Promise 对象，await 用于获取 Promise 成功值。对象方法扩展包括 Object.values、Object.entries、Object.getOwnPropertyDescriptors 等。字符串填充的 padStart 和 padEnd 方法可使字符串达固定长度。
2025-03-01 09:30:05
541
原创 ES7 新增特性
摘要：本文介绍了 ES7 的两个新特性。一是Array.includes方法，用于检测数组中是否包含某个元素，返回布尔值，与indexOf不同，indexOf存在时返回元素下标，不存在返回 - 1。二是指数操作符**，用于实现幂运算，功能与Math.pow相同，如2 ** 10和Math.pow(2, 10)结果均为 1024 。
2025-02-28 17:26:45
261
原创 ES6 特性全面解析与应用实践
本文详细介绍了 JavaScript 中 ES6 及以上版本的新特性和语法改进。内容涵盖 let 和 const 的使用、变量解构赋值、模板字符串、数值和字符串扩展、数组与对象的新方法、箭头函数、参数默认值与 rest 参数、Symbol 类型、迭代器与生成器、Promise、Set 和 Map 数据结构、类的使用与继承、模块化的实现等。通过代码示例和详细解析，帮助开发者更好地理解和应用这些特性，提升代码的可读性和开发效率。
2025-02-28 17:14:23
1344
原创 (九）axios的使用
本文全面介绍 axios，从其背景和优势讲起，涵盖基本使用，包括安装、各种请求方式、配置与拦截器运用。还深入阐述 Vue 中 axios 使用，含基本操作、一二次封装，最后提及表格添加和天气案例等应用，助力掌握 axios 在 Web 开发中的运用。
2025-02-26 15:37:20
1030
原创 (八)ajax封装和跨域
本文全面介绍 ajax 相关知识，涵盖原生 ajax 概念、特点及 HTTP 协议，阐述 node.js 和 express 框架搭建服务端。详细讲解原生 ajax、JQuery 及 axios 发送请求的实现方式，包括 get、post 等请求类型及处理。还深入探讨跨域问题，介绍同源策略，以及 JSONP 和 CORS 两种跨域解决方案。
2025-02-26 13:46:49
1084
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人