15年，专注软件定制开发

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

飞书一键复制网页内容为图片的实现原理

飞书一键复制网页内容为图片的实现原理
2024-11-19 07:09:39 +0800 CST view 1496
本文介绍了飞书一键复制网页内容为图片的实现原理，详细拆解了获取目标div、将div转换为canvas、转换canvas为二进制图像以及复制图像到剪贴板的步骤。通过使用html2canvas库和剪贴板API，小王成功实现了该功能，并在过程中解决了格式兼容性问题，最终得到了公司认可。
前端开发 JavaScript 技术实现

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

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

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

网站速度测试：技术原理与实现方案

网站速度测试：技术原理与实现方案
2025-08-24 16:14:04 +0800 CST view 166
本文探讨了网站速度测试工具的技术原理与实现方案，重点介绍了HEAD请求法、资源加载法等测量方法，以及如何通过JavaScript实现测速功能。文章还分析了网站速度对用户体验和SEO的影响，并提出了多种优化建议，强调了定期测试的重要性，以帮助开发者提升网站性能和用户满意度。
网站性能技术实现用户体验 SEO 开发工具

告别登录过期！无感刷新Token实战指南，让用户体验丝般顺滑

告别登录过期！无感刷新Token实战指南，让用户体验丝般顺滑
2025-08-30 15:24:06 +0800 CST view 85
本文深入探讨了双Token认证系统，通过Axios拦截器实现无感刷新Token的机制，旨在提升用户体验并解决登录过期带来的困扰。文章分析了AccessToken和RefreshToken的特点及其在安全性与用户体验之间的平衡，提供了详细的实现代码和安全最佳实践，确保系统的安全性与流畅性。
身份验证 Web开发用户体验安全性技术实现

SpringBoot 实现一人一号，无感刷新Jwt

SpringBoot 实现一人一号，无感刷新Jwt
2024-11-19 03:12:05 +0800 CST view 940
本文详细阐述了如何通过SpringBoot、SpringSecurity、JWT和Redis实现用户认证与授权，确保每位用户仅能通过一个账号登录，并有效管理Token的刷新策略。介绍了JwtTokenFilter拦截器的实现，如何解析和验证Token，以及无感刷新Token的机制，提升系统安全性和用户体验。
后端开发安全架构用户认证技术实现

在 Vue3 中如何实现列表的虚拟滚动？

在 Vue3 中如何实现列表的虚拟滚动？
2024-11-17 04:18:49 +0800 CST view 906
本文介绍了如何在Vue3中实现列表的虚拟滚动，通过只渲染可视区域的内容来提升页面性能。虚拟滚动技术可以减少内存占用，动态加载和卸载列表项。文章详细说明了安装依赖、引入组件、在模板中使用以及性能优化的步骤，并提供了示例代码，帮助开发者更好地实现这一功能。
前端开发性能优化 Vue框架技术实现

从零实现一个简化版JS引擎的基本步骤

从零实现一个简化版JS引擎的基本步骤
2024-11-19 05:49:01 +0800 CST view 716
本文介绍了从零实现一个简化版JS引擎的基本步骤，包括词法分析、语法解析和解释器的设计与实现。通过使用Acorn库，文章详细探讨了如何将JavaScript代码分解为标记、生成抽象语法树（AST）以及如何遍历AST并执行相应操作。最后，鼓励读者深入研究ECMAScript规范，扩展引擎以支持更多语言特性。
编程 JavaScript 软件开发引擎实现

软件开发全流程：从需求对接到项目交付
2024-11-19 05:03:50 +0800 CST view 1061
本文深入探讨软件开发的全流程，从与客户对接需求开始，到理解需求并报价，再到实际开发和应对客户的修改需求。强调了沟通的重要性和需求变更的处理，指出开发者需要具备技术能力和良好的架构设计思维，以确保项目按质按时交付。
支付接口接口对接怎么实现跨境支付通道

什么是 Vue 的服务端渲染（SSR）？它与客户端渲染的区别是什么？

