15年，专注软件定制开发

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

php在使用JQuery.lazyload图片懒加载时，正则替换Img的src为original
2024-11-17 18:13:34 +0800 CST view 3239
在页面有很多大图时，为了提升用户体验和减轻服务器压力，通常会使用图片懒加载技术。使用lazyload时，需要将图片的src值设置为占位符，并将真实路径赋给original，以确保jquery.lazyload正常执行。示例代码展示了如何替换图片标签的src属性，并使用jquery.lazyload实现懒加载效果。
前端开发性能优化技术实现

MonkeyOCR：国产开源OCR新星，结构化识别更高效
2025-07-22 18:09:30 +0800 CST view 308
MonkeyOCR是一款国产开源OCR工具，专注于高效的结构化识别，支持中英文复杂排版。其核心架构SRR三元组范式通过检测文档结构、进行高精度识别和推理结构关系，显著提升了识别准确率和速度。支持多种文档类型和应用场景，提供Docker一键部署和在线Demo体验，适合金融、科研和开发者使用。
OCR 开源软件文档自动化人工智能技术工具

掌握现代 Web API：2024 年强大浏览器功能指南

掌握现代 Web API：2024 年强大浏览器功能指南
2024-11-18 00:58:04 +0800 CST view 824
本指南探讨了2024年现代Web开发中关键的WebAPI，包括支付请求、存储、DOM、HTML清理、Canvas、历史、剪贴板、全屏、FormData、Fetch、拖放和地理位置API。这些API为开发人员提供了强大的工具，以创建更动态、安全和用户友好的Web应用程序。掌握这些API将提升用户体验和应用程序性能。
Web开发 API 前端技术用户体验安全性

聚合支付管理系统
2025-07-23 13:33:30 +0800 CST view 307
该聚合支付管理系统是一个前后端分离的平台，支持多种支付方式，具备灵活的插件架构和精细的权限控制。系统使用Go和Vue3构建，支持容器化与微服务架构，提供实时数据分析和安全防护。核心功能包括仪表盘、订单管理、商户管理、支付管理、结算中心等，适用于金融、SaaS和电商等行业。
支付系统技术架构安全管理

Nginx 性能优化有这篇就够了！

Nginx 性能优化有这篇就够了！
2024-11-19 01:57:41 +0800 CST view 880
本文详细介绍了10个实用的Nginx性能优化技巧，包括工作进程配置、CPU亲和力、最大打开文件数、事件处理模型、高效传输模式、连接超时时间、FastCGI调优、Gzip压缩、Expires缓存优化及内核参数优化。这些技巧旨在提升Nginx的性能和稳定性，适用于各种规模的互联网项目。
Web服务器性能优化技术文档

使用OpenAI文本嵌入模型的全面指南
2024-11-18 11:26:06 +0800 CST view 1225
本文提供了关于使用OpenAI文本嵌入模型的全面指南，涵盖向量嵌入的定义、应用场景及模型选择。向量嵌入能够将非结构化数据转换为机器可处理的向量表示，广泛应用于语义搜索、推荐系统等。文中还介绍了如何使用OpenAI的嵌入模型生成向量嵌入，并与ZillizCloud集成，以实现高效的语义搜索。
人工智能机器学习数据处理技术指南开发者资源

《蜂巢式前端架构革命》——easy.ui 全景解析

《蜂巢式前端架构革命》——easy.ui 全景解析
2025-08-05 08:16:20 +0800 CST view 165
《蜂巢式前端架构革命》介绍了easy.ui的微前端架构，旨在解决传统单体前端项目中团队协作、构建部署耦合等问题。通过将单页面拆分为多个独立的子项目，easy.ui实现了低耦合、高隔离的设计，支持统一入口与编排。文中详细分析了核心功能、技术栈选型及未来发展蓝图，为前端团队提供了有效的架构方案。
前端架构微服务团队协作性能优化技术栈

介绍`Navigator`对象的各个属性，包括其描述、用法和返回值

介绍`Navigator`对象的各个属性，包括其描述、用法和返回值
2024-11-19 02:17:35 +0800 CST view 981
本文详细介绍了`Navigator`对象的各个属性，包括其描述、用法和返回值。涵盖了如`appCodeName`、`appName`、`bluetooth`、`clipboard`等属性，提供了如何在实际应用中利用这些信息的示例代码，帮助开发者更好地理解和使用这些API，以优化用户体验和应用性能。
Web开发浏览器API 前端技术用户体验 JavaScript

