15年，专注软件定制开发

php mysql shell go vue css api接口对接支付接口对接

Vue3的组合API构建一个简单的投票应用。应用支持用户选择投票选项并实时查看统计结果

Vue3的组合API构建一个简单的投票应用。应用支持用户选择投票选项并实时查看统计结果
2024-11-18 12:52:12 +0800 CST view 1052
本文介绍了如何使用Vue3的组合API构建一个简单的投票应用。应用支持用户选择投票选项并实时查看统计结果。文章详细描述了项目结构、组件创建、数据管理及投票提交逻辑，并提供了完整的代码示例，适合前端开发者学习和实践。
前端开发 Vue 实时应用投票系统编程教程

Vue3如何引入SVG图标？一篇文章快速学会！
2024-11-18 09:39:49 +0800 CST view 798
本文介绍了如何在Vue3项目中引入SVG图标，包括SVG的基本概念、下载图标的方法、安装和配置相关插件，以及如何封装和使用SVG图标组件。通过示例代码，读者可以快速掌握在Vue3中使用SVG图标的技巧，满足特定项目的需求。
前端开发 Vue SVG图标组件库技术教程

前端必学技巧：用户离开页面时如何可靠地发送 HTTP 请求？

前端必学技巧：用户离开页面时如何可靠地发送 HTTP 请求？
2025-08-16 09:03:44 +0800 CST view 263
本文讨论了在用户离开页面时如何可靠地发送HTTP请求，避免数据丢失的问题。常见的做法如直接使用fetch会导致请求被取消，而使用awaitfetch会影响用户体验。现代浏览器支持fetch的keepalive参数，可以在页面卸载时继续发送请求，推荐使用此方法或navigator.sendBeacon来确保数据的可靠上报。
前端开发 Web技术用户体验数据上报

JavaScript设计模式：装饰器模式

JavaScript设计模式：装饰器模式
2024-11-19 06:05:51 +0800 CST view 851
装饰器模式是一种结构型设计模式，允许在不修改对象本身的情况下动态地为其增加新功能。通过创建包装对象，装饰器模式实现了对象功能的扩展。该模式的核心组件包括抽象组件、具体组件、抽象装饰者和具体装饰者。它在多个领域有广泛应用，如Axios拦截器、React高阶组件和TypeScript装饰器，提供了灵活且优雅的解决方案。
设计模式 JavaScript 编程软件工程前端开发

一个有趣的进度条
2024-11-19 09:56:04 +0800 CST view 885
该文本是一个HTML文档，包含CSS样式和JavaScript代码，用于创建一个具有动画效果的截止日期倒计时器。使用SVG图形展示火焰效果，并通过jQuery实现动态更新和动画。文档结构清晰，包含了动画效果的定义和实现，适合用于展示时间倒计时的网页应用。
前端开发网页设计动画效果

前端必备！用请求队列轻松控制批量请求，告别浏览器卡死与服务器崩溃

前端必备！用请求队列轻松控制批量请求，告别浏览器卡死与服务器崩溃
2025-08-16 09:14:37 +0800 CST view 233
本文介绍了如何使用请求队列来控制前端的批量请求，避免浏览器卡顿和服务器崩溃。通过实现一个简单的RequestPool类，限制并发请求数量，确保请求按顺序执行，从而提高应用的稳定性和用户体验。提供了代码示例和使用方法，适用于各种前端场景。
前端开发性能优化 JavaScript

使用Vue3和marked库实现一个基础的Markdown编辑器

使用Vue3和marked库实现一个基础的Markdown编辑器
2024-11-18 17:01:21 +0800 CST view 1180
本文介绍了如何使用Vue3和marked库实现一个基础的Markdown编辑器。通过Vue3的CompositionAPI，创建一个响应式的Markdown编辑器组件，用户可以在文本区域输入Markdown文本，并实时预览渲染后的HTML内容。文章还提供了项目结构、依赖安装、组件创建及样式设置的详细步骤，适合现代网页开发者学习和使用。
前端开发 Vue Markdown 编程 Web应用

WebSQL数据库：HTML5的非标准伴侣

WebSQL数据库：HTML5的非标准伴侣
2024-11-18 22:44:20 +0800 CST view 715
WebSQL是一个独立于HTML5规范的数据库API，曾在前端开发中扮演重要角色。它提供了简单的API用于数据库交互，包括打开数据库、控制事务和执行SQL查询。尽管WebSQL已被W3C废弃，现代浏览器不再支持，但了解其基本用法和历史仍然有价值。本文介绍了WebSQL的核心API及其在实际项目中的应用示例。
前端开发数据库 Web技术