什么是 Vue 的服务端渲染（SSR）？它与客户端渲染的区别是什么？
2024-11-18 09:40:45 +0800 CST view 949
Vue的服务端渲染（SSR）是一种在服务器上生成完整HTML页面并发送给客户端的技术，提供更好的SEO和更快的首屏加载速度。与客户端渲染（CSR）相比，SSR减轻了客户端负担，适合需要优化加载时间和搜索引擎优化的场景。Vue提供了`vue-server-renderer`库来实现SSR，开发者可以根据需求选择合适的渲染方式。
Web开发前端技术 Vue.js 渲染技术性能优化

Plate：基于AI+MCP的下一代富文本编辑器开发框架

Plate：基于AI+MCP的下一代富文本编辑器开发框架
2025-08-20 10:33:21 +0800 CST view 189
Plate是一个基于AI和MCP协议的富文本编辑器开发框架，旨在解决传统编辑器的开发复杂性和扩展性问题。它通过原生AI集成、标准化的MCP协议和现代化的UI设计，提供高效的开发体验和智能编辑功能。Plate支持多种应用场景，包括智能内容创作、企业知识库和教育平台，致力于成为现代内容编辑的技术基石。
技术开发开源编辑器 AI技术社区

WebAssembly：前端开发的性能加速利器

WebAssembly：前端开发的性能加速利器
2025-08-27 08:32:56 +0800 CST view 150
WebAssembly（WASM）是一种可在浏览器中运行的二进制指令格式，提供接近原生的性能表现，支持多种编程语言。它的优势包括卓越的执行速度、多语言开发支持、增强的安全性和广泛的浏览器兼容性。WASM在视频处理、图像处理、游戏、AI推理等领域有广泛应用。它与JavaScript并存，专注于性能密集型任务，推动前端开发进入新的性能时代。
Web技术编程语言前端开发性能优化浏览器技术

地图API全面收费！5个零成本替代方案，省下百万开发成本！

地图API全面收费！5个零成本替代方案，省下百万开发成本！
2025-08-28 15:15:45 +0800 CST view 384
本文探讨了面对高德、百度、腾讯地图API全面收费的情况，提供了五个零成本或低成本的地图替代方案，包括OpenStreetMap和MHCMap等。文章详细介绍了这些方案的优势、使用方式及适用场景，并强调了法律合规的重要性，建议企业考虑自建地图服务架构以降低长期成本和风险。
地图服务开源技术开发者资源成本管理技术自主

WebRTC直播技术详解：从原理到实战演示

WebRTC直播技术详解：从原理到实战演示
2025-09-02 10:30:46 +0800 CST view 116
WebRTC是一种开放标准，允许Web应用实现实时音视频通信，广泛应用于直播、视频会议等场景。本文详细介绍了WebRTC的核心技术原理，包括信令服务器、SDP和ICE，并提供了一个完整的WebRTC直播系统的实战演示代码。通过理解这些核心概念，开发者可以构建低延迟的直播应用，提升用户体验。
实时通信 Web技术直播技术

浏览器居然自带语音 API 和流处理 API！
2024-11-19 06:19:21 +0800 CST view 895
本文介绍了浏览器内置的语音合成API和流处理API的工作原理及应用场景，强调了它们在提升网页可访问性和用户体验方面的重要性。语音合成API允许将文本转换为语音，适用于视觉障碍用户；流处理API则支持按需读取数据，适合处理大型文件和实时数据流。通过这些技术，开发者可以创建更智能的网页应用。
网页开发无障碍技术前端技术

回到上次阅读位置技术实践

回到上次阅读位置技术实践
2025-04-19 09:47:31 +0800 CST view 716
本文讨论了在长网页中自动定位用户上次阅读位置的技术需求与实现方案。主要包括位置记录、数据存储和位置恢复。对比了四种方案：使用scroll事件和localStorage、锚点ID与URL、IntersectionObserverAPI以及滚动位置预测，分析了各方案的优缺点及适用场景，提供了选型建议以提升用户体验。
前端开发用户体验技术方案网页设计

markdown语法
2024-11-18 18:38:43 +0800 CST view 3158
Markdown是一种轻量级标记语言，以纯文本形式编写文档并可转换为HTML格式。由AaronSwartz和JohnGruber设计，因其易读、易写、易更改而受到广泛使用。Markdown支持多种语法，如标题、段落、引用、代码块等，适用于多种平台和工具，越来越多的网站和应用程序支持Markdown，方便用户组织内容。
编程文档技术工具网络

