- 博客(14)
- 收藏
- 关注
RSS订阅原创 Vue3实现拖拽排序
在管理后台系统中，表格数据的排序功能是一个常见的需求。✅ 通过拖拽图标对表格行进行排序✅ 实时更新数据顺序✅ 支持数据过滤后的排序✅ 切换标签页时自动初始化✅ 优雅的动画效果id: string;id : "1" , name : "楼宇性质1" , enabled : true , sortOrder : 1 } , {
2025-11-14 13:53:39
1149
原创 Vite 开发环境与生产环境配置指南
✅统一管理不同环境的配置✅解决跨域问题（开发环境）✅提高开发效率，无需手动切换配置✅保证安全性，敏感信息不提交到代码库希望本文能帮助你更好地管理 Vite 项目的环境配置。如有问题，欢迎交流讨论！
2025-11-13 13:50:50
1441
原创 深入理解 DOM
文档的树状结构表示：将 HTML 文档转换为可操作的对象树标准化的操作接口：统一的方法来访问和修改文档事件处理机制：响应用户交互的能力跨浏览器兼容性：标准化的 API 确保代码在不同浏览器中工作掌握 DOM 操作是每个前端开发者的必备技能。虽然现代框架提供了更便捷的开发方式，但深入理解 DOM 原理仍然非常重要，它有助于我们写出更高效、更可靠的代码。
2025-11-12 10:19:36
774
原创 JavaScript 数组方法完全指南
特点修改原数组返回被移除的元素如果数组为空，返回undefined// 6// 5JavaScript 数组提供了丰富而强大的方法，掌握这些方法可以大大提高开发效率。
2025-11-11 14:40:29
928
原创 Axios 指南
Axios是一个基于 Promise 的网络请求库，可以同时运行在浏览器和 Node.js 环境中。它是isomorphic的（同构的），意味着同一套代码可以在浏览器和 Node.js 中运行。浏览器端(客户端)：使用 XMLHttpRequestNode.js 端(服务端)：使用原生 http 模块✅ 基于 Promise 的 API，支持 async/await✅ 请求和响应拦截器✅ 自动转换 JSON 数据✅ 取消请求功能✅ 超时处理✅ 错误处理机制。
2025-11-11 08:32:33
888
原创 JavaScript 同步异步与 Promise 详解
同步编程是指代码按照顺序逐行执行，每一行代码必须等待前一行代码执行完成后才能继续执行。如果某个操作需要较长时间（比如从服务器获取数据），整个程序会被阻塞，直到该操作完成。// 同步代码示例console.log('开始执行');console.log('执行中...');console.log('执行完成');// 输出顺序：// 开始执行// 执行中...// 执行完成代码执行顺序与编写顺序一致简单直观，易于理解阻塞性：一个操作会阻塞后续操作。
2025-11-10 17:13:15
442
原创 uniapp页面路由详解
uni-app 提供了丰富的路由 API，用于实现页面之间的跳转和导航。根据不同的使用场景，可以选择不同的路由方法。理解这些 API 的区别和使用场景，对于开发高质量的 uni-app 应用至关重要。uni-app 的路由系统提供了灵活且强大的页面导航能力。优化用户体验：选择合适的跳转方式和动画效果管理页面栈：合理控制页面层级，避免内存问题实现页面通信：通过 EventChannel 实现页面间的数据传递提升开发效率：使用合适的路由方法简化代码逻辑需要返回→ 使用navigateTo不需要返回。
2025-11-10 10:25:55
1039
原创 package.json解读
现代化技术栈Vite 构建工具，开发体验极佳Pinia 状态管理，类型友好通过分析的，我们看到了一个现代化前端项目的完整工程化实践。从技术选型到工具配置，从开发流程到构建优化，每一个细节都体现了对工程质量的追求。这不仅仅是一个配置文件，更是前端工程化实践的最佳范例。对于正在构建或优化前端项目的开发者来说，这里有很多值得学习和借鉴的地方。技术栈版本Vue 3.5.18Vite 7.0.6。
2025-11-06 10:08:50
899
原创 前端开发中的跨域问题：Vite 开发环境配置指南
前端跨域问题解决方案：Vite代理配置指南 本文介绍了前端开发中常见的跨域问题及其解决方案，重点讲解了Vite开发环境下的代理配置方法。主要内容包括： 跨域问题原因：浏览器同源策略限制，协议/域名/端口任一不同即产生跨域 三种解决方案对比： 后端配置CORS（生产环境推荐） 浏览器插件（不推荐） Vite代理（开发环境最佳方案） Vite代理详细配置： 基础配置示例 关键参数说明（target/changeOrigin/rewrite） 前端HTTP客户端配合设置 高级应用场景： 多代理规则配置 WebSo
2025-11-05 17:03:01
1080
原创 移动端使用uni.shareWithSystem分享到微信
uni.shareWithSystem是uni-app提供的调用系统分享功能的方法，目前仅支持App端（2.6.4+）。该方法无需配置SDK即可实现文本和图片分享，但不同平台有不同限制：Android分享图片需使用原图路径，iOS分享到微信必须包含链接。使用时应处理分享失败的情况（如降级为复制内容），注意success回调仅表示操作完成而非用户实际分享成功。目前存在分享后无法返回原应用的问题，建议开发者关注后续版本修复或考虑使用plus.share插件替代。
2025-11-05 09:08:24
1110
原创 UniApp + Vue3 持久化登录(清除后台仍保持登陆状态)
/ 防止重复跳转的标志位// 记录是否是首次启动：防止并发跳转导致的路由冲突：区分首次启动和后台恢复，避免重复处理本文详细介绍了一种在 UniApp + Vue3 项目中实现持久化登录的完整方案。数据持久化：使用本地存储保存登录信息状态恢复：在应用生命周期钩子中恢复状态自动跳转：检测到已登录时自动跳转兜底机制：多层级检查确保可靠性。
2025-11-03 10:39:07
964
2
原创 uni.modal在移动端直接调用os原生弹窗，如何实现自定义模态窗
本文介绍了一个自定义弹窗组件，用于解决uni-app多端显示不一致的问题。组件通过封装模板、样式和交互逻辑，提供了一个统一的弹窗样式，包含标题、内容、确认和取消按钮等功能。组件支持自定义标题文本、内容文本、按钮文字，以及控制是否显示取消按钮和遮罩层点击关闭等配置。核心代码包括模板结构、TypeScript接口定义、事件处理和样式定义，实现了与原生showModal相似的API但外观统一的弹窗效果。该组件可直接导入使用，适用于需要跨平台统一UI样式的uni-app项目。
2025-08-04 13:41:28
256
原创 uniapp中pick-view组件选中框样式不居中
开发中需要用到省市选择器，选择使用picker-view组件后发现样式选中框不居中。indicator-style 设置选中框样式，即刚才不居中的样式。解决方法：只要把picker-item的高度去掉就行。
2025-08-01 10:27:49
376
原创 HarmonyOS模拟器常见问题：启动模拟器时，弹窗提示“未开启Hyper-V”或“Hyper-V not enabled”。
3.在系统设备中找到系统设置，如图所示，全部右键启动。之后重启电脑就可以了。在Windows电脑上启动模拟器，提示未开启Hyper-V。1.搜索框搜索计算机管理器。
2025-03-03 20:58:51
590
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人