15年，专注软件定制开发

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

前端接口防止重复请求的实现方案，主要通过axios拦截器来处理请求和响应

前端接口防止重复请求的实现方案，主要通过axios拦截器来处理请求和响应
2024-11-19 08:37:02 +0800 CST view 768
本文总结了前端接口防止重复请求的实现方案，主要通过axios拦截器来处理请求和响应。方案包括全屏Loading、请求去重和请求挂起等方法，最终采用了基于事件发布订阅的方式来共享请求结果，避免重复请求带来的问题，同时考虑了文件上传的特殊情况。
前端开发接口设计性能优化

如何实现元素的拖动功能，包括简单元素的拖动、列表项的拖动以及表格列和行的拖动

如何实现元素的拖动功能，包括简单元素的拖动、列表项的拖动以及表格列和行的拖动
2024-11-18 15:30:45 +0800 CST view 675
本文介绍了如何实现元素的拖动功能，包括简单元素的拖动、列表项的拖动以及表格列和行的拖动。通过处理鼠标的mousedown、mousemove和mouseup事件，结合动态DOM操作，读者可以掌握拖动效果的实现技巧，提升用户体验。文中提供了详细的HTML和JavaScript代码示例，帮助读者理解拖动功能的核心逻辑和实现方法。
前端开发用户交互 JavaScript DOM操作 CSS

踩坑浏览器节能机制导致Websocket断连的问题！

踩坑浏览器节能机制导致Websocket断连的问题！
2024-11-19 05:31:36 +0800 CST view 1147
本文分析了浏览器节能机制导致WebSocket频繁断连的问题，探讨了其原因及解决方法。现代浏览器为提高能效引入了节能机制，影响了WebSocket的心跳机制。通过升级socket.io、使用自定义心跳事件和Web-Workers等方法，可以有效解决这一问题，提升用户体验。
Web开发网络编程性能优化前端技术

几种防止他人调试前端代码的常见方法，包括使用无限debugger、浏览器宽高检测、关闭断点跳转到空白页面

几种防止他人调试前端代码的常见方法，包括使用无限debugger、浏览器宽高检测、关闭断点跳转到空白页面
2024-11-19 09:31:41 +0800 CST view 1434
本文介绍了几种防止他人调试前端代码的常见方法，包括使用无限debugger、浏览器宽高检测、关闭断点跳转到空白页面，以及使用第三方插件如disable-devtool和console-ban。这些技术可以增加攻击者分析和调试代码的难度，但无法完全阻止恶意调试，建议敏感信息在后端处理。
Web开发前端安全代码保护

探讨了JavaScript中Promise的设计哲学，解释了为何Promise不内置取消功能

探讨了JavaScript中Promise的设计哲学，解释了为何Promise不内置取消功能
2024-11-19 10:14:26 +0800 CST view 667
本文探讨了JavaScript中Promise的设计哲学，解释了为何Promise不内置取消功能。Promise旨在简化异步操作的处理，取消机制会引入复杂性和不一致的状态。文章还介绍了Promise的状态机模型及其状态转换规则，并提供了实现取消功能的几种方法，如使用AbortController和自定义Promise包装器。
JavaScript 编程异步编程

前端项目中的日志打印规范，包括日志等级的定义、日志内容的组成、统一的日志格式、日志输出的方法以及日志的封装和收集

前端项目中的日志打印规范，包括日志等级的定义、日志内容的组成、统一的日志格式、日志输出的方法以及日志的封装和收集
2024-11-18 21:06:37 +0800 CST view 643
本文介绍了前端项目中的日志打印规范，包括日志等级的定义、日志内容的组成、统一的日志格式、日志输出的方法以及日志的封装和收集。通过示例代码展示了如何实现一个灵活的日志工具，支持不同等级的日志输出和生产环境的日志控制，强调了日志在应用维护中的重要性。
前端开发日志管理代码规范

如何在单页应用（SPA）中实现版本更新检测机制

