程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
Docker 中运行并使用 WebRTC 的自托管虚拟浏览器
综合
Docker 中运行并使用 WebRTC 的自托管虚拟浏览器
2024-11-19 03:03:55 +0800 CST
view 1709
Neko虚拟浏览器是一款自托管的虚拟浏览器,允许用户在安全的虚拟环境中访问互联网。它支持多用户同时访问,适合开发人员和寻求隐私保护的用户。Neko提供了便捷的浏览体验,用户可以在多个设备上共享浏览器访问权限,适用于协作项目和资源共享。
虚拟浏览器
安全技术
WebRTC
Docker
隐私保护
代码
基于Vue.js的拖动功能和画布设置的Web应用
2024-11-19 09:53:07 +0800 CST
view 1405
该文本描述了一个基于Vue.js的拖动功能和画布设置的Web应用。用户可以通过左侧的功能菜单添加文字或图片元素到画布中,并可以调整这些元素的样式和位置。应用提供了设置画布的宽度、高度、背景颜色和背景图片的功能,同时支持预览和下载画布内容的功能。整体设计旨在提供一个直观的用户界面,方便用户进行图形设计。
Web开发
前端技术
用户界面
图形设计
如何在Vue3中使用本地存储localStorage保存数据?
编程
如何在Vue3中使用本地存储localStorage保存数据?
2024-11-19 08:11:16 +0800 CST
view 1706
本文介绍了如何在Vue3中使用localStorage保存数据,包括创建Vue3项目、实现用户输入组件、保存和检索数据的功能,以及如何结合Vuex进行全局状态管理。通过示例代码,读者可以学习到localStorage的基本用法及其在现代Web应用中的重要性,提升应用性能和用户体验。
前端开发
Vue框架
Web存储
Web浏览器的定时器问题思考
编程
Web浏览器的定时器问题思考
2024-11-18 22:19:55 +0800 CST
view 1729
本文探讨了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 712
本文详细介绍了现代浏览器提供的SpeculationRulesAPI,通过声明式配置实现页面预加载和预渲染。只需6行代码即可让下一页内容在用户点击前准备就绪,显著提升页面加载速度。文章包含核心原理、三种预渲染策略(eager/moderate/conservative)、实战代码示例、避坑指南和性能数据,帮助开发者实现真正的零延迟导航体验。
Web性能优化
前端开发
浏览器API
如何在Vue3中使用sessionStorage保存会话数据?
编程
如何在Vue3中使用sessionStorage保存会话数据?
2024-11-19 03:37:49 +0800 CST
view 1501
本文探讨了如何在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 227
深度解析纯 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 945
本文深入分析前端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 816
本文全面介绍了浏览器原生浮窗解决方案DocumentPicture-in-PictureAPI,包括其核心特性、基本用法、代码示例,并与传统Modal模态框进行多维度对比。提供了不同场景下的技术选型指南,涵盖实时监控、常驻工具窗口等应用场景,同时包含优雅降级方案和最佳实践建议。
前端开发
WebAPI
浏览器技术
Go 开发中的热加载指南
编程
Go 开发中的热加载指南
2024-11-18 23:01:27 +0800 CST
view 1436
本文介绍了在Go开发中使用热加载工具Fresh和Air的方法。热加载功能可以在代码修改后实时更新服务,避免频繁重启应用程序。文章详细说明了如何安装和配置这两个工具,以及如何在项目中运行它们,以提高开发效率。
Go开发
热加载
Web开发
JavaScript 原生实现图片复制与粘贴
编程
JavaScript 原生实现图片复制与粘贴
2024-11-18 17:39:20 +0800 CST
view 1319
本文介绍了如何通过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 77
深度解析 Superpowers——123K Star 的 AI 编程工作流框架。从三层架构到7步核心工作流,全面剖析如何让AI编程助手从实习生变成资深工程师。
AI编程
Claude Code
工作流框架
Agent
Superpowers
编程
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果
2024-11-19 02:35:11 +0800 CST
view 1888
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果。本文介绍了mo.js的基本概念、特点及其在Vue环境中的应用,展示了如何通过简单的API实现复杂的动画效果,提升网页的动态性和用户体验。
前端开发
JavaScript
动画
用户体验
Web设计
原生JS判断手机与PC端:实现一个炫酷设备检测页面
编程
原生JS判断手机与PC端:实现一个炫酷设备检测页面
2025-09-18 08:37:04 +0800 CST
view 726
本文详细介绍如何使用原生JavaScript检测设备类型,通过分析用户代理字符串、屏幕特性和触摸支持等多种方法判断手机与PC设备。包含完整的HTML实现代码,展示设备详细信息并提供直观的视觉反馈,帮助开发者创建精确的设备检测页面。
前端开发
JavaScript
响应式设计
Web技术
ThinkPHP SSE技术解析:实现服务器实时事件推送
编程
ThinkPHP SSE技术解析:实现服务器实时事件推送
2025-09-19 15:22:12 +0800 CST
view 782
本文详细解析如何在ThinkPHP框架中实现Server-SentEvents(SSE)技术,包括后端控制器的HTTP头设置、无限循环连接保持、事件格式规范,以及前端通过EventSourceAPI建立连接和处理不同事件类型。提供了完整的代码示例和实际应用注意事项,适用于实时通知、数据监控等单向推送场景。
Web开发
实时通信
PHP框架
编程
Typed.js库在网页上实现炫酷的打字效果
2024-11-19 00:51:40 +0800 CST
view 1754
本文介绍了如何使用Typed.js库在网页上实现炫酷的打字效果。Typed.js是一个轻量级的JavaScript库,支持高度可定制的打字和删除速度,适用于动态欢迎信息、产品介绍和交互式教程等场景。通过简单的代码示例,展示了如何在Vue组件中集成Typed.js,提升用户体验。
前端开发
JavaScript
动态效果
用户体验
Web设计
编程
IndexedDB-极速本地存储:浏览器中的超级数据库
2024-11-18 16:21:21 +0800 CST
view 1756
IndexedDB是现代Web应用中的一种高效本地数据存储解决方案,支持异步操作和持久化存储,适合处理大量结构化数据。与Cookies和LocalStorage相比,IndexedDB提供更大的存储空间和更灵活的数据管理能力。通过封装的工具类`idb`,开发者可以轻松实现数据的增删改查操作,满足离线应用和渐进式Web应用的需求。
Web开发
数据存储
前端技术
autofit.js:大屏适配终极解决方案,告别手动调整烦恼!
编程
autofit.js:大屏适配终极解决方案,告别手动调整烦恼!
2026-01-27 19:59:59 +0800 CST
view 946
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 43
深度解析 VSCode 2026 远程开发协议升级:从 SSH 隧道到 BSP 双通道传输架构,整合 TLS 1.3 零往返、QUIC 多流、细粒度权限令牌,实现跨地域开发延迟降低 80%、调试会话稳定性提升 5 倍
VSCode
远程开发
QUIC
WebSocket
协议设计
在Vue3中实现代码分割和懒加载
编程
在Vue3中实现代码分割和懒加载
2024-11-17 06:18:00 +0800 CST
view 1581
本文探讨了如何在Vue3中实现代码分割和懒加载,以提高Web应用的性能和用户体验。通过使用Webpack的动态import语法,开发者可以按需加载组件,减少初始加载时间。文章提供了示例代码,展示了如何在路由和组件内部实现懒加载,并讨论了Webpack的分割策略及优化懒加载体验的方法。
前端开发
性能优化
Vue框架
Web应用
代码管理
VSCode 2026 远程开发协议深度解析:BSP 双通道传输架构从原理到实战
编程
VSCode 2026 远程开发协议深度解析:BSP 双通道传输架构从原理到实战
2026-05-07 22:09:17 +0800 CST
view 45
深度解析 VSCode 2026 远程开发协议升级:从 SSH 隧道到 BSP 双通道传输架构,整合 TLS 1.3 零往返、QUIC 多流、细粒度权限令牌,实现跨地域开发延迟降低 80%、调试会话稳定性提升 5 倍
VSCode
远程开发
QUIC
WebSocket
协议设计
Vue 3 中的新 `<script setup>` 语法详解
编程
Vue 3 中的新 `<script setup>` 语法详解
2024-11-19 06:45:51 +0800 CST
view 1294
Vue3中的新<scriptsetup>语法为开发者提供了一种更简洁高效的方式来编写Vue组件。它通过编译时宏优化性能,支持TypeScript,简化了响应式数据、计算属性、props和emits的使用。本文详细介绍了<scriptsetup>的用法、优势及示例代码,展示了其在开发过程中的便利性和一致性。
前端开发
Vue.js
编程语言
Web技术
Vue 3 中的 Fragments 是什么?
编程
Vue 3 中的 Fragments 是什么?
2024-11-17 17:05:46 +0800 CST
view 1283
本文介绍了Vue3中的Fragments特性,允许组件返回多个顶级元素而无需根节点,简化了DOM结构,提高了代码的可读性和性能。通过示例代码,展示了如何在列表和表单组件中应用Fragments,强调了其在开发中的灵活性和优势。
Vue.js
前端框架
Web开发
用户界面
性能优化
手把手带你撸一个生产级 Go Web 脚手架:分层 + DI + 可插拔驱动
编程
手把手带你撸一个生产级 Go Web 脚手架:分层 + DI + 可插拔驱动
2026-04-08 10:17:43 +0800 CST
view 277
手把手带你撸一个生产级 Go Web 脚手架,支持分层架构、自定义 DI 容器、可插拔驱动系统、版本化数据库迁移。
Go
Gin
Web
DI
脚手架
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
9
10
11
12
13
14
下一页