键让图片“动”起来！Magic Animator Figma 插件实测体验
2025-08-14 16:12:02 +0800 CST view 152
MagicAnimator是由LottieLab发布的Figma插件，能通过AI自动生成可编辑的关键帧动画。用户只需拖入图片并点击按钮，即可快速生成多种动效，支持LottieJSON、GIF和MP4格式导出。该插件简化了动画制作流程，适用于App、网页和社交媒体，提升了设计师的工作效率。
动画制作设计工具 Figma插件 AI技术动效设计

10 万条数据毫秒级前端模糊搜索方案
2025-08-15 11:58:14 +0800 CST view 209
本文介绍了如何使用FlexSearch.js实现毫秒级的模糊搜索，解决传统搜索方法在处理10万条数据时导致的UI卡顿和浏览器崩溃问题。通过预计算和索引构建，结合WebWorker技术，优化搜索体验，确保搜索结果快速返回。提供了防抖和限制返回条数等最佳实践，以提升用户体验。
前端开发性能优化搜索技术

Ruoyi-Vue-Pro 开发指南：一个简单易上手的 Spring Boot 开发平台芋道管理系统
2024-11-18 15:56:22 +0800 CST view 1334
Ruoyi-Vue-Pro是一个基于SpringBoot的开发平台，旨在帮助开发者快速搭建Web应用程序。它结合了现代技术栈，提供模块化架构、前后端分离、代码生成等功能，提升开发效率和系统可维护性。支持多种数据库，适合初学者和经验丰富的开发者，能够快速构建稳定的企业级应用。
开发平台技术栈企业应用 Web开发软件工程

浏览器原生剪贴板大揭秘：原来你也能轻松读取用户截图！

浏览器原生剪贴板大揭秘：原来你也能轻松读取用户截图！
2025-08-15 12:28:43 +0800 CST view 185
本文全面解析了浏览器原生剪贴板API`navigator.clipboard`，介绍了如何安全地读取和写入剪贴板内容，包括文本和图片的处理。通过示例代码，读者可以学习如何实现用户授权的剪贴板操作，确保用户隐私，同时提升网页应用的用户体验。
Web技术前端开发用户体验安全性 API

5 种替代 if-else 的实用 JavaScript 优化技巧，让代码更简洁可维护

5 种替代 if-else 的实用 JavaScript 优化技巧，让代码更简洁可维护
2025-08-15 12:32:53 +0800 CST view 215
本文总结了5种替代if-else的JavaScript优化技巧，包括三元运算符、对象字面量映射、策略模式、短路运算符和规则数组。这些技巧旨在提升代码的简洁性和可维护性，帮助开发者在复杂逻辑中保持代码清晰和易读。
编程 JavaScript 代码优化软件开发技术技巧

前端代码规范 - 图片相关

前端代码规范 - 图片相关
2024-11-19 08:34:48 +0800 CST view 772
本文详细介绍了前端项目中图片的使用规范，包括图片格式选择、尺寸与压缩、图标使用、响应式图片、懒加载、缓存、合理使用、组件化优化、CDN优化以及可访问性等方面。合理使用图片不仅能提升页面加载速度，还能增强用户体验和SEO效果。
前端图片优化用户体验开发规范技术文档

浏览器悄悄上线了这个 API，让跨标签页通信变得轻而易举

浏览器悄悄上线了这个 API，让跨标签页通信变得轻而易举
2025-08-15 12:35:34 +0800 CST view 106
BroadcastChannelAPI是现代Web开发中用于同源跨标签页通信的高效解决方案。它允许不同上下文之间广播消息，支持复杂数据类型，简化了开发者的工作。通过创建频道、发送和接收消息，开发者可以轻松实现状态同步和实时协作。与传统的localStorage方法相比，BroadcastChannel提供了更直观和高效的通信方式，适用于多种场景。
Web开发 API 前端技术浏览器通信

告别 setTimeout，前端调度进入智能时代

告别 setTimeout，前端调度进入智能时代
2025-08-15 12:45:15 +0800 CST view 112
在前端开发中，浏览器是单线程的，JavaScript执行可能导致页面卡顿。传统的setTimeout方法不够可靠，而requestAnimationFrame提供了与视觉同步的调度。为了解决低优先级任务的阻塞问题，现代浏览器引入了requestIdleCallback，允许在主线程空闲时执行任务。通过这两者的结合，开发者可以更好地管理任务，提高页面性能和用户体验。
前端技术性能优化 JavaScript

封装WebSocket消息推送，干翻Ajax轮询方式