前端上传按钮防“狂点”策略：逻辑锁、UI锁与最佳实践

前端上传按钮防“狂点”策略：逻辑锁、UI锁与最佳实践
2025-08-16 09:18:40 +0800 CST view 215
本文讨论了在现代Web应用中，如何防止用户快速点击上传按钮导致的重复请求问题。提出了三种策略：UI层防护（禁用按钮）、逻辑层防护（状态标志）和后端防御措施。通过这些方法，可以有效提升用户体验并确保上传任务的安全性和唯一性。
前端开发用户体验 Web应用文件上传编程技巧

axios 源码解析：十分钟带你实现一个 mini-axios
2024-11-18 22:27:47 +0800 CST view 870
本文介绍了如何在十分钟内实现一个精简版的axios，涵盖了准备测试环境、核心请求构建、多宿主环境适配、拦截器实现和请求取消功能。通过示例代码，读者可以快速理解axios的内部原理，并在项目中灵活应用。
JavaScript 网络请求前端开发

前端文件上传全攻略：从表单提交到分片上传

前端文件上传全攻略：从表单提交到分片上传
2025-08-16 09:29:45 +0800 CST view 307
本文详细介绍了四种常见的前端文件上传方案，包括经典表单提交、Ajax异步上传、Base64编码上传和分片上传。每种方案都提供了代码示例和优缺点分析，适用于不同的场景和需求，帮助开发者选择合适的文件上传方式。
前端开发文件上传 Web技术

Vue3实现一个个性化的动态表单生成器

Vue3实现一个个性化的动态表单生成器
2024-11-17 18:43:57 +0800 CST view 1020
本文介绍了如何使用Vue3实现一个个性化的动态表单生成器。通过配置对象定义表单字段，支持动态变化和验证功能。示例代码展示了如何创建项目、配置表单字段、处理用户输入和验证。使用Vue3的CompositionAPI，使得逻辑复用和维护更加简单，开发者可以根据需求自定义表单字段，扩展新的字段类型与验证规则。
前端开发 Vue.js 动态表单用户体验 JavaScript

uni-app 也能实现全局 Toast？这套方案彻底搞定！

uni-app 也能实现全局 Toast？这套方案彻底搞定！
2025-08-17 18:33:39 +0800 CST view 388
本文介绍了一种在uni-app中实现全局Toast的解决方案，解决了传统方法的局限性。通过wd-toast组件、Layout插件和Pinia状态管理，用户可以在任何地方调用Toast，支持网络请求失败提示、路由守卫提醒等功能。该方案还具备良好的扩展性，能够实现全局加载和弹窗等功能，提升用户体验。
uni-app 前端开发用户体验组件化状态管理

如何用原生 JavaScript 检测 DOM 是否已加载完成？
2024-11-18 13:01:16 +0800 CST view 806
本文介绍了如何使用原生JavaScript检测网页的DOM是否已加载完成。通过监听`DOMContentLoaded`和`load`事件，以及检查`document.readyState`属性，开发者可以判断DOM的加载状态。这对于确保在DOM完全加载后执行初始化操作非常重要，能够提高代码的稳定性和性能。
前端开发 JavaScript DOM操作

Vue3和公共天气API（如OpenWeatherMap）构建一个简易的天气查询应用

Vue3和公共天气API（如OpenWeatherMap）构建一个简易的天气查询应用
2024-11-19 06:21:52 +0800 CST view 1014
本文介绍了如何使用Vue3和公共天气API（如OpenWeatherMap）构建一个简易的天气查询应用。通过组合式API，用户可以输入城市名并查询实时天气。文章详细说明了项目结构、组件创建、API请求及样式设置，帮助开发者熟悉Vue3的用法和与API的结合。
前端开发 Vue API 天气应用编程

一个简单的瀑布流布局实现方法，使用Vue3和Vite技术

一个简单的瀑布流布局实现方法，使用Vue3和Vite技术
2024-11-19 09:50:45 +0800 CST view 1207
本文分享了一个简单的瀑布流布局实现方法，使用Vue3和Vite技术。通过自定义指令`v-waterfall`，实现动态卡片布局，并提供了HTML、CSS和JavaScript代码示例。文中还讨论了如何处理卡片间隔的问题，适合开发者参考和优化。
前端开发 Web设计 Vue框架