如何在单页应用（SPA）中实现版本更新检测机制
2024-11-18 21:33:53 +0800 CST view 898
本文探讨了如何在单页应用（SPA）中实现版本更新检测机制。由于SPA的特性，用户可能无法及时获取最新版本，导致功能和安全性问题。文中提供了两种方案：一种是比较构建文件的哈希值，另一种是利用HTTP协议的缓存机制（Etag和Last-Modified）进行版本检测。通过这些方法，可以有效提示用户更新，确保他们使用最新的应用版本。
前端开发 Web应用用户体验版本控制技术方案

20分钟页面不操作，页面失效-如何通过webworker实现页面失效功能

20分钟页面不操作，页面失效-如何通过webworker实现页面失效功能
2024-11-19 08:41:26 +0800 CST view 648
本文分享了如何通过webworker实现页面失效功能。当用户在页面上长时间不操作时，系统会提示页面已失效并返回列表页面。通过定时器和消息传递机制，确保用户在编辑状态下的操作能够及时续租编辑权限，并处理标签页切换的情况。提供了相关代码示例，展示了主线程与worker线程的通信及页面失效的实现逻辑。
前端开发用户体验技术分享

前端项目中图片的使用规范

前端项目中图片的使用规范
2024-11-19 09:30:04 +0800 CST view 668
本文详细介绍了前端项目中图片的使用规范，包括图片格式选择、尺寸与压缩、图标使用、响应式图片、懒加载、缓存、合理使用、组件化优化、CDN优化和可访问性等方面。合理的图片使用不仅能提高页面加载速度，还能增强用户体验和SEO效果。
前端开发用户体验性能优化网页设计可访问性

pin.gl是基于WebRTC的屏幕共享工具
2024-11-19 06:38:05 +0800 CST view 1280
WebRTC是一种开源技术，支持实时音视频通信，允许浏览器和应用程序直接进行P2P连接。pin.gl是基于WebRTC的屏幕共享工具，用户只需输入房间代码即可共享屏幕或摄像头，具有超低延迟和隐私保护的特点，支持多种设备。该工具简单易用，适合现场活动和互动会议，但并不开源。
实时通信视频技术网络工具

WebSocket在消息推送中的应用代码

WebSocket在消息推送中的应用代码
2024-11-18 21:46:05 +0800 CST view 802
本文对比了AJAX和WebSocket在消息推送中的应用，详细介绍了AJAX的轮询和长轮询方法，以及WebSocket的全双工通信特性。提供了WebSocket客户端和服务器端的实现代码，并封装了WebSocket管理器，支持连接建立、消息发送和重连机制，适合高效的实时消息推送场景。
Web开发实时通信前端技术 Node.js 编程

前端代码规范 - Commit 提交规范

前端代码规范 - Commit 提交规范
2024-11-18 10:18:08 +0800 CST view 619
约定式提交是一种代码版本控制规范，通过标准化提交信息结构提升代码协作的质量和效率。提交信息包括类型、范围、描述、正文和脚注。遵循此规范可提高提交信息的可读性，便于团队理解代码更改意图。使用工具如Commitizen生成提交说明，并通过Husky和lint-staged确保提交信息符合规范，从而提升代码质量和协作效率。
代码管理开发工具团队协作

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

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

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

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

前端开发中常用的设计模式

前端开发中常用的设计模式
2024-11-19 07:38:07 +0800 CST view 612
本文简要介绍了前端开发中常用的设计模式，包括创建型、结构型和行为型模式。每种模式的目的、应用场景及代码示例均有详细说明，旨在提升代码的封装性、可读性和可维护性。掌握这些设计模式将有助于开发者在实际项目中编写更优雅和高效的代码。
前端开发设计模式软件工程

什么是 JavaScript 记忆化（Memoization）？

什么是 JavaScript 记忆化（Memoization）？
2024-11-19 09:33:15 +0800 CST view 720
记忆化是一种优化技术，通过缓存耗时函数的计算结果来加速程序。本文介绍了记忆化的必要性、实现方法及其潜在缺点。示例代码展示了如何将普通函数转换为记忆化函数，以避免重复计算。尽管记忆化可以提高性能，但也可能增加内存使用和代码复杂度，因此在使用时需谨慎考虑其适用性。
编程 JavaScript 性能优化技术

Python大部分基础语法的300行代码示例

