程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
AI 生成界面为什么总是样板间? taste-skill 用 SKILL.md 给 AI 装上设计品味
编程
AI 生成界面为什么总是样板间? taste-skill 用 SKILL.md 给 AI 装上设计品味
2026-07-08 12:50:03 +0800 CST
view 215
taste-skill 通过将设计品味封装为可组合的 SKILL.md 技能集,解决 AI 生成界面千篇一律的核心问题。本文深入解析其三段旋钮系统、设计技能体系与工程实践。
AI编程
taste-skill
前端设计
SKILL.md
Claude Code
设计系统
AI Agent
代码
CSS 实现金额数字滚动效果
2024-11-19 09:17:15 +0800 CST
view 3236
本文介绍了如何使用HTML、CSS和JavaScript实现金额数字的滚动效果,增强用户界面的动态视觉效果。通过实时滚动数字,用户可以直观感知金额变化,适用于购物网站和金融应用。提供了完整的代码示例,包括HTML、CSS和JavaScript部分,展示了如何实现这一效果,并强调了其交互性和动画效果。
前端开发
用户界面
动态效果
网页设计
交互设计
花束设计(Huashu Design)深度解析:当 Claude Code 拥有了一个「会设计的大脑」
编程
花束设计(Huashu Design)深度解析:当 Claude Code 拥有了一个「会设计的大脑」
2026-04-27 13:22:42 +0800 CST
view 1342
花束设计(Huashu Design)是一个给 Claude Code 的 HTML 原生设计 skill,7天获得6700+ Stars。本文深度解析其七大能力模块、防AI Slop规则系统、品牌资产协议和Stage+Sprite动画引擎。
Huashu Design
Claude Code
AI设计
Skill
HTML
前端
设计工具
开源
WebSocket、SSE、WebRTC 深度实战:2026年实时通信架构选型、原理分析与生产级部署完全指南
编程
WebSocket、SSE、WebRTC 深度实战:2026年实时通信架构选型、原理分析与生产级部署完全指南
2026-06-27 16:13:11 +0800 CST
view 256
WebSocket、SSE、WebRTC三大实时通信协议深度实战指南。从协议原理、代码实战到性能基准和生产部署,涵盖AI模型流式输出方案选型、HTTP/3与WebTransport新趋势,2026年架构师必读的实时通信完全指南。
WebSocket
SSE
WebRTC
实时通信
HTTP/3
QUIC
WebTransport
架构设计
Go
JavaScript
Python
PC端与移动端兼容性适配方案全解析
编程
PC端与移动端兼容性适配方案全解析
2025-05-06 09:08:03 +0800 CST
view 1622
本文分析了PC端与移动端的兼容性适配方案,探讨了在现代Web开发中面临的挑战及解决方案。介绍了响应式布局、REM适配、组件化方案和动态路由的优缺点,并提供了相关的技术实现代码和性能优化建议。最后,给出了不同类型网站的适配选择指南,强调了从移动端开始设计的重要性。
Web开发
前端技术
响应式设计
用户体验
性能优化
FastAPI 入门指南
编程
FastAPI 入门指南
2024-11-19 08:51:54 +0800 CST
view 1653
FastAPI是一个现代、高性能的PythonWeb框架,旨在构建APIs。它基于类型提示,支持自动生成文档,具有速度快和类型安全的优势。通过简单的示例,展示了如何安装FastAPI、创建应用、处理路由和参数、进行数据验证以及支持异步编程。FastAPI适合构建各种规模的Web服务,是开发者的理想选择。
Web开发
Python
API设计
框架
Obscura 深度实战:从 Rust 无头引擎到 AI Agent 浏览器底座——Headless Chrome 的终结者还是补充者?
编程
Obscura 深度实战:从 Rust 无头引擎到 AI Agent 浏览器底座——Headless Chrome 的终结者还是补充者?
2026-05-23 12:15:52 +0800 CST
view 519
Obscura 是用 Rust 编写的高性能无头浏览器引擎,专为 AI Agent 和网页抓取设计。本文深度解析其架构设计、性能优势、Stealth 反检测机制及生产级实践。
Rust
无头浏览器
AI Agent
Web 抓取
V8
CDP
Playwright
Puppeteer
性能优化
架构设计
HTTP QUERY方法深度剖析:为什么GET和POST之间的鸿沟终于被填平了
编程
HTTP QUERY方法深度剖析:为什么GET和POST之间的鸿沟终于被填平了
2026-07-24 11:44:45 +0800 CST
view 23
2026年6月IETF发布RFC 10008引入HTTP QUERY方法,填补GET无法携带Body和POST非幂等的语义鸿沟。本文从工程师视角深度拆解QUERY方法的诞生背景、核心语义、工程实现与最佳实践。
HTTP
QUERY
RFC
API设计
REST
幂等
云原生
Web标准
Tauri 2.0 深度实战:当桌面应用终于告别 Chromium 臃肿——从多进程架构、Rust 核心到移动端跨平台的生产级完全指南
编程
Tauri 2.0 深度实战:当桌面应用终于告别 Chromium 臃肿——从多进程架构、Rust 核心到移动端跨平台的生产级完全指南
2026-07-12 10:44:07 +0800 CST
view 304
深度剖析 Tauri 2.0 技术内核:从多进程架构设计、Rust 安全模型、IPC 通信机制,到移动端扩展、插件生态与生产级实战。对比 Electron 性能数据,详解体积优化、内存管理、启动速度优化策略,配完整代码示例。
Tauri
Rust
桌面开发
跨平台
WebView
移动端
性能优化
架构设计
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
编程
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
2025-07-22 16:12:37 +0800 CST
view 1440
本文详细解析了前端主题切换系统的实现,包括明暗模式和企业级动态皮肤的构建。介绍了核心需求、主流方案对比、推荐方案及其实现步骤,强调了CSS变量在高性能主题切换中的重要性,并提供了生产环境优化技巧和企业级动态主题平台的构建方案,旨在提升用户体验和产品专业性。
前端
Web开发
用户体验
主题设计
CSS
综合
开源 | 一款基于 Vue 的低代码,6K star 的可视化表单设计器工具,轻松搞定表单,支持多端适配
2024-11-19 08:33:51 +0800 CST
view 3409
FormCreate是一款基于Vue的低代码可视化表单设计器工具,支持多端适配和国际化,用户可通过直观界面快速构建功能完备的表单。它内置丰富的组件库,支持动态渲染和事件绑定,广泛应用于政务、OA、ERP、电商等系统,提升开发效率,简化表单设计流程。该工具遵循MIT许可证,适合商业用途和定制开发。
开源工具
低代码
表单设计
Web开发
Vue框架
如何在Vue3中使用CompositionAPI构建一个响应式导航菜单?
编程
如何在Vue3中使用CompositionAPI构建一个响应式导航菜单?
2024-11-19 08:34:45 +0800 CST
view 1750
本文介绍了如何在Vue3中使用CompositionAPI构建一个响应式导航菜单。通过创建一个简单的项目结构和组件,文章详细说明了响应式布局、动态切换页面和高亮选中项的实现。读者可以通过示例代码学习如何处理不同屏幕尺寸下的用户交互,提升用户体验。
Web开发
前端
Vue.js
响应式设计
用户体验
代码
炫酷彩色粒子鼠标跟随动画效果(附源代码)
2024-11-18 05:19:55 +0800 CST
view 2070
这是一个交互式的彩色粒子动画,随着鼠标移动产生五彩缤纷的粒子爆炸效果。通过定义粒子类、创建爆炸效果和使用动画循环,代码实现了流畅的视觉体验。用户只需将源代码复制到HTML文件中并在浏览器中打开,即可体验该动态效果。
动画
交互设计
Web开发
Vue3和Bootstrap创建一个响应式导航栏。通过结合Vue3的CompositionAPI和Bootstrap的样式,开发者可以快速构建美观且易于使用的导航组件
编程
Vue3和Bootstrap创建一个响应式导航栏。通过结合Vue3的CompositionAPI和Bootstrap的样式,开发者可以快速构建美观且易于使用的导航组件
2024-11-19 03:33:21 +0800 CST
view 2070
本文介绍了如何使用Vue3和Bootstrap创建一个响应式导航栏。通过结合Vue3的CompositionAPI和Bootstrap的样式,开发者可以快速构建美观且易于使用的导航组件。文章详细说明了项目创建、组件构建及样式自定义的步骤,旨在帮助开发者提升用户体验并简化开发流程。
Web开发
前端框架
用户界面设计
一行CSS魔法:瞬间开启网站暗黑模式!
编程
一行CSS魔法:瞬间开启网站暗黑模式!
2025-08-31 08:15:28 +0800 CST
view 1073
本文介绍了一种通过一行CSS代码快速实现网站暗黑模式的方法。使用CSS的filter属性,结合invert和hue-rotate函数,可以轻松将网页颜色反转并修正色彩失真。虽然这种方法适合个人项目和快速原型开发,但在生产环境中可能存在局限性,如无法精细控制样式和颜色转换不准确。文章还提供了处理媒体元素的解决方案和与传统方法的对比。
Web开发
CSS
暗黑模式
前端技术
设计
如何在Vue中实现一个带有自动补全功能的搜索框
编程
如何在Vue中实现一个带有自动补全功能的搜索框
2024-11-19 03:55:49 +0800 CST
view 2451
本文介绍了如何在Vue3中实现一个带有自动补全功能的搜索框。通过初始化Vue3项目、创建组件、设计结构、添加数据和方法,以及样式调整,读者可以学习到如何提升用户输入效率和体验。最后,展示了如何在App.vue中使用该组件,提供了完整的代码示例和使用效果。
前端开发
Vue.js
用户体验
组件设计
Web开发
代码
基于Vue.js的拖动功能和画布设置的Web应用
2024-11-19 09:53:07 +0800 CST
view 1804
该文本描述了一个基于Vue.js的拖动功能和画布设置的Web应用。用户可以通过左侧的功能菜单添加文字或图片元素到画布中,并可以调整这些元素的样式和位置。应用提供了设置画布的宽度、高度、背景颜色和背景图片的功能,同时支持预览和下载画布内容的功能。整体设计旨在提供一个直观的用户界面,方便用户进行图形设计。
Web开发
前端技术
用户界面
图形设计
原生JS判断手机与PC端:实现一个炫酷设备检测页面
编程
原生JS判断手机与PC端:实现一个炫酷设备检测页面
2025-09-18 08:37:04 +0800 CST
view 1012
本文详细介绍如何使用原生JavaScript检测设备类型,通过分析用户代理字符串、屏幕特性和触摸支持等多种方法判断手机与PC设备。包含完整的HTML实现代码,展示设备详细信息并提供直观的视觉反馈,帮助开发者创建精确的设备检测页面。
前端开发
JavaScript
响应式设计
Web技术
autofit.js:大屏适配终极解决方案,告别手动调整烦恼!
编程
autofit.js:大屏适配终极解决方案,告别手动调整烦恼!
2026-01-27 19:59:59 +0800 CST
view 1557
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 525
深度解析 VSCode 2026 远程开发协议升级:从 SSH 隧道到 BSP 双通道传输架构,整合 TLS 1.3 零往返、QUIC 多流、细粒度权限令牌,实现跨地域开发延迟降低 80%、调试会话稳定性提升 5 倍
VSCode
远程开发
QUIC
WebSocket
协议设计
VSCode 2026 远程开发协议深度解析:BSP 双通道传输架构从原理到实战
编程
VSCode 2026 远程开发协议深度解析:BSP 双通道传输架构从原理到实战
2026-05-07 22:09:17 +0800 CST
view 559
深度解析 VSCode 2026 远程开发协议升级:从 SSH 隧道到 BSP 双通道传输架构,整合 TLS 1.3 零往返、QUIC 多流、细粒度权限令牌,实现跨地域开发延迟降低 80%、调试会话稳定性提升 5 倍
VSCode
远程开发
QUIC
WebSocket
协议设计
综合
如何实现PC打开是Web应用、手机打开是H5应用
2024-11-18 21:30:23 +0800 CST
view 2381
本文讨论了如何通过同一个链接在PC和移动设备上展示不同的应用。介绍了三种实现方式:1)服务器端逻辑,通过解析User-Agent返回不同内容;2)客户端JavaScript,动态加载不同资源;3)响应式设计,使用CSS媒体查询适配不同设备。提供了相关的示例代码,帮助开发者选择合适的实现方式。
Web开发
前端技术
响应式设计
JavaScript
服务器端编程
HTTP QUERY 方法深度拆解:当 RFC 终于为「带 Body 的 GET 」正名——2026 年最值得关注的 HTTP 协议演进
编程
HTTP QUERY 方法深度拆解:当 RFC 终于为「带 Body 的 GET 」正名——2026 年最值得关注的 HTTP 协议演进
2026-07-16 09:43:52 +0800 CST
view 106
2026年6月IETF正式发布RFC 9412,引入HTTP QUERY方法解决「带Body的GET」问题。本文深度拆解RFC规范、代码实现、缓存语义与迁移策略。
HTTP
QUERY
RFC 9412
REST
API设计
Web协议
HTTP方法
回到上次阅读位置技术实践
编程
回到上次阅读位置技术实践
2025-04-19 09:47:31 +0800 CST
view 1497
本文讨论了在长网页中自动定位用户上次阅读位置的技术需求与实现方案。主要包括位置记录、数据存储和位置恢复。对比了四种方案:使用scroll事件和localStorage、锚点ID与URL、IntersectionObserverAPI以及滚动位置预测,分析了各方案的优缺点及适用场景,提供了选型建议以提升用户体验。
前端开发
用户体验
技术方案
网页设计
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
...
40
下一页