Vue3 中哪些 API 变化较大，需要开发者特别留意？

Vue3 中哪些 API 变化较大，需要开发者特别留意？
2024-11-18 10:16:41 +0800 CST view 810
Vue3中的API变化为开发者带来了新的功能和优化，特别是CompositionAPI、Teleport和Fragments。CompositionAPI提供了灵活的逻辑组织方式，提升了代码的可维护性和重用性；Teleport允许将组件渲染到DOM的其他位置；Fragments让模板结构更加简洁，避免了不必要的包裹元素。这些变化显著提升了开发体验。
前端开发 Vue.js 编程技术框架

10个优秀的开源无头浏览器—自动化测试、爬虫、RPA 操作利器

10个优秀的开源无头浏览器—自动化测试、爬虫、RPA 操作利器
2024-11-19 09:36:25 +0800 CST view 1516
无头浏览器是一种没有图形用户界面的Web浏览器，能够在后台执行任务，广泛应用于自动化测试、网络爬虫和数据抓取。它通过编程接口支持控制，提升测试效率并节省资源。主流工具包括Puppeteer、Selenium、Playwright等，适合在CI/CD流程中使用，但可能无法完全模拟真实用户体验。
开源工具自动化 Web技术测试爬虫

100多个基础常用JS函数和语法集合大全

100多个基础常用JS函数和语法集合大全
2024-11-19 06:30:20 +0800 CST view 2993
本文总结了JavaScript的基础知识，包括常用的输出语句、注释、DOM结构、表单操作、字符串处理、数学函数、日期处理等。内容涵盖了变量声明、条件判断、循环结构、函数定义等基本语法，适合初学者快速了解JavaScript的核心概念和常用功能。
编程 Web开发 JavaScript 前端技术学习资源

中后台开发神器！Cool-Admin-Midway 让你一分钟完成后台搭建！
2024-11-18 01:31:19 +0800 CST view 1292
Cool-Admin-Midway是基于Midway.js的后台管理系统解决方案，旨在帮助开发者快速搭建企业级管理系统。它结合了Midway.js的强大架构和Cool-Admin的高效前端模板，支持用户管理、权限控制等功能，适用于电商和SaaS平台。该系统具有模块化设计、AI编码、跨平台兼容性等特点，能够满足复杂的业务需求。
后台开发企业级应用技术框架管理系统开发工具

基于Webcodecs + Vue3实现的Web端剪辑工具
2024-11-19 10:07:35 +0800 CST view 1449
这是一个基于WebCodecs实现的Web端视频编辑工具，功能类似于剪映Web版。该工具允许用户在线编辑视频，提供了便捷的编辑体验。开源地址为：https://github.com/x007xyz/fly-cut。
视频编辑 Web技术开源工具

JavaScript 开发者都应该了解的 GitHub 代码库

JavaScript 开发者都应该了解的 GitHub 代码库
2024-11-18 16:14:17 +0800 CST view 923
本文介绍了多个在GitHub上的优秀JavaScript代码库，涵盖算法与数据结构、学习资源、最佳实践、代码片段与实用工具等多个主题。这些资源适合不同水平的开发者，帮助他们提升JavaScript技能，理解核心机制，掌握最佳实践，并为面试做好准备。
编程开发者开源学习技术

前端加密的重要性及两种常用的加密库：Crypto-JS和JSEncrypt

前端加密的重要性及两种常用的加密库：Crypto-JS和JSEncrypt
2025-05-05 20:25:34 +0800 CST view 906
本文介绍了前端加密的重要性及两种常用的加密库：Crypto-JS和JSEncrypt。前端加密可有效防范中间人攻击和数据篡改等安全威胁。Crypto-JS支持多种对称加密算法，如AES，而JSEncrypt实现了RSA非对称加密。结合使用这两种库，可以实现高效且安全的数据加密，确保用户数据在传输过程中的安全性。
网络安全加密技术前端开发

上一页12 3...12 下一页