程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
15年,专注软件定制开发
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
几种防止他人调试前端代码的常见方法,包括使用无限debugger、浏览器宽高检测、关闭断点跳转到空白页面
编程
几种防止他人调试前端代码的常见方法,包括使用无限debugger、浏览器宽高检测、关闭断点跳转到空白页面
2024-11-19 09:31:41 +0800 CST
view 1631
本文介绍了几种防止他人调试前端代码的常见方法,包括使用无限debugger、浏览器宽高检测、关闭断点跳转到空白页面,以及使用第三方插件如disable-devtool和console-ban。这些技术可以增加攻击者分析和调试代码的难度,但无法完全阻止恶意调试,建议敏感信息在后端处理。
Web开发
前端安全
代码保护
thinkphp swoole websocket 结合的demo
编程
thinkphp swoole websocket 结合的demo
2024-11-18 10:18:17 +0800 CST
view 2814
WebSocket是HTML5提供的一种协议,允许在单个TCP连接上进行全双工通讯。通过WebSocketAPI,浏览器与服务器只需进行一次握手,便可建立快速通道进行数据传输。客户端使用JavaScript发起连接,连接建立后可通过send()方法发送数据,并通过onmessage事件接收服务器返回的数据。
网络通讯
Web技术
实时数据传输
踩坑浏览器节能机制导致Websocket断连的问题!
编程
踩坑浏览器节能机制导致Websocket断连的问题!
2024-11-19 05:31:36 +0800 CST
view 1302
本文分析了浏览器节能机制导致WebSocket频繁断连的问题,探讨了其原因及解决方法。现代浏览器为提高能效引入了节能机制,影响了WebSocket的心跳机制。通过升级socket.io、使用自定义心跳事件和Web-Workers等方法,可以有效解决这一问题,提升用户体验。
Web开发
网络编程
性能优化
前端技术
✍️ 纯 CSS 实现打字效果(无需 JavaScript)
编程
✍️ 纯 CSS 实现打字效果(无需 JavaScript)
2025-05-15 10:26:06 +0800 CST
view 468
本文介绍了如何使用纯CSS实现打字机效果,无需JavaScript。通过核心代码示例,展示了HTML和CSS的实现方式,包括打字动画和光标闪烁效果。技术原理解析了关键属性的作用,并提供了可配置建议和实战技巧,适用于博客签名、欢迎页引导等场景。
前端
动画
Web开发
ServiceWorker是一种在浏览器后台运行的独立线程,能够实现缓存、消息推送和后台更新等功能
编程
ServiceWorker是一种在浏览器后台运行的独立线程,能够实现缓存、消息推送和后台更新等功能
2024-11-18 14:06:55 +0800 CST
view 677
ServiceWorker是一种在浏览器后台运行的独立线程,能够实现缓存、消息推送和后台更新等功能。它通过拦截请求并根据逻辑处理,提供了强大的离线访问能力。本文详细介绍了ServiceWorker的注册、生命周期、请求拦截、事件监听及缓存策略,并展示了如何实现离线访问功能。
Web技术
前端开发
离线应用
服务端能力
代码
HTML + CSS 实现微信钱包界面
2024-11-18 14:59:25 +0800 CST
view 966
本文介绍了如何使用HTML和CSS实现一个微信钱包的界面,包含零钱、银行卡等项目的布局和样式。通过简单的代码示例,展示了如何利用基础技术复刻现代用户界面,适合新手和进阶开发者学习。代码解析部分详细说明了布局、图标、响应式设计等关键点,帮助读者理解实现过程。
前端开发
用户界面
Web设计
JSON.stringify()的陷阱及其隐藏的秘密
编程
JSON.stringify()的陷阱及其隐藏的秘密
2024-11-19 08:53:06 +0800 CST
view 811
本文深入探讨了JavaScript中的JSON.stringify()方法,介绍了其历史、常见陷阱及其参数的强大功能。JSON.stringify()可以将对象转换为JSON字符串,但在使用时需注意循环引用、不可枚举属性、undefined值、日期处理等问题。通过理解这些特性,开发者可以更有效地利用JSON.stringify(),避免常见错误。
JavaScript
Web开发
数据处理
编程技巧
如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器
编程
如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器
2024-11-19 04:21:14 +0800 CST
view 781
本文介绍了如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器,涵盖了可编辑区域的设置、光标操作、文本格式修改及移动端的优化等内容。通过使用`contenteditable`属性和`selection`、`range`对象,开发者可以实现丰富的编辑功能,并解决在不同浏览器和设备上遇到的问题。
前端开发
JavaScript
Web技术
Graphene:一个无敌的 Python 库!
编程
Graphene:一个无敌的 Python 库!
2024-11-19 04:32:49 +0800 CST
view 809
Graphene是一个强大的Python库,用于构建GraphQLAPI,简化WebAPI开发。它支持与Django和SQLAlchemy的集成,提供灵活的数据查询和强大的查询功能。通过简单的安装和配置,开发者可以快速定义GraphQL类型、创建查询和处理数据变更。Graphene适用于构建RESTAPI替代方案和后台管理系统,极大提高开发效率。
Python
GraphQL
Web开发
API
Django
综合
全新 Nginx 在线管理平台
2024-11-19 04:18:33 +0800 CST
view 965
该项目是一个基于Go和Vue.js的Nginx在线管理平台,提供流量统计、日志查看、配置文件编辑、自动检查和重载等功能。支持Docker部署和Linux安装,具备深色模式和国际化支持,旨在为IT从业者和爱好者提供便捷的Nginx管理工具。
开源
Web管理
服务器管理
开发工具
你可能不知道的 18 个前端技巧
编程
你可能不知道的 18 个前端技巧
2025-06-12 13:15:26 +0800 CST
view 274
本文整理了18个鲜为人知的前端技巧,涵盖了JavaScript、HTML和CSS的实用小窍门。这些技巧可以提升开发效率,帮助开发者在调试和优化过程中事半功倍。内容包括如何在地址栏执行脚本、让网页可编辑、解析URL、创建三角形等,适合前端开发者学习和应用。
前端开发
编程技巧
Web技术
Rust API 服务器:发送和接收字节数据
编程
Rust API 服务器:发送和接收字节数据
2024-11-18 18:17:46 +0800 CST
view 815
本文介绍了如何使用Rust构建API服务器以处理字节数据的发送和接收。使用axum框架,文章涵盖了接收二进制数据、处理Multipart/form-data请求、设置请求体大小限制,以及发送二进制数据的正确响应头设置。提供了详细的代码示例,帮助开发者理解如何实现这些功能。
编程
网络应用
Rust
Web开发
API
初学者的 Rust Web 开发指南
编程
初学者的 Rust Web 开发指南
2024-11-18 10:51:35 +0800 CST
view 827
本文介绍了如何使用Rust语言和Actix-Web框架从零开始构建一个简单的Web应用程序。内容涵盖了Rust的内存安全、高性能和异步处理能力,指导读者安装Rust开发环境、创建项目、编写Web服务器代码,并返回JSON数据。最后,提供了进一步探索的建议,以帮助读者在Web开发中更进一步。
编程
Web开发
Rust
技术教程
如何判断用户是否离开了当前页面
编程
如何判断用户是否离开了当前页面
2025-06-26 20:08:39 +0800 CST
view 231
本文探讨了如何判断用户是否离开当前页面,介绍了多种现代API的使用方法,包括PageVisibilityAPI、beforeunload事件、navigator.sendBeacon和pagehide事件。通过这些技术,开发者可以优化用户体验、进行数据分析并提升系统性能。文章还提供了最佳实战建议和综合示例代码,帮助开发者有效实现用户离开检测。
Web开发
用户体验
前端技术
API
综合
OwlAdmin是一个基于Vue3和Laravel的开源后台管理系统
2024-11-19 04:56:20 +0800 CST
view 1033
OwlAdmin是一个基于Vue3和Laravel的开源后台管理系统,旨在为开发者提供高效、灵活的管理解决方案。它结合了现代前端技术与后端框架,支持用户管理、角色权限管理、表单生成、数据展示等功能,并具备良好的扩展性和文档支持,适用于企业内部管理和SaaS产品开发。
后台管理
开源项目
Web开发
技术栈
开发工具
编程
告别 `addEventListener`!Chrome 推出原生 Observable API,事件处理效率提升 300%!
2025-06-28 15:57:08 +0800 CST
view 236
Chromium团队推出的ObservableAPI旨在以更声明式的方式处理事件,提升性能最高可达300%。该API允许开发者轻松管理DOM事件、WebSocket和用户交互,简化代码逻辑,避免复杂的回调地狱。通过示例代码,展示了如何实现实时响应用户输入、WebSocket消息监听、防抖效果及多事件流组合。尽管尚处于提案阶段,ObservableAPI代表了事件处理的未来方向。
前端技术
JavaScript
Web开发
编程
Shadcn UI:这个 82.7k Star 的神器,正在超越传统组件库!
2025-06-28 17:04:58 +0800 CST
view 227
ShadcnUI是一个新兴的前端组件库,具有源码自由、原子级组件架构和原生主题切换等革命性特点。与传统组件库相比,它在打包体积、定制难度和加载时间上表现优异,适合企业级应用。支持TailwindCSS和RadixUI,提供高性能的智能表单和数据表格,越来越多的大型项目正在采用ShadcnUI,代表了组件库的未来趋势。
前端开发
组件库
Web技术
性能优化
开源
什么是 Vue 的服务端渲染(SSR)?它与客户端渲染的区别是什么?
编程
什么是 Vue 的服务端渲染(SSR)?它与客户端渲染的区别是什么?
2024-11-18 09:40:45 +0800 CST
view 818
Vue的服务端渲染(SSR)是一种在服务器上生成完整HTML页面并发送给客户端的技术,提供更好的SEO和更快的首屏加载速度。与客户端渲染(CSR)相比,SSR减轻了客户端负担,适合需要优化加载时间和搜索引擎优化的场景。Vue提供了`vue-server-renderer`库来实现SSR,开发者可以根据需求选择合适的渲染方式。
Web开发
前端技术
Vue.js
渲染技术
性能优化
如何判断用户是否离开了当前页面?
编程
如何判断用户是否离开了当前页面?
2025-06-28 17:11:21 +0800 CST
view 224
在现代Web开发中,判断用户是否离开当前页面是一个重要需求。本文介绍了多种方法,包括使用PageVisibilityAPI判断页面可见性、beforeunload和unload事件处理用户离开、sendBeacon方法安全上报数据,以及pagehide和pageshow事件应对浏览器缓存。合理使用这些技术可以提升用户体验、节省资源和保证数据完整性。
Web开发
用户体验
数据分析
Rust vs. PHP:新旧交替中的编程语言之战
编程
Rust vs. PHP:新旧交替中的编程语言之战
2024-11-19 03:04:10 +0800 CST
view 905
本文深入探讨了Rust和PHP两种编程语言的优缺点,比较了它们在性能、安全性、学习曲线、生态系统和部署方面的差异。Rust是一种新兴的系统编程语言,强调内存和线程安全,适合高性能应用;而PHP是一种成熟的Web开发语言,易于学习,适合快速开发。选择哪种语言取决于项目需求和团队经验。
编程语言
技术对比
软件开发
Web开发
系统编程
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
编程
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
2025-07-07 17:45:39 +0800 CST
view 137
本文介绍了7个鲜为人知但极具价值的CSS新特性,包括无需Flexbox/Grid的居中对齐、@property安全的CSS变量、@starting-style解决闪屏问题、新数学函数、light-dark()简化主题切换、新伪类:user-valid和:user-invalid、以及interpolate-size优雅的高度动画。这些特性将提升开发效率和用户体验,推动CSS的未来发展。
Web技术
CSS
前端开发
用户体验
编程
前端开发中 localStorage 的核心用法与进阶技巧详解
编程
前端开发中 localStorage 的核心用法与进阶技巧详解
2025-07-11 09:18:49 +0800 CST
view 137
本文详细介绍了localStorage的核心用法,包括数据存储、读取、删除及注意事项。强调了同源策略、容量限制和安全性建议,提供了常见应用场景如用户偏好设置、购物车信息持久化等。还讨论了与其他存储方式的对比及进阶技巧,如监听存储变化和模拟过期时间机制,帮助开发者更高效、安全地使用localStorage。
Web开发
数据存储
前端技术
使用 PHP 和 Web 技术(而不是 Electron)构建跨平台桌面应用程序:探索 Boson
编程
使用 PHP 和 Web 技术(而不是 Electron)构建跨平台桌面应用程序:探索 Boson
2025-07-11 09:31:00 +0800 CST
view 189
Boson是一个开源的PHP桌面应用程序运行时和编译器平台,允许开发者使用PHP和前端技术(如HTML、CSS、JavaScript)构建跨平台桌面应用。它无需Node.js或本地HTTP服务器,支持直接访问文件系统和本地API,且应用体积轻量。Boson提供了快速的开发体验和原生应用的功能,适合PHP开发者。
PHP
桌面应用
Web开发
开源技术
跨平台
Grid布局的简洁性和高效性
编程
Grid布局的简洁性和高效性
2024-11-18 03:48:02 +0800 CST
view 764
本文探讨了Grid布局相较于Flex布局的优势,特别是在宫格类布局、后台管理布局和响应式布局中的应用。通过具体的代码示例,展示了Grid布局的简洁性和高效性,以及如何利用其特性简化开发过程。尽管Grid在某些老旧浏览器中的兼容性不如Flex,但在现代浏览器中已得到广泛支持。选择合适的布局方式是关键。
前端
布局
Web开发
大家都在搜索什么?
易支付
一个官网+多少钱
统一接受回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
企业官网建站费用
一个官网 多少钱
上一页
1
...
5
6
7
8
9
...
12
下一页