封装WebSocket消息推送，干翻Ajax轮询方式
2024-11-18 20:10:17 +0800 CST view 808
本文对比了AJAX和WebSocket在消息推送中的应用，介绍了如何封装WebSocket消息推送管理器以替代传统的AJAX轮询方式。通过示例代码，展示了AJAX的轮询和长轮询实现，以及WebSocket的高效通信方式。最后，提供了WebSocketManager类的设计思路，强调了其在连接管理、消息处理和重连机制中的重要性。
Web开发实时通信技术对比 JavaScript 编程

告别传统方法：在关闭浏览器标签前可靠发送 HTTP 请求

告别传统方法：在关闭浏览器标签前可靠发送 HTTP 请求
2025-08-15 15:16:12 +0800 CST view 99
在前端开发中，用户关闭页面时需要向服务器发送数据，但传统方法如同步XMLHttpRequest会阻塞主线程，影响用户体验。现代方案如`navigator.sendBeacon()`和`fetch({keepalive:true})`提供了异步非阻塞的方式，确保数据在页面关闭时可靠发送。适用于日志、统计和草稿保存等场景。
前端开发 HTTP 用户体验数据处理 Web技术

ffmpeg安装报错Unknown encoder 'libmp3lame'

ffmpeg安装报错Unknown encoder 'libmp3lame'
2024-11-19 06:55:32 +0800 CST view 915
在使用ffmpeg将.m4a文件转换为.mp3文件时，遇到Unknownencoder'libmp3lame'的错误。经过多种尝试，最终通过下载静态编译版本的FFmpeg成功解决了问题。提供了四种解决方案，包括通过PPA安装、源代码编译、下载静态版本和安装额外编码器库。推荐使用静态编译版本以避免依赖冲突。
音频转换软件安装编程技术支持

使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件，使用v-model绑定用户输入，并在失去焦点时进行字段验证

使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件，使用v-model绑定用户输入，并在失去焦点时进行字段验证
2024-11-19 01:13:52 +0800 CST view 820
本文介绍了如何使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件，使用v-model绑定用户输入，并在失去焦点时进行字段验证。验证逻辑包括用户名不能为空、邮箱格式正确性及密码长度要求。提交表单时，检查所有字段的有效性，并根据验证结果给出相应提示。最后，提供了启动应用的命令。
Web开发前端技术 Vue.js

Dcat Admin：高效简洁的Laravel后台管理系统构建神器
2024-11-18 09:09:39 +0800 CST view 1518
DcatAdmin是一个基于Laravel框架的高效简洁的后台管理系统构建工具，支持快速构建功能完善的后台界面。它集成了丰富的前端技术和组件，简化了用户管理和权限控制等功能，适合各种项目需求。DcatAdmin提供灵活的扩展性和良好的用户体验，帮助开发者提升工作效率。
Web开发后台管理开发工具 Laravel 前端技术

前端录屏黑科技：几行 JS 代码实现网页录屏

前端录屏黑科技：几行 JS 代码实现网页录屏
2025-08-15 15:19:33 +0800 CST view 122
本文介绍了如何使用MediaRecorderAPI和原生JavaScript实现网页录屏功能。通过简单的几行代码，开发者可以获取用户屏幕流并进行录制，支持音视频捕获。文章详细说明了获取媒体流、创建MediaRecorder实例、开始和停止录制的步骤，并提供了注意事项和最佳实践，强调了浏览器兼容性和用户授权的重要性。
前端开发 Web技术编程视频处理

无感刷新 Token：打造“永不掉线”的丝滑用户体验

无感刷新 Token：打造“永不掉线”的丝滑用户体验
2025-08-15 15:23:36 +0800 CST view 172
无感刷新Token机制通过双Token体系（AccessToken和RefreshToken）解决了短生命周期Token带来的安全性与用户体验矛盾。用户在操作时几乎感受不到登录过期，系统通过拦截器自动刷新Token，确保API安全性，同时支持并发请求，避免刷新竞态问题。这一机制是现代Web应用提升用户体验的标配方案。
用户体验安全性 Web开发身份验证技术实现

前端文件下载的 N 种姿势：从简单到高级

前端文件下载的 N 种姿势：从简单到高级
2025-08-15 15:27:34 +0800 CST view 161
本文介绍了前端文件下载的多种方法，从最简单的`<a>`标签的`download`属性到高级的FetchAPI结合Blob和URL.createObjectURL。每种方法的原理、优缺点以及适用场景都进行了详细分析，并提供了可运行的示例代码，帮助开发者选择合适的下载方案。
Web开发前端技术文件处理

上一页 1...3 456 7...12 下一页