Python大部分基础语法的300行代码示例
2024-11-18 23:03:39 +0800 CST view 787
本文介绍了一个包含Python大部分基础语法的300行代码示例，适合有其他语言基础或完全不懂程序的读者。示例涵盖了138个知识点，包括函数、列表、元组、字典、集合、文件操作等，旨在帮助读者快速入门Python。通过实践和探索，读者可以掌握Python的精髓。
编程教育 Python

如何在Python项目中快速搭建支付宝三方支付功能

如何在Python项目中快速搭建支付宝三方支付功能
2024-11-18 19:24:14 +0800 CST view 700
本文介绍了如何在Python项目中快速搭建支付宝三方支付功能。通过获取APPID、生成密钥、配置支付类等步骤，用户可以轻松实现支付宝支付接口的集成。文中提供了详细的代码示例，包括支付请求的发起和回调处理，旨在帮助开发者快速实现支付功能。
支付编程技术支付宝开发

一键式操作以简化Docker的日常管理

一键式操作以简化Docker的日常管理
2024-11-19 07:01:44 +0800 CST view 693
本脚本提供一键式操作以简化Docker的日常管理，包括检测Docker安装、启停服务、查看容器和网络模式、批量拉取和删除镜像、配置镜像加速器等功能。用户可以通过简单的菜单选择执行相应操作，提高管理效率。脚本使用Bash编写，适用于Linux环境。
Docker 自动化脚本系统管理开发工具

rsync+inotify-tools liunx文件实时同步数据

rsync+inotify-tools liunx文件实时同步数据
2024-11-18 18:43:43 +0800 CST view 664
本文介绍了如何使用rsync和inotify-tools实现实时数据同步。rsync是一个强大的数据镜像备份工具，支持增量备份和多种传输方式。通过配置SSH免密登录和使用inotify-tools监控文件变化，可以实现高效的文件同步。文中提供了安装步骤、常用命令及示例脚本，帮助用户快速上手实时同步数据的流程。
数据同步备份工具 Linux系统

一键配置本地yum源

一键配置本地yum源
2024-11-18 14:45:15 +0800 CST view 715
该脚本提供了一种便捷的方法，通过挂载ISO镜像文件来配置本地YUM源，使得在离线环境下使用YUM命令安装软件包变得简单。脚本包括权限检查、挂载ISO文件、配置YUM源和生成YUM缓存的步骤，适用于各种Linux发行版，旨在提升工作效率，减少手动操作。
Linux 系统管理自动化

Chevereto是一个开源的高性能个人图床系统

Chevereto是一个开源的高性能个人图床系统
2024-11-17 04:35:01 +0800 CST view 739
Chevereto是一个开源的高性能个人图床系统，支持多种上传方式和图片管理功能，包括用户系统和RESTfulAPI。安装过程简单，基于Laravel框架，具备高效性能和丰富功能。分为免费版和收费版，适用于博客、论坛等多种场景。通过Docker部署，用户可以快速搭建并使用该系统。
开源软件图像管理 Docker 个人项目技术支持

Vue3项目中使用print.js实现网页的局部打印功能
2024-11-19 06:40:55 +0800 CST view 1108
本文介绍了如何在Vue3项目中使用print.js实现网页的局部打印功能。通过简单的安装和代码示例，读者可以快速上手。文章详细说明了如何引入print.js、编写需要打印的HTML元素、绑定打印事件以及配置打印选项。print.js提供了丰富的配置，满足不同的打印需求，帮助开发者轻松实现局部打印。
前端开发 Vue 打印功能 JavaScript Web技术

Vue3结合Driver.js实现新手指引功能

Vue3结合Driver.js实现新手指引功能
2024-11-19 08:46:50 +0800 CST view 903
本文介绍了如何使用Vue3结合Driver.js实现新手指引功能。通过安装Driver.js并创建页面结构，使用高亮效果引导用户完成操作。配置步骤数组以实现多步骤指引，并自定义按钮文本。还实现了弹窗功能，允许用户在指引过程中添加数据，并防止意外关闭流程。整体提升用户体验，帮助用户快速熟悉系统。
前端开发用户体验 Vue.js JavaScript 指引

上一页 1...42 434445 46...55 下一页