程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
15年,专注软件定制开发
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
如何通过封装自定义Hook来实现对localStorage的响应式监听,解决了在更改时区时相关组件无法实时更新的问题
如何通过封装自定义Hook来实现对localStorage的响应式监听,解决了在更改时区时相关组件无法实时更新的问题
2024-11-19 03:08:13 +0800 CST
view 882
本文介绍了如何通过封装自定义Hook来实现对localStorage的响应式监听,解决了在更改时区时相关组件无法实时更新的问题。最初尝试使用useEffect和storage事件监听localStorage变化均未成功,最终通过重写localStorage.setItem方法并触发自定义事件实现了有效的监听。提供了完整的代码示例和使用方法。
前端开发
React
状态管理
Hooks
ServiceWorker是一种在浏览器后台运行的独立线程,能够实现缓存、消息推送和后台更新等功能
ServiceWorker是一种在浏览器后台运行的独立线程,能够实现缓存、消息推送和后台更新等功能
2024-11-18 14:06:55 +0800 CST
view 804
ServiceWorker是一种在浏览器后台运行的独立线程,能够实现缓存、消息推送和后台更新等功能。它通过拦截请求并根据逻辑处理,提供了强大的离线访问能力。本文详细介绍了ServiceWorker的注册、生命周期、请求拦截、事件监听及缓存策略,并展示了如何实现离线访问功能。
Web技术
前端开发
离线应用
服务端能力
前端接口防止重复请求的实现方案,主要通过axios拦截器来处理请求和响应
前端接口防止重复请求的实现方案,主要通过axios拦截器来处理请求和响应
2024-11-19 08:37:02 +0800 CST
view 954
本文总结了前端接口防止重复请求的实现方案,主要通过axios拦截器来处理请求和响应。方案包括全屏Loading、请求去重和请求挂起等方法,最终采用了基于事件发布订阅的方式来共享请求结果,避免重复请求带来的问题,同时考虑了文件上传的特殊情况。
前端开发
接口设计
性能优化
如何实现元素的拖动功能,包括简单元素的拖动、列表项的拖动以及表格列和行的拖动
如何实现元素的拖动功能,包括简单元素的拖动、列表项的拖动以及表格列和行的拖动
2024-11-18 15:30:45 +0800 CST
view 879
本文介绍了如何实现元素的拖动功能,包括简单元素的拖动、列表项的拖动以及表格列和行的拖动。通过处理鼠标的mousedown、mousemove和mouseup事件,结合动态DOM操作,读者可以掌握拖动效果的实现技巧,提升用户体验。文中提供了详细的HTML和JavaScript代码示例,帮助读者理解拖动功能的核心逻辑和实现方法。
前端开发
用户交互
JavaScript
DOM操作
CSS
踩坑浏览器节能机制导致Websocket断连的问题!
踩坑浏览器节能机制导致Websocket断连的问题!
2024-11-19 05:31:36 +0800 CST
view 1492
本文分析了浏览器节能机制导致WebSocket频繁断连的问题,探讨了其原因及解决方法。现代浏览器为提高能效引入了节能机制,影响了WebSocket的心跳机制。通过升级socket.io、使用自定义心跳事件和Web-Workers等方法,可以有效解决这一问题,提升用户体验。
Web开发
网络编程
性能优化
前端技术
几种防止他人调试前端代码的常见方法,包括使用无限debugger、浏览器宽高检测、关闭断点跳转到空白页面
几种防止他人调试前端代码的常见方法,包括使用无限debugger、浏览器宽高检测、关闭断点跳转到空白页面
2024-11-19 09:31:41 +0800 CST
view 1853
本文介绍了几种防止他人调试前端代码的常见方法,包括使用无限debugger、浏览器宽高检测、关闭断点跳转到空白页面,以及使用第三方插件如disable-devtool和console-ban。这些技术可以增加攻击者分析和调试代码的难度,但无法完全阻止恶意调试,建议敏感信息在后端处理。
Web开发
前端安全
代码保护
探讨了JavaScript中Promise的设计哲学,解释了为何Promise不内置取消功能
探讨了JavaScript中Promise的设计哲学,解释了为何Promise不内置取消功能
2024-11-19 10:14:26 +0800 CST
view 861
本文探讨了JavaScript中Promise的设计哲学,解释了为何Promise不内置取消功能。Promise旨在简化异步操作的处理,取消机制会引入复杂性和不一致的状态。文章还介绍了Promise的状态机模型及其状态转换规则,并提供了实现取消功能的几种方法,如使用AbortController和自定义Promise包装器。
JavaScript
编程
异步编程
前端项目中的日志打印规范,包括日志等级的定义、日志内容的组成、统一的日志格式、日志输出的方法以及日志的封装和收集
前端项目中的日志打印规范,包括日志等级的定义、日志内容的组成、统一的日志格式、日志输出的方法以及日志的封装和收集
2024-11-18 21:06:37 +0800 CST
view 839
本文介绍了前端项目中的日志打印规范,包括日志等级的定义、日志内容的组成、统一的日志格式、日志输出的方法以及日志的封装和收集。通过示例代码展示了如何实现一个灵活的日志工具,支持不同等级的日志输出和生产环境的日志控制,强调了日志在应用维护中的重要性。
前端开发
日志管理
代码规范
如何在单页应用(SPA)中实现版本更新检测机制
如何在单页应用(SPA)中实现版本更新检测机制
2024-11-18 21:33:53 +0800 CST
view 1161
本文探讨了如何在单页应用(SPA)中实现版本更新检测机制。由于SPA的特性,用户可能无法及时获取最新版本,导致功能和安全性问题。文中提供了两种方案:一种是比较构建文件的哈希值,另一种是利用HTTP协议的缓存机制(Etag和Last-Modified)进行版本检测。通过这些方法,可以有效提示用户更新,确保他们使用最新的应用版本。
前端开发
Web应用
用户体验
版本控制
技术方案
20分钟页面不操作,页面失效-如何通过webworker实现页面失效功能
20分钟页面不操作,页面失效-如何通过webworker实现页面失效功能
2024-11-19 08:41:26 +0800 CST
view 805
本文分享了如何通过webworker实现页面失效功能。当用户在页面上长时间不操作时,系统会提示页面已失效并返回列表页面。通过定时器和消息传递机制,确保用户在编辑状态下的操作能够及时续租编辑权限,并处理标签页切换的情况。提供了相关代码示例,展示了主线程与worker线程的通信及页面失效的实现逻辑。
前端开发
用户体验
技术分享
前端项目中图片的使用规范
前端项目中图片的使用规范
2024-11-19 09:30:04 +0800 CST
view 894
本文详细介绍了前端项目中图片的使用规范,包括图片格式选择、尺寸与压缩、图标使用、响应式图片、懒加载、缓存、合理使用、组件化优化、CDN优化和可访问性等方面。合理的图片使用不仅能提高页面加载速度,还能增强用户体验和SEO效果。
前端开发
用户体验
性能优化
网页设计
可访问性
从零实现一个简化版JS引擎的基本步骤
从零实现一个简化版JS引擎的基本步骤
2024-11-19 05:49:01 +0800 CST
view 719
本文介绍了从零实现一个简化版JS引擎的基本步骤,包括词法分析、语法解析和解释器的设计与实现。通过使用Acorn库,文章详细探讨了如何将JavaScript代码分解为标记、生成抽象语法树(AST)以及如何遍历AST并执行相应操作。最后,鼓励读者深入研究ECMAScript规范,扩展引擎以支持更多语言特性。
编程
JavaScript
软件开发
引擎实现
前端开发中常用的设计模式
前端开发中常用的设计模式
2024-11-19 07:38:07 +0800 CST
view 765
本文简要介绍了前端开发中常用的设计模式,包括创建型、结构型和行为型模式。每种模式的目的、应用场景及代码示例均有详细说明,旨在提升代码的封装性、可读性和可维护性。掌握这些设计模式将有助于开发者在实际项目中编写更优雅和高效的代码。
前端开发
设计模式
软件工程
什么是 JavaScript 记忆化(Memoization)?
什么是 JavaScript 记忆化(Memoization)?
2024-11-19 09:33:15 +0800 CST
view 933
记忆化是一种优化技术,通过缓存耗时函数的计算结果来加速程序。本文介绍了记忆化的必要性、实现方法及其潜在缺点。示例代码展示了如何将普通函数转换为记忆化函数,以避免重复计算。尽管记忆化可以提高性能,但也可能增加内存使用和代码复杂度,因此在使用时需谨慎考虑其适用性。
编程
JavaScript
性能优化
技术
rsync+inotify-tools liunx文件实时同步数据
rsync+inotify-tools liunx文件实时同步数据
2024-11-18 18:43:43 +0800 CST
view 849
本文介绍了如何使用rsync和inotify-tools实现实时数据同步。rsync是一个强大的数据镜像备份工具,支持增量备份和多种传输方式。通过配置SSH免密登录和使用inotify-tools监控文件变化,可以实现高效的文件同步。文中提供了安装步骤、常用命令及示例脚本,帮助用户快速上手实时同步数据的流程。
数据同步
备份工具
Linux系统
服务器推送技术及其在Spring中的实现,特别是SseEmitter的功能与用途
服务器推送技术及其在Spring中的实现,特别是SseEmitter的功能与用途
2024-11-19 06:14:07 +0800 CST
view 1619
本文详细介绍了服务器推送技术及其在Spring中的实现,特别是SseEmitter的功能与用途。SseEmitter允许服务器主动向客户端推送消息,提升用户体验。文章还比较了SSE与WebSocket的异同,强调了SSE在单向推送场景中的优势,并提供了相关代码示例和使用注意事项。
服务器推送
Spring框架
实时通信
goctl 技术系列 - Go 模板入门
goctl 技术系列 - Go 模板入门
2024-11-19 04:12:13 +0800 CST
view 873
本文介绍了如何使用Go语言的`text/template`包创建和渲染动态网页。通过简单的示例,展示了如何定义模板并填充数据生成HTML输出。文章涵盖了模板的基本用法、在Go程序中加载模板的步骤,以及如何动态生成内容丰富的网页,强调了`text/template`的灵活性和可维护性。
编程
Web开发
Go语言
模板引擎
动态内容
Rust API 服务器:发送和接收字节数据
Rust API 服务器:发送和接收字节数据
2024-11-19 05:47:24 +0800 CST
view 982
本文详细介绍了如何使用Rust构建API服务器来处理发送和接收字节数据。我们学习了如何使用axum框架处理不同类型的请求,包括直接接收字节数据和处理Multipart/form-data数据。同时,文章还讨论了如何设置请求体大小限制,以防止恶意请求对服务器资源的耗尽。
编程
Web开发
Rust
API
数据处理
MicroPython成为Python开发者探索嵌入式编程
MicroPython成为Python开发者探索嵌入式编程
2024-11-18 21:43:45 +0800 CST
view 1078
随着物联网设备的普及,MicroPython成为Python开发者探索嵌入式编程的重要工具。MicroPython是Python的精简版,专为资源受限设备设计,支持硬件级实时操作。本文介绍了MicroPython的特点、与Python的区别、开发环境搭建、代码迁移示例及调试优化技巧,帮助开发者快速上手嵌入式开发。
编程
物联网
嵌入式开发
MicroPython
Python
CSS技巧,包括滤镜效果、文本省略、渐变效果和遮罩效果等
2024-11-18 04:21:38 +0800 CST
view 822
本文分享了一些实用的CSS技巧,包括滤镜效果、文本省略、渐变效果和遮罩效果等。详细介绍了如何使用CSS属性如filter、text-overflow、mask等来实现各种视觉效果,并提供了相应的代码示例,旨在帮助网页设计师提升设计的美观性和功能性。
网页设计
前端开发
CSS技巧
go语言filepath包能够自动的根据不同的操作系统文件路径进行转换
go语言filepath包能够自动的根据不同的操作系统文件路径进行转换
2024-11-18 19:42:43 +0800 CST
view 840
本文介绍了Go语言中的`filepath`包,强调其在跨平台开发中的优势,能够自动处理不同操作系统的路径分隔符。文中详细说明了与`path`包相同的函数及其功能,并介绍了`Abs`和`Walk`函数的用法,提供了代码示例以帮助理解这些函数的实际应用。
Go语言
编程
文件操作
跨平台
Go语言中`path`包的辅助函数,用于处理UNIX系统的文件路径
Go语言中`path`包的辅助函数,用于处理UNIX系统的文件路径
2024-11-18 21:22:48 +0800 CST
view 1044
本文介绍了Go语言中`path`包的辅助函数,用于处理UNIX系统的文件路径,包括获取基础路径、目录路径、文件扩展名,以及判断路径是否为绝对路径等功能。提供了函数的声明和使用示例,展示如何解析和操作文件路径。
编程
Go语言
文件处理
UNIX系统
go语言`suffixarray`模块的功能,提供基于后缀数组的子串检索
go语言`suffixarray`模块的功能,提供基于后缀数组的子串检索
2024-11-17 04:21:01 +0800 CST
view 868
该文档介绍了`suffixarray`模块的功能,提供基于后缀数组的子串检索。通过`New`方法创建后缀数组,返回`Index`对象,利用`FindAllIndex`和`Lookup`方法进行数据检索。示例展示了如何使用该模块查找字节数组中子串的位置,并对结果进行排序和打印。
编程
数据结构
Go语言
Go语言中的`strconv`包,提供了字符串与基本数据类型之间的转换函数
Go语言中的`strconv`包,提供了字符串与基本数据类型之间的转换函数
2024-11-19 02:02:18 +0800 CST
view 729
本文介绍了Go语言中的`strconv`包,提供了字符串与基本数据类型之间的转换函数。主要包括`Atoi`和`Itoa`用于字符串与整数的转换,以及`ParseX`系列函数(如`ParseBool`、`ParseInt`、`ParseFloat`)和`FormatX`系列函数(如`FormatBool`、`FormatInt`、`FormatFloat`)用于不同类型的转换。详细说明了每个函数的用法和参数。
编程
Go语言
数据类型转换
大家都在搜索什么?
易支付
一个官网+多少钱
统一接受回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
企业官网建站费用
一个官网 多少钱
上一页
1
...
34
35
36
37
38
...
43
下一页