程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
Docker 中运行并使用 WebRTC 的自托管虚拟浏览器
综合
Docker 中运行并使用 WebRTC 的自托管虚拟浏览器
2024-11-19 03:03:55 +0800 CST
view 1986
Neko虚拟浏览器是一款自托管的虚拟浏览器,允许用户在安全的虚拟环境中访问互联网。它支持多用户同时访问,适合开发人员和寻求隐私保护的用户。Neko提供了便捷的浏览体验,用户可以在多个设备上共享浏览器访问权限,适用于协作项目和资源共享。
虚拟浏览器
安全技术
WebRTC
Docker
隐私保护
代码
基于Vue.js的拖动功能和画布设置的Web应用
2024-11-19 09:53:07 +0800 CST
view 1803
该文本描述了一个基于Vue.js的拖动功能和画布设置的Web应用。用户可以通过左侧的功能菜单添加文字或图片元素到画布中,并可以调整这些元素的样式和位置。应用提供了设置画布的宽度、高度、背景颜色和背景图片的功能,同时支持预览和下载画布内容的功能。整体设计旨在提供一个直观的用户界面,方便用户进行图形设计。
Web开发
前端技术
用户界面
图形设计
如何在Vue3中使用本地存储localStorage保存数据?
编程
如何在Vue3中使用本地存储localStorage保存数据?
2024-11-19 08:11:16 +0800 CST
view 1963
本文介绍了如何在Vue3中使用localStorage保存数据,包括创建Vue3项目、实现用户输入组件、保存和检索数据的功能,以及如何结合Vuex进行全局状态管理。通过示例代码,读者可以学习到localStorage的基本用法及其在现代Web应用中的重要性,提升应用性能和用户体验。
前端开发
Vue框架
Web存储
Web浏览器的定时器问题思考
编程
Web浏览器的定时器问题思考
2024-11-18 22:19:55 +0800 CST
view 1973
本文探讨了JavaScript中定时器(setTimeout和setInterval)的执行问题,指出在CPU繁忙、频繁执行和页面后台等情况下,定时器的实际执行时间可能与预期不符。提供了示例代码展示定时器延迟的情况,并介绍了使用WebWorker来解决后台页面定时器延迟的问题,确保任务按预期执行。
JavaScript
Web开发
性能优化
定时器
浏览器
告别Loading!6行代码实现页面秒开的Speculation Rules API实战指南
编程
告别Loading!6行代码实现页面秒开的Speculation Rules API实战指南
2025-09-11 18:33:38 +0800 CST
view 1072
本文详细介绍了现代浏览器提供的SpeculationRulesAPI,通过声明式配置实现页面预加载和预渲染。只需6行代码即可让下一页内容在用户点击前准备就绪,显著提升页面加载速度。文章包含核心原理、三种预渲染策略(eager/moderate/conservative)、实战代码示例、避坑指南和性能数据,帮助开发者实现真正的零延迟导航体验。
Web性能优化
前端开发
浏览器API
Scrapling 深度实战:当爬虫学会「自适应」——从智能元素追踪到零配置绕过 Cloudflare 的生产级完全指南(2026)
编程
Scrapling 深度实战:当爬虫学会「自适应」——从智能元素追踪到零配置绕过 Cloudflare 的生产级完全指南(2026)
2026-06-08 19:22:15 +0800 CST
view 360
深度解析 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 1839
本文探讨了如何在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 959
深度解析纯 Go 实现的 WebGPU 项目 gogpu/wgpu:零 CGO 依赖、syscall 直连 GPU API、Snatchable 资源管理模式、自动屏障生成、Damage-Aware 增量渲染,包含完整代码示例与性能对比
Go
WebGPU
GPU
Vulkan
系统编程
图形编程
Token存储终极指南:为什么前端安全从告别LocalStorage开始?
编程
Token存储终极指南:为什么前端安全从告别LocalStorage开始?
2025-09-11 18:43:12 +0800 CST
view 1231
本文深入分析前端Token存储的安全风险,对比LocalStorage、SessionStorage和Cookie三种方案的优劣。指出LocalStorage易受XSS攻击,推荐使用HttpOnly、Secure、SameSite=Strict的Cookie存储RefreshToken,内存存储短期AccessToken的最佳实践方案,并提供具体代码实现和不同场景下的选择建议。
前端安全
Web开发
身份验证
网络安全
最佳实践
Deno 2.9 深度解析:deno desktop 开辟全栈一体化新赛道,从桌面应用到性能革命的完整技术指南
编程
Deno 2.9 深度解析:deno desktop 开辟全栈一体化新赛道,从桌面应用到性能革命的完整技术指南
2026-07-03 11:15:04 +0800 CST
view 262
深度解析 Deno 2.9 核心更新:deno desktop 构建原生桌面应用、启动速度 2 倍提升、内存占用降低 3.1 倍、HTTP 吞吐量提升 1.27 倍,含完整代码实战与架构分析
Deno
deno desktop
TypeScript
JavaScript
桌面应用
性能优化
WebAssembly
V8
浮窗新时代:Document Picture-in-Picture API 完全指南与 Modal 对比
编程
浮窗新时代:Document Picture-in-Picture API 完全指南与 Modal 对比
2025-09-11 18:50:47 +0800 CST
view 1161
本文全面介绍了浏览器原生浮窗解决方案DocumentPicture-in-PictureAPI,包括其核心特性、基本用法、代码示例,并与传统Modal模态框进行多维度对比。提供了不同场景下的技术选型指南,涵盖实时监控、常驻工具窗口等应用场景,同时包含优雅降级方案和最佳实践建议。
前端开发
WebAPI
浏览器技术
Go 开发中的热加载指南
编程
Go 开发中的热加载指南
2024-11-18 23:01:27 +0800 CST
view 1720
本文介绍了在Go开发中使用热加载工具Fresh和Air的方法。热加载功能可以在代码修改后实时更新服务,避免频繁重启应用程序。文章详细说明了如何安装和配置这两个工具,以及如何在项目中运行它们,以提高开发效率。
Go开发
热加载
Web开发
JavaScript 原生实现图片复制与粘贴
编程
JavaScript 原生实现图片复制与粘贴
2024-11-18 17:39:20 +0800 CST
view 1605
本文介绍了如何通过JavaScript实现图片的复制与粘贴功能,解决了微信内置浏览器中用户下载图片体验差的问题。通过使用fetch获取图片数据并将其放入剪贴板,再从剪贴板读取并显示图片,简化了操作流程。此方案在iOS17中测试通过,其他设备的兼容性需进一步验证。
JavaScript
Web开发
用户体验
剪贴板操作
编程
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果
2024-11-19 02:35:11 +0800 CST
view 2124
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 501
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 1010
本文详细介绍如何使用原生JavaScript检测设备类型,通过分析用户代理字符串、屏幕特性和触摸支持等多种方法判断手机与PC设备。包含完整的HTML实现代码,展示设备详细信息并提供直观的视觉反馈,帮助开发者创建精确的设备检测页面。
前端开发
JavaScript
响应式设计
Web技术
WebAssembly 运行时深度实战:Wasmtime、WasmEdge、Wasmer 三大引擎性能对比与生产级选型指南
编程
WebAssembly 运行时深度实战:Wasmtime、WasmEdge、Wasmer 三大引擎性能对比与生产级选型指南
2026-06-27 19:47:48 +0800 CST
view 280
深度对比 WebAssembly 三大运行时 Wasmtime、WasmEdge、Wasmer 的架构原理、性能基准与生产级部署。包含真实测试数据、代码示例和选型决策指南,助你做出最优技术选型。
WebAssembly
Wasmtime
WasmEdge
Wasmer
性能优化
边缘计算
Serverless
AI推理
万字深度解析 WebAssembly 服务端运行时:从 WASI 到组件模型,WasmEdge 与 Spin 如何把轻量级沙箱推向生产——从冷启动原理到 AOT 编译优化的完整技术指南(2026)
编程
万字深度解析 WebAssembly 服务端运行时:从 WASI 到组件模型,WasmEdge 与 Spin 如何把轻量级沙箱推向生产——从冷启动原理到 AOT 编译优化的完整技术指南(2026)
2026-07-09 04:25:16 +0800 CST
view 168
从 WASI 能力模型到 Component Model,深入拆解 WasmEdge/Wasmtime/Spin 的运行时架构、embeddings 实战与冷启动/AOT 性能优化,讲清 WASM 服务端化的工程落地。
WebAssembly
WASI
WasmEdge
Spin
服务端运行时
组件模型
ThinkPHP SSE技术解析:实现服务器实时事件推送
编程
ThinkPHP SSE技术解析:实现服务器实时事件推送
2025-09-19 15:22:12 +0800 CST
view 1078
本文详细解析如何在ThinkPHP框架中实现Server-SentEvents(SSE)技术,包括后端控制器的HTTP头设置、无限循环连接保持、事件格式规范,以及前端通过EventSourceAPI建立连接和处理不同事件类型。提供了完整的代码示例和实际应用注意事项,适用于实时通知、数据监控等单向推送场景。
Web开发
实时通信
PHP框架
Deno 2.9 深度拆解:当 JS 运行时学会了「造桌面应用」——deno desktop、WebView 原生架构与冷启动优化如何重写跨端开发的心智模型
编程
Deno 2.9 深度拆解:当 JS 运行时学会了「造桌面应用」——deno desktop、WebView 原生架构与冷启动优化如何重写跨端开发的心智模型
2026-07-15 14:45:47 +0800 CST
view 139
深度拆解 Deno 2.9 的 deno desktop 功能:WebView 原生架构、三种桌面化路径对比、17ms 冷启动优化原理、HTTP 吞吐量提升,以及从 Electron 迁移到 deno desktop 的完整工程路径。
Deno
Deno 2.9
deno desktop
桌面应用
TypeScript
WebView
编程
Typed.js库在网页上实现炫酷的打字效果
2024-11-19 00:51:40 +0800 CST
view 2027
本文介绍了如何使用Typed.js库在网页上实现炫酷的打字效果。Typed.js是一个轻量级的JavaScript库,支持高度可定制的打字和删除速度,适用于动态欢迎信息、产品介绍和交互式教程等场景。通过简单的代码示例,展示了如何在Vue组件中集成Typed.js,提升用户体验。
前端开发
JavaScript
动态效果
用户体验
Web设计
编程
IndexedDB-极速本地存储:浏览器中的超级数据库
2024-11-18 16:21:21 +0800 CST
view 2088
IndexedDB是现代Web应用中的一种高效本地数据存储解决方案,支持异步操作和持久化存储,适合处理大量结构化数据。与Cookies和LocalStorage相比,IndexedDB提供更大的存储空间和更灵活的数据管理能力。通过封装的工具类`idb`,开发者可以轻松实现数据的增删改查操作,满足离线应用和渐进式Web应用的需求。
Web开发
数据存储
前端技术
autofit.js:大屏适配终极解决方案,告别手动调整烦恼!
编程
autofit.js:大屏适配终极解决方案,告别手动调整烦恼!
2026-01-27 19:59:59 +0800 CST
view 1553
autofit.js是一个专注于大屏自适应适配的JavaScript库,采用transform缩放技术实现等比自适应。它解决了传统适配方案(如媒体查询、vw/rem单位)在大屏数据可视化项目中复杂图表组件适配困难的问题。该库具有零依赖、轻量级(仅3.6kB)、简单易用、智能适配和实时响应等核心特性。通过简洁的API(如init方法)和配置参数(el、dw、dh、resize等),开发者只需几行代码即可实现复杂大屏在不同分辨率下的自动等比缩放,极大减少了手动调整的工作量。
前端开发
JavaScript工具
响应式设计
数据可视化
Web开发
PHP RFC6455 WebSocket纯协议实现:Ratchet + Workerman优雅解耦方案
编程
PHP RFC6455 WebSocket纯协议实现:Ratchet + Workerman优雅解耦方案
2026-06-20 12:28:56 +0800 CST
view 253
PHP WebSocket纯协议实现方案,基于Ratchet RFC6455 + Workerman。协议层与传输层完全解耦,自动处理握手/分帧/掩码/分片/Ping-Pong。适合需要深度定制WebSocket协议的场景。
PHP
WebSocket
RFC6455
Workerman
Ratchet
实时通信
开源
PSR-7
网络协议
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
38
39
40
41
42
...
73
下一页