Web 端 DOCX 预览终极方案：docx-preview 与 mammoth 深度对比
2025-08-19 16:27:08 +0800 CST view 338
本文深入探讨了两种前端DOCX处理工具：docx-preview和mammoth。docx-preview提供像素级样式还原，适合需要精确预览的场景；而mammoth专注于内容提取，生成语义化HTML，适合轻量级应用。通过对比两者的特性、适用场景及性能优化技巧，帮助开发者选择合适的解决方案。
文档处理前端开发 Web技术

三行CSS实现惊艳像素化效果：揭秘Element-plus官网视觉魔法

三行CSS实现惊艳像素化效果：揭秘Element-plus官网视觉魔法
2025-08-19 16:30:01 +0800 CST view 283
本文深入剖析了Element-plus官网的像素化效果，展示了如何用三行CSS代码实现复古像素风格。通过创建半透明像素网格遮罩层，结合径向渐变和模糊滤镜，用户可以轻松复现这一视觉效果。文章还提供了代码示例、参数调优指南及技术原理解析，强调了CSS在视觉设计中的强大能力。
CSS 前端开发视觉设计用户体验技术解析

禁止调试前端页面代码

禁止调试前端页面代码
2024-11-19 02:17:33 +0800 CST view 1297
本文探讨了几种前端防调试技巧，包括无限输出debugger语句、基于浏览器宽高检测的方法、跳转空白页面的策略，以及使用disable-devtool和console-ban等插件。通过这些方法，可以有效增加调试的难度，防止攻击者通过开发者工具获取代码。然而，这些技术并不能完全阻止恶意攻击者，敏感信息应在后端处理。
前端开发安全调试技术

Vue3中使用Vuelidate进行表单验证。Vuelidate是一个轻量级的表单验证库，提供了简单直观的方式来定义验证规则

Vue3中使用Vuelidate进行表单验证。Vuelidate是一个轻量级的表单验证库，提供了简单直观的方式来定义验证规则
2024-11-17 04:26:38 +0800 CST view 1614
本文介绍了如何在Vue3中使用Vuelidate进行表单验证。Vuelidate是一个轻量级的表单验证库，提供了简单直观的方式来定义验证规则。通过创建一个包含用户名、邮箱和密码的注册表单，展示了如何使用Vuelidate进行有效的输入验证，并在用户输入不符合要求时提供实时反馈。
前端开发 Vue.js 表单处理用户体验 JavaScript

告别卡顿！Lenis平滑滚动库让你的网页滚动如丝般顺滑

告别卡顿！Lenis平滑滚动库让你的网页滚动如丝般顺滑
2025-08-20 09:23:02 +0800 CST view 241
Lenis是由DarkroomEngineering团队开发的轻量级JavaScript平滑滚动库，旨在解决长页面滚动卡顿、视差效果不同步等问题。它通过`requestAnimationFrame`实现高性能的滚动效果，体积小且框架无关，支持丰富的自定义选项和强大的事件系统。Lenis与GSAPScrollTrigger结合使用，能够实现流畅的视差滚动效果，适合各种前端开发场景。
前端开发 JavaScript 动画效果

jQuery中向DOM添加元素的多种方法
2024-11-18 23:19:46 +0800 CST view 830
本文介绍了在jQuery中向DOM添加元素的多种方法，包括`append()`、`prepend()`、`after()`、`before()`、`add()`、`html()`、`wrap()`和`unwrap()`。每种方法都附有示例代码，展示如何在网页中动态添加或修改内容，并提供了一些最佳实践和注意事项，以提高代码性能和可读性。
前端开发 jQuery 网页交互

在JavaScript中实现队列

在JavaScript中实现队列
2024-11-19 01:38:36 +0800 CST view 879
本文介绍了如何在JavaScript中实现队列，队列是一种先进先出（FIFO）的数据结构，适用于管理异步请求。通过示例代码，展示了如何创建请求队列，控制并发请求数量和请求间隔时间，并提供了队列是否为空的监听方法。适合需要处理大量异步请求的场景，帮助开发者更好地管理请求流程。
编程 JavaScript 数据结构异步编程前端开发

在Vue 3中实现用户登录功能，使用Firebase认证

在Vue 3中实现用户登录功能，使用Firebase认证
2024-11-18 22:06:44 +0800 CST view 1017
本文介绍了如何在Vue3中使用Firebase实现用户登录功能。通过安装Firebase和VueFire，配置Firebase，创建登录组件，并集成到应用中，开发者可以快速实现安全的用户认证。文章详细描述了每个步骤，包括代码示例，帮助开发者理解和实现这一功能。
前端开发用户认证 Vue框架 Firebase

上一页 1...10 111213 14...41 下一页