程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
彻底解决移动端Web开发中的软键盘兼容性问题
编程
彻底解决移动端Web开发中的软键盘兼容性问题
2025-05-06 09:01:34 +0800 CST
view 1198
本文分析了移动端Web开发中软键盘的兼容性问题,探讨了iOS和Android平台的差异,并提供了针对输入框被遮挡、fixed定位元素异常及vh单位不一致的解决方案。通过使用VisualViewportAPI和合理的布局策略,开发者可以显著改善用户体验。文中包含了相关的代码示例和最佳实践建议。
Web开发
前端技术
移动端
用户体验
兼容性问题
综合
Vue3项目中使用print.js实现网页的局部打印功能
2024-11-19 06:40:55 +0800 CST
view 2179
本文介绍了如何在Vue3项目中使用print.js实现网页的局部打印功能。通过简单的安装和代码示例,读者可以快速上手。文章详细说明了如何引入print.js、编写需要打印的HTML元素、绑定打印事件以及配置打印选项。print.js提供了丰富的配置,满足不同的打印需求,帮助开发者轻松实现局部打印。
前端开发
Vue
打印功能
JavaScript
Web技术
PC端与移动端兼容性适配方案全解析
编程
PC端与移动端兼容性适配方案全解析
2025-05-06 09:08:03 +0800 CST
view 1257
本文分析了PC端与移动端的兼容性适配方案,探讨了在现代Web开发中面临的挑战及解决方案。介绍了响应式布局、REM适配、组件化方案和动态路由的优缺点,并提供了相关的技术实现代码和性能优化建议。最后,给出了不同类型网站的适配选择指南,强调了从移动端开始设计的重要性。
Web开发
前端技术
响应式设计
用户体验
性能优化
38个实用的JavaScript技巧
编程
38个实用的JavaScript技巧
2024-11-19 07:42:44 +0800 CST
view 1547
本文分享了38个实用的JavaScript技巧,涵盖页面操作、日期处理、数组处理、数字转换等多个方面,旨在提升开发效率。每个技巧都附有代码示例,便于读者理解和应用。希望这些技巧能帮助开发者更高效地完成工作。
编程
Web开发
技术分享
JavaScript
Rust 1.95.0 深度解析:cfg_select! 宏与 wasm-pack 1.0 如何重塑系统编程与 Web 开发生态
编程
Rust 1.95.0 深度解析:cfg_select! 宏与 wasm-pack 1.0 如何重塑系统编程与 Web 开发生态
2026-04-19 01:15:29 +0800 CST
view 254
Rust 1.95.0 正式发布,cfg_select! 宏让条件编译回归语言原生,wasm-pack 1.0 让 WebAssembly 真正具备生产环境落地的能力。本文深入解析两大技术如何重塑系统编程与 Web 开发生态。
Rust
WebAssembly
wasm-pack
系统编程
前端开发
抛弃 Ajax:拥抱更简洁强大的 Fetch API
编程
抛弃 Ajax:拥抱更简洁强大的 Fetch API
2025-05-09 09:31:56 +0800 CST
view 1057
本文介绍了FetchAPI的使用,强调其相较于传统Ajax的优势,包括简洁的语法、灵活的配置和强大的功能。通过示例代码展示了基本的GET和POST请求、错误处理、流式数据处理等高级用法,帮助开发者更高效地进行网络请求和数据处理。
Web开发
JavaScript
API
异步编程
前端技术
Shannon 深度解析:当 AI 学会自己当黑客,白盒渗透测试的范式革命
编程
Shannon 深度解析:当 AI 学会自己当黑客,白盒渗透测试的范式革命
2026-04-19 02:46:40 +0800 CST
view 111
Shannon是Keygraph开源的白盒AI渗透测试工具,38K+ Star,XBOW基准96.15%成功率。深度解析其多Agent架构、四阶段工作流、证明式验证机制,以及CI/CD集成实战。
Shannon
AI安全
渗透测试
白盒测试
OWASP
Web安全
Little Snitch for Linux 开源深度解析:当 macOS 传奇防火墙「杀入」Linux 生态
编程
Little Snitch for Linux 开源深度解析:当 macOS 传奇防火墙「杀入」Linux 生态
2026-04-10 00:25:47 +0800 CST
view 219
2026年4月8日Objective Development开源Little Snitch for Linux的eBPF核心代码。本文从源码出发,深度拆解其架构设计、过滤引擎算法、eBPF内核空间实现与用户态程序。
Linux
eBPF
网络安全
Rust
Firewall
Little Snitch
Nginx 反向代理
编程
Nginx 反向代理
2024-11-19 08:02:10 +0800 CST
view 1384
Nginx是一种高性能的Web服务器和反向代理服务器,广泛应用于Web应用架构中。反向代理功能允许将客户端请求转发到后端服务器,并将响应返回给客户端。本文详细介绍了Nginx反向代理的配置步骤、案例及其在负载均衡中的应用,强调了安全性和扩展性。
Web服务器
反向代理
网络技术
Nginx
iframe 实战手册:从入门到精通,掌握前端嵌入的终极武器
编程
iframe 实战手册:从入门到精通,掌握前端嵌入的终极武器
2025-05-11 23:15:53 +0800 CST
view 1336
本文深入探讨了`<iframe>`的使用,包括其基本概念、沙箱模式的安全性、懒加载的性能优化以及常见的嵌入场景和错误。通过示例代码,读者可以学习如何有效地使用`<iframe>`,确保安全性和性能,同时避免常见的错误和陷阱。文章还讨论了未来的替代方案,如WebComponents和微前端架构。
前端
Web开发
安全
性能优化
嵌入技术
WebSocket在消息推送中的应用代码
代码
WebSocket在消息推送中的应用代码
2024-11-18 21:46:05 +0800 CST
view 1420
本文对比了AJAX和WebSocket在消息推送中的应用,详细介绍了AJAX的轮询和长轮询方法,以及WebSocket的全双工通信特性。提供了WebSocket客户端和服务器端的实现代码,并封装了WebSocket管理器,支持连接建立、消息发送和重连机制,适合高效的实时消息推送场景。
Web开发
实时通信
前端技术
Node.js
编程
编程
Nginx rewrite 的用法
2024-11-18 22:59:02 +0800 CST
view 1729
Nginx的`rewrite`指令用于根据请求的URI重写路径,适用于URL重写、伪静态和重定向等场景。本文介绍了`rewrite`指令的语法、使用场景及具体案例,包括伪静态、永久重定向、去除尾斜杠和HTTP到HTTPS的重定向等。使用时需注意避免循环重定向,并优先考虑使用`try_files`指令。
Nginx
Web服务器
URL管理
`Blob` 与 `File` 的关系
编程
`Blob` 与 `File` 的关系
2025-05-11 23:45:58 +0800 CST
view 1065
在前端开发中,`Blob`和`File`对象是处理文件上传、下载和预览的核心工具。`Blob`表示不可变的原始数据,而`File`是带有元数据的`Blob`。通过示例展示了如何实时预览用户上传的头像、分片上传大文件、生成下载链接、压缩图片以及文件与二进制数据的互相转换。掌握这些技术可以提升前端文件处理能力。
前端开发
文件处理
Web技术
使用Vue 3和Axios进行API数据交互
编程
使用Vue 3和Axios进行API数据交互
2024-11-18 22:31:21 +0800 CST
view 1349
本文介绍了如何使用Vue3和Axios进行API数据交互。通过示例代码,展示了如何创建一个简单的组件来获取并显示用户数据,包括环境准备、组件结构、运行项目及异常处理等内容。使用CompositionAPI和setup语法糖,提升了代码的可读性和可维护性,同时实现了基本的错误处理机制,以改善用户体验。
前端开发
Web技术
JavaScript
如何在单页应用(SPA)中实现版本更新检测机制
编程
如何在单页应用(SPA)中实现版本更新检测机制
2024-11-18 21:33:53 +0800 CST
view 1642
本文探讨了如何在单页应用(SPA)中实现版本更新检测机制。由于SPA的特性,用户可能无法及时获取最新版本,导致功能和安全性问题。文中提供了两种方案:一种是比较构建文件的哈希值,另一种是利用HTTP协议的缓存机制(Etag和Last-Modified)进行版本检测。通过这些方法,可以有效提示用户更新,确保他们使用最新的应用版本。
前端开发
Web应用
用户体验
版本控制
技术方案
FastAPI 项目启动/关闭事件实战:数据库连接、缓存预热、模型加载一站式搞定!
编程
FastAPI 项目启动/关闭事件实战:数据库连接、缓存预热、模型加载一站式搞定!
2025-05-14 10:10:04 +0800 CST
view 1337
本文介绍了如何在FastAPI项目中使用生命周期事件机制来管理应用的启动和关闭过程。通过使用`@app.on_event()`装饰器或`lifespan()`上下文函数,可以优雅地初始化数据库连接、预热缓存和加载机器学习模型,同时在关闭时释放资源,防止资源泄露。示例代码展示了如何实现这些功能,强调了`lifespan()`的推荐使用。
FastAPI
Web开发
异步编程
资源管理
机器学习
Vue3如何执行响应式数据绑定?
编程
Vue3如何执行响应式数据绑定?
2024-11-18 12:31:22 +0800 CST
view 1334
Vue3是最新版本的Vue.js,采用Proxy对象实现响应式数据绑定。通过定义拦截方法,Vue3能够监听数据对象的变化并实时更新页面内容。示例代码展示了如何使用Proxy包装数据对象,并在Vue应用中创建响应式绑定。这种机制相比于Vue2的Object.defineProperty更加灵活高效,提升了性能和扩展性。
前端开发
JavaScript框架
Web应用
PyJWT一个用于处理JSONWebToken(JWT)的Python库
综合
PyJWT一个用于处理JSONWebToken(JWT)的Python库
2024-11-18 17:19:59 +0800 CST
view 1415
PyJWT是一个用于处理JSONWebToken(JWT)的Python库,简化了JWT的创建、解码和验证过程。JWT是一种安全传输信息的标准,适用于身份验证和信息交换。本文介绍了如何安装PyJWT、创建和解码JWT令牌、进行验证以及刷新令牌的基本概念,强调了在开发安全Web应用和API时的实用性和最佳实践。
编程
安全
Web开发
API
Python
NGINX 1.30 稳定版深度解析:Early Hints、MPTCP、ECH 加密与下一代 HTTP 范式革命
编程
NGINX 1.30 稳定版深度解析:Early Hints、MPTCP、ECH 加密与下一代 HTTP 范式革命
2026-04-19 11:15:09 +0800 CST
view 118
2026年4月NGINX 1.30.0稳定版正式发布,整合Early Hints、HTTP/2后端代理、MPTCP多路径传输、ECH加密等重磅新特性。本文从架构层面深度解析各核心功能原理并提供生产级配置示例。
NGINX
Web服务器
HTTP
HTTP3
反向代理
DevOps
网络安全
性能优化
几种防止他人调试前端代码的常见方法,包括使用无限debugger、浏览器宽高检测、关闭断点跳转到空白页面
编程
几种防止他人调试前端代码的常见方法,包括使用无限debugger、浏览器宽高检测、关闭断点跳转到空白页面
2024-11-19 09:31:41 +0800 CST
view 2551
本文介绍了几种防止他人调试前端代码的常见方法,包括使用无限debugger、浏览器宽高检测、关闭断点跳转到空白页面,以及使用第三方插件如disable-devtool和console-ban。这些技术可以增加攻击者分析和调试代码的难度,但无法完全阻止恶意调试,建议敏感信息在后端处理。
Web开发
前端安全
代码保护
NGINX 1.30 全面解读:Early Hints × MPTCP × ECH 如何重塑 Web 性能与安全边界
编程
NGINX 1.30 全面解读:Early Hints × MPTCP × ECH 如何重塑 Web 性能与安全边界
2026-04-19 11:15:28 +0800 CST
view 81
2026年4月NGINX 1.30.0稳定版正式发布,整合Early Hints、HTTP/2后端代理、MPTCP多路径传输、ECH加密等重磅新特性。本文从架构层面深度解析各核心功能原理并提供生产级配置示例。
NGINX
Web服务器
HTTP
HTTP3
反向代理
DevOps
网络安全
性能优化
thinkphp swoole websocket 结合的demo
编程
thinkphp swoole websocket 结合的demo
2024-11-18 10:18:17 +0800 CST
view 3250
WebSocket是HTML5提供的一种协议,允许在单个TCP连接上进行全双工通讯。通过WebSocketAPI,浏览器与服务器只需进行一次握手,便可建立快速通道进行数据传输。客户端使用JavaScript发起连接,连接建立后可通过send()方法发送数据,并通过onmessage事件接收服务器返回的数据。
网络通讯
Web技术
实时数据传输
踩坑浏览器节能机制导致Websocket断连的问题!
编程
踩坑浏览器节能机制导致Websocket断连的问题!
2024-11-19 05:31:36 +0800 CST
view 2042
本文分析了浏览器节能机制导致WebSocket频繁断连的问题,探讨了其原因及解决方法。现代浏览器为提高能效引入了节能机制,影响了WebSocket的心跳机制。通过升级socket.io、使用自定义心跳事件和Web-Workers等方法,可以有效解决这一问题,提升用户体验。
Web开发
网络编程
性能优化
前端技术
✍️ 纯 CSS 实现打字效果(无需 JavaScript)
编程
✍️ 纯 CSS 实现打字效果(无需 JavaScript)
2025-05-15 10:26:06 +0800 CST
view 1065
本文介绍了如何使用纯CSS实现打字机效果,无需JavaScript。通过核心代码示例,展示了HTML和CSS的实现方式,包括打字动画和光标闪烁效果。技术原理解析了关键属性的作用,并提供了可配置建议和实战技巧,适用于博客签名、欢迎页引导等场景。
前端
动画
Web开发
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
5
6
7
8
9
...
17
下一页