程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
告别Loading!6行代码实现页面秒开的Speculation Rules API实战指南
编程
告别Loading!6行代码实现页面秒开的Speculation Rules API实战指南
2025-09-11 18:33:38 +0800 CST
view 861
本文详细介绍了现代浏览器提供的SpeculationRulesAPI,通过声明式配置实现页面预加载和预渲染。只需6行代码即可让下一页内容在用户点击前准备就绪,显著提升页面加载速度。文章包含核心原理、三种预渲染策略(eager/moderate/conservative)、实战代码示例、避坑指南和性能数据,帮助开发者实现真正的零延迟导航体验。
Web性能优化
前端开发
浏览器API
Scrapling 深度实战:当爬虫学会「自适应」——从智能元素追踪到零配置绕过 Cloudflare 的生产级完全指南(2026)
编程
Scrapling 深度实战:当爬虫学会「自适应」——从智能元素追踪到零配置绕过 Cloudflare 的生产级完全指南(2026)
2026-06-08 19:22:15 +0800 CST
view 168
深度解析 Scrapling 自适应爬虫框架:从智能元素追踪到零配置绕过 Cloudflare Turnstile,从 Spider 框架到 MCP Server AI协同,完整生产级实战指南
Scrapling
Python
Web Scraping
爬虫
反爬
自适应
Cloudflare
MCP
如何在Vue3中使用sessionStorage保存会话数据?
编程
如何在Vue3中使用sessionStorage保存会话数据?
2024-11-19 03:37:49 +0800 CST
view 1663
本文探讨了如何在Vue3应用中使用sessionStorage保存会话数据。sessionStorage是WebStorageAPI的一部分,仅在一个会话期间有效。通过示例代码,展示了如何创建Vue3项目、表单组件,并在用户输入时保存数据到sessionStorage,以及在组件挂载时加载数据。最终实现了在页面刷新后仍能保留用户输入的数据,提升用户体验。
前端开发
WebStorage
Vue框架
纯 Go 实现的 WebGPU:gogpu/wgpu 深度解析,零 CGO 如何征服 GPU 编程
编程
纯 Go 实现的 WebGPU:gogpu/wgpu 深度解析,零 CGO 如何征服 GPU 编程
2026-04-26 01:42:52 +0800 CST
view 694
深度解析纯 Go 实现的 WebGPU 项目 gogpu/wgpu:零 CGO 依赖、syscall 直连 GPU API、Snatchable 资源管理模式、自动屏障生成、Damage-Aware 增量渲染,包含完整代码示例与性能对比
Go
WebGPU
GPU
Vulkan
系统编程
图形编程
WebAssembly Component Model 深度实战:当 WASM 从浏览器杀入服务端——从 Component Model 到 WASI Preview 3、从 Wasmtime 到 Spin 3.0 的生产级完全指南(2026)
编程
WebAssembly Component Model 深度实战:当 WASM 从浏览器杀入服务端——从 Component Model 到 WASI Preview 3、从 Wasmtime 到 Spin 3.0 的生产级完全指南(2026)
2026-06-20 06:54:33 +0800 CST
view 12
深度实战 WebAssembly Component Model 与 WASI Preview 3:从 WIT 接口定义到 Rust 组件开发,从 Wasmtime 运行时调优到 Spin 3.0 微服务部署,对比 Docker 冷启动 50μs vs 1.5s,Kubernetes + Spin Operator 生产级部署完全指南
WebAssembly
WASM
Component Model
WASI
Wasmtime
Spin
Rust
微服务
Serverless
Token存储终极指南:为什么前端安全从告别LocalStorage开始?
编程
Token存储终极指南:为什么前端安全从告别LocalStorage开始?
2025-09-11 18:43:12 +0800 CST
view 1103
本文深入分析前端Token存储的安全风险,对比LocalStorage、SessionStorage和Cookie三种方案的优劣。指出LocalStorage易受XSS攻击,推荐使用HttpOnly、Secure、SameSite=Strict的Cookie存储RefreshToken,内存存储短期AccessToken的最佳实践方案,并提供具体代码实现和不同场景下的选择建议。
前端安全
Web开发
身份验证
网络安全
最佳实践
浮窗新时代:Document Picture-in-Picture API 完全指南与 Modal 对比
编程
浮窗新时代:Document Picture-in-Picture API 完全指南与 Modal 对比
2025-09-11 18:50:47 +0800 CST
view 985
本文全面介绍了浏览器原生浮窗解决方案DocumentPicture-in-PictureAPI,包括其核心特性、基本用法、代码示例,并与传统Modal模态框进行多维度对比。提供了不同场景下的技术选型指南,涵盖实时监控、常驻工具窗口等应用场景,同时包含优雅降级方案和最佳实践建议。
前端开发
WebAPI
浏览器技术
Go 开发中的热加载指南
编程
Go 开发中的热加载指南
2024-11-18 23:01:27 +0800 CST
view 1575
本文介绍了在Go开发中使用热加载工具Fresh和Air的方法。热加载功能可以在代码修改后实时更新服务,避免频繁重启应用程序。文章详细说明了如何安装和配置这两个工具,以及如何在项目中运行它们,以提高开发效率。
Go开发
热加载
Web开发
JavaScript 原生实现图片复制与粘贴
编程
JavaScript 原生实现图片复制与粘贴
2024-11-18 17:39:20 +0800 CST
view 1462
本文介绍了如何通过JavaScript实现图片的复制与粘贴功能,解决了微信内置浏览器中用户下载图片体验差的问题。通过使用fetch获取图片数据并将其放入剪贴板,再从剪贴板读取并显示图片,简化了操作流程。此方案在iOS17中测试通过,其他设备的兼容性需进一步验证。
JavaScript
Web开发
用户体验
剪贴板操作
Superpowers 深度实战:123K Star 的 AI 编程工作流框架——从 Process over Prompt 到工程化 Agent 闭环系统
编程
Superpowers 深度实战:123K Star 的 AI 编程工作流框架——从 Process over Prompt 到工程化 Agent 闭环系统
2026-05-07 10:40:42 +0800 CST
view 419
深度解析 Superpowers——123K Star 的 AI 编程工作流框架。从三层架构到7步核心工作流,全面剖析如何让AI编程助手从实习生变成资深工程师。
AI编程
Claude Code
工作流框架
Agent
Superpowers
编程
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果
2024-11-19 02:35:11 +0800 CST
view 2007
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果。本文介绍了mo.js的基本概念、特点及其在Vue环境中的应用,展示了如何通过简单的API实现复杂的动画效果,提升网页的动态性和用户体验。
前端开发
JavaScript
动画
用户体验
Web设计
FastAPI 0.135.x 深度解析:SSE 原生支持、JSON 性能提升 2x+,2026 年 Python Web 框架的性能新标杆
编程
FastAPI 0.135.x 深度解析:SSE 原生支持、JSON 性能提升 2x+,2026 年 Python Web 框架的性能新标杆
2026-05-14 16:13:28 +0800 CST
view 299
FastAPI 0.135.x 于2026年3月初发布,支持 Starlette 1.0+、SSE 原生支持、JSON 响应性能提升 2x+。深度解析 SSE 实时推送实战、orjson 性能优化原理、Starlette 1.0 架构升级、与 Flask/Django/Sanic 横向对比。
FastAPI
Python
Web框架
SSE
性能优化
原生JS判断手机与PC端:实现一个炫酷设备检测页面
编程
原生JS判断手机与PC端:实现一个炫酷设备检测页面
2025-09-18 08:37:04 +0800 CST
view 867
本文详细介绍如何使用原生JavaScript检测设备类型,通过分析用户代理字符串、屏幕特性和触摸支持等多种方法判断手机与PC设备。包含完整的HTML实现代码,展示设备详细信息并提供直观的视觉反馈,帮助开发者创建精确的设备检测页面。
前端开发
JavaScript
响应式设计
Web技术
Superpowers 深度实战:当 AI 编程助手学会「工程化工作流」——从结构化方法论到生产级代码质量的完全指南(2026)
编程
Superpowers 深度实战:当 AI 编程助手学会「工程化工作流」——从结构化方法论到生产级代码质量的完全指南(2026)
2026-06-08 22:26:48 +0800 CST
view 140
Superpowers 是一套让 AI 编程助手遵循工程化规范的结构化工作流方法论。通过四大阶段将 AI 从「代码猴子」进化为「软件工程师」。
AI编程
工程化
Superpowers
TDD
代码质量
ThinkPHP SSE技术解析:实现服务器实时事件推送
编程
ThinkPHP SSE技术解析:实现服务器实时事件推送
2025-09-19 15:22:12 +0800 CST
view 935
本文详细解析如何在ThinkPHP框架中实现Server-SentEvents(SSE)技术,包括后端控制器的HTTP头设置、无限循环连接保持、事件格式规范,以及前端通过EventSourceAPI建立连接和处理不同事件类型。提供了完整的代码示例和实际应用注意事项,适用于实时通知、数据监控等单向推送场景。
Web开发
实时通信
PHP框架
编程
Typed.js库在网页上实现炫酷的打字效果
2024-11-19 00:51:40 +0800 CST
view 1908
本文介绍了如何使用Typed.js库在网页上实现炫酷的打字效果。Typed.js是一个轻量级的JavaScript库,支持高度可定制的打字和删除速度,适用于动态欢迎信息、产品介绍和交互式教程等场景。通过简单的代码示例,展示了如何在Vue组件中集成Typed.js,提升用户体验。
前端开发
JavaScript
动态效果
用户体验
Web设计
编程
IndexedDB-极速本地存储:浏览器中的超级数据库
2024-11-18 16:21:21 +0800 CST
view 1948
IndexedDB是现代Web应用中的一种高效本地数据存储解决方案,支持异步操作和持久化存储,适合处理大量结构化数据。与Cookies和LocalStorage相比,IndexedDB提供更大的存储空间和更灵活的数据管理能力。通过封装的工具类`idb`,开发者可以轻松实现数据的增删改查操作,满足离线应用和渐进式Web应用的需求。
Web开发
数据存储
前端技术
autofit.js:大屏适配终极解决方案,告别手动调整烦恼!
编程
autofit.js:大屏适配终极解决方案,告别手动调整烦恼!
2026-01-27 19:59:59 +0800 CST
view 1304
autofit.js是一个专注于大屏自适应适配的JavaScript库,采用transform缩放技术实现等比自适应。它解决了传统适配方案(如媒体查询、vw/rem单位)在大屏数据可视化项目中复杂图表组件适配困难的问题。该库具有零依赖、轻量级(仅3.6kB)、简单易用、智能适配和实时响应等核心特性。通过简洁的API(如init方法)和配置参数(el、dw、dh、resize等),开发者只需几行代码即可实现复杂大屏在不同分辨率下的自动等比缩放,极大减少了手动调整的工作量。
前端开发
JavaScript工具
响应式设计
数据可视化
Web开发
VSCode 远程开发协议革命:从 SSH 隧道到 WebSocket/QUIC 双通道传输的架构演进
编程
VSCode 远程开发协议革命:从 SSH 隧道到 WebSocket/QUIC 双通道传输的架构演进
2026-05-07 22:08:46 +0800 CST
view 287
深度解析 VSCode 2026 远程开发协议升级:从 SSH 隧道到 BSP 双通道传输架构,整合 TLS 1.3 零往返、QUIC 多流、细粒度权限令牌,实现跨地域开发延迟降低 80%、调试会话稳定性提升 5 倍
VSCode
远程开发
QUIC
WebSocket
协议设计
在Vue3中实现代码分割和懒加载
编程
在Vue3中实现代码分割和懒加载
2024-11-17 06:18:00 +0800 CST
view 1727
本文探讨了如何在Vue3中实现代码分割和懒加载,以提高Web应用的性能和用户体验。通过使用Webpack的动态import语法,开发者可以按需加载组件,减少初始加载时间。文章提供了示例代码,展示了如何在路由和组件内部实现懒加载,并讨论了Webpack的分割策略及优化懒加载体验的方法。
前端开发
性能优化
Vue框架
Web应用
代码管理
VSCode 2026 远程开发协议深度解析:BSP 双通道传输架构从原理到实战
编程
VSCode 2026 远程开发协议深度解析:BSP 双通道传输架构从原理到实战
2026-05-07 22:09:17 +0800 CST
view 312
深度解析 VSCode 2026 远程开发协议升级:从 SSH 隧道到 BSP 双通道传输架构,整合 TLS 1.3 零往返、QUIC 多流、细粒度权限令牌,实现跨地域开发延迟降低 80%、调试会话稳定性提升 5 倍
VSCode
远程开发
QUIC
WebSocket
协议设计
Gai:AI 原生的 Go Web 全栈框架
编程
Gai:AI 原生的 Go Web 全栈框架
2026-05-21 16:19:43 +0800 CST
view 220
Gai是AI原生的Go Web全栈框架,融合Go简洁高效与Laravel优雅设计,Schema驱动开发,内置全平台AI Agent Rules,支持MySQL/PostgreSQL/SQLite。
开源项目
Go
Web框架
AI原生
ORM
Schema驱动
Superpowers 深度实战:给 AI 编程助手装上"工程化超能力"——从 TDD 到子代理的全流程方法论(2026)
编程
Superpowers 深度实战:给 AI 编程助手装上"工程化超能力"——从 TDD 到子代理的全流程方法论(2026)
2026-05-29 10:13:45 +0800 CST
view 281
Superpowers 深度解析:给 AI 编程助手装上工程化超能力,从 TDD 到子代理的全流程方法论,包含 14 个 Skills 详解和完整实战演示。
AI编程
Superpowers
Claude Code
TDD
工程化
Scrapling 深度实战:当爬虫学会了「自适应进化」——从智能元素追踪到 Cloudflare 绕过,Python 爬虫框架的生产级完全指南(2026)
编程
Scrapling 深度实战:当爬虫学会了「自适应进化」——从智能元素追踪到 Cloudflare 绕过,Python 爬虫框架的生产级完全指南(2026)
2026-06-15 03:17:56 +0800 CST
view 115
Scrapling 深度实战指南:揭秘自适应爬虫框架如何自动追踪页面改版、绕过 Cloudflare 反爬系统,从架构原理到生产级代码实战,2026 年 Python 爬虫技术全景。
Python
爬虫
Scrapling
Web Scraping
反爬
Cloudflare
自适应解析
开源项目
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
15
16
17
18
19
...
21
下一页