程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
使用 rem 适配 PC 与移动端——原理与实战指南
编程
使用 rem 适配 PC 与移动端——原理与实战指南
2025-07-02 09:02:48 +0800 CST
view 1345
本文介绍了如何使用rem单位适配PC与移动端的原理与实战指南。通过flexible.js动态设置根字体和postcss-pxtorem插件自动转换px为rem,实现一套代码适配多端的设计理念。强调了开发、构建和运行阶段的最佳实践与注意事项,确保视觉一致性与用户体验。
前端开发
响应式设计
CSS
编程
巧用opacity实现input的文件上传美化
2024-11-19 00:06:05 +0800 CST
view 3605
本文讨论了如何美化文件上传标签,以提升用户体验。原生的上传按钮被认为不美观,因此提供了HTML和CSS代码示例,展示了如何使用自定义样式和图标来改善上传界面的外观。示例中包括了两个不同的上传框,分别用于身份证的正面和反面,配合相应的图标和描述。
前端开发
用户界面
网页设计
一个简单的打字机效果的实现
代码
一个简单的打字机效果的实现
2024-11-19 04:47:27 +0800 CST
view 1644
该文本展示了一个简单的打字机效果的实现,使用HTML、CSS和JavaScript。通过CSS样式定义了打字机效果的外观和动画,JavaScript用于动态设置文本和控制动画的重置与执行。每隔5秒,文本会重新执行打字机效果,增强了用户体验。
前端开发
网页设计
动画效果
Obscura 深度实战:从 Rust 无头引擎到 AI Agent 浏览器底座——Headless Chrome 的终结者还是补充者?
编程
Obscura 深度实战:从 Rust 无头引擎到 AI Agent 浏览器底座——Headless Chrome 的终结者还是补充者?
2026-05-23 12:15:52 +0800 CST
view 576
Obscura 是用 Rust 编写的高性能无头浏览器引擎,专为 AI Agent 和网页抓取设计。本文深度解析其架构设计、性能优势、Stealth 反检测机制及生产级实践。
Rust
无头浏览器
AI Agent
Web 抓取
V8
CDP
Playwright
Puppeteer
性能优化
架构设计
CSS实现亚克力和磨砂玻璃效果
编程
CSS实现亚克力和磨砂玻璃效果
2024-11-18 01:21:20 +0800 CST
view 2300
本文讨论了如何使用CSS实现亚克力和磨砂玻璃效果,介绍了这两种效果的历史背景及其在现代UI设计中的应用。通过使用CSS的filter和backdrop-filter属性,提供了详细的代码示例,展示了如何构建这些视觉效果,强调了透明度、模糊和层次感的重要性。
UI设计
前端开发
CSS效果
提升 CSS 开发效率的必备 Chrome 插件
编程
提升 CSS 开发效率的必备 Chrome 插件
2025-07-12 15:17:22 +0800 CST
view 1179
本文介绍了五款必备的Chrome插件,旨在提升CSS开发效率。这些插件包括ColorZilla、Visbug、ResponsiveViewer、WindowResizer和CSSPeeper,分别提供颜色提取、元素调整、响应式测试、分辨率控制和样式提取等功能。通过合理使用这些工具,开发者和设计师可以显著提高工作效率,缩短调试时间,专注于创造性编码。
前端开发
工具
设计
Harness Engineering 深度实战:从"玄学 Prompt"到"硬核线束架构"——2026年 AI Agent 开发范式转移完全指南
编程
Harness Engineering 深度实战:从"玄学 Prompt"到"硬核线束架构"——2026年 AI Agent 开发范式转移完全指南
2026-05-23 18:15:43 +0800 CST
view 404
深入拆解2026年AI Agent开发最新范式:Harness Engineering(线束工程),从Prompt Engineering的结构性失败到硬核系统约束的范式转移,六大核心支柱与生产级实战代码
AI Agent
Harness Engineering
工程实践
架构设计
HTTP QUERY方法深度剖析:为什么GET和POST之间的鸿沟终于被填平了
编程
HTTP QUERY方法深度剖析:为什么GET和POST之间的鸿沟终于被填平了
2026-07-24 11:44:45 +0800 CST
view 300
2026年6月IETF发布RFC 10008引入HTTP QUERY方法,填补GET无法携带Body和POST非幂等的语义鸿沟。本文从工程师视角深度拆解QUERY方法的诞生背景、核心语义、工程实现与最佳实践。
HTTP
QUERY
RFC
API设计
REST
幂等
云原生
Web标准
请解释一下Vue中的mixins和extends是如何区别和使用的
编程
请解释一下Vue中的mixins和extends是如何区别和使用的
2024-11-18 14:43:51 +0800 CST
view 1464
在Vue中,mixins和extends是用于复用和扩展组件逻辑的两种方式。mixins允许多个组件共享相同的逻辑,而extends则用于创建组件之间的继承关系。通过使用mixins,可以提高代码的可复用性和可维护性;而extends则适合在已有组件基础上进行扩展。选择合适的方式有助于更好地组织Vue组件的代码。
Vue
前端开发
组件设计
Go 中的单例模式
编程
Go 中的单例模式
2024-11-17 21:23:29 +0800 CST
view 1590
单例模式是一种设计模式,确保一个类只有一个实例并提供全局访问点。在Go语言中,单例模式有饿汉式和懒汉式两种实现方式。饿汉式在程序启动时创建实例,而懒汉式在第一次需要时创建实例,并使用双重检查锁定来确保线程安全。通过代码示例,本文详细介绍了这两种实现方式及其优缺点,帮助开发者根据需求选择合适的实现。
设计模式
Go语言
并发编程
代码
纯 CSS 实现一个笔记本电脑的组装动画
2024-11-17 04:44:14 +0800 CST
view 1858
本文介绍了如何使用纯CSS实现一个笔记本电脑的组装动画。通过HTML和CSS代码,创建了一个具有动态效果的MacBook模型,展示了其显示屏、键盘和加载动画的实现方式。文章包含了详细的CSS样式和动画效果,适合对网页设计和动画感兴趣的开发者。
前端开发
动画效果
网页设计
综合
整理了8款基于CSS和JavaScript的创意通知界面,展示了现代网页通知的多样性和设计可能性
2024-11-19 10:13:33 +0800 CST
view 2153
本文整理了8款基于CSS和JavaScript的创意通知界面,展示了现代网页通知的多样性和设计可能性。每种设计都结合了视觉效果与交互体验,适用于电商和社交平台,提升用户体验。通过这些创意实现,通知不仅传递信息,还能增强品牌形象。
网页设计
用户体验
前端开发
CSS
JavaScript
平面设计常用尺寸
编程
平面设计常用尺寸
2024-11-19 02:20:22 +0800 CST
view 3082
本文详细列出了各种名片、宣传册、信纸、信封等的标准尺寸,包括横版、竖版和方版的具体尺寸,以及不同开本的纸张尺寸。还解释了开数的概念,说明了如何计算成品尺寸与纸张尺寸之间的关系。内容涵盖了多种常见的印刷产品及其规格,适用于设计和印刷行业的参考。
设计
印刷
规格
纯 CSS 实现动画,童年玩具 “跳跳杆”
代码
纯 CSS 实现动画,童年玩具 “跳跳杆”
2024-11-19 06:44:40 +0800 CST
view 1643
本文介绍了如何使用纯CSS实现一个动画效果,模拟童年玩具“跳跳杆”。通过HTML和CSS代码,创建了一个具有立体效果的场景,展示了跳跳杆的动态表现。代码中包含了多种CSS动画效果和关键帧定义,展示了如何利用CSS的强大功能来实现复杂的动画效果。
前端开发
动画效果
网页设计
综合
效率翻倍!6 款不容错过的免费 AI 神器
2024-11-19 08:21:41 +0800 CST
view 2569
本文介绍了六款免费的AI工具,包括矢量插画库vectorCraftr、具备OCR功能的截图工具Pixpin、在线图像放大工具TileControlnet、面部动画生成模型LivePortrait、开源TTS模型FishSpeech,以及AI动效制作工具DreamMachine。这些工具各具特色,旨在提升工作效率和创作能力,适合设计师和开发者使用。
人工智能
设计工具
效率提升
Tauri 2.0 深度实战:当桌面应用终于告别 Chromium 臃肿——从多进程架构、Rust 核心到移动端跨平台的生产级完全指南
编程
Tauri 2.0 深度实战:当桌面应用终于告别 Chromium 臃肿——从多进程架构、Rust 核心到移动端跨平台的生产级完全指南
2026-07-12 10:44:07 +0800 CST
view 512
深度剖析 Tauri 2.0 技术内核:从多进程架构设计、Rust 安全模型、IPC 通信机制,到移动端扩展、插件生态与生产级实战。对比 Electron 性能数据,详解体积优化、内存管理、启动速度优化策略,配完整代码示例。
Tauri
Rust
桌面开发
跨平台
WebView
移动端
性能优化
架构设计
移动端 CSS 适配全攻略:从基础到进阶全面解析
编程
移动端 CSS 适配全攻略:从基础到进阶全面解析
2025-07-22 12:32:47 +0800 CST
view 1350
本文全面解析了移动端CSS适配的关键问题,包括viewport设置、1px物理像素问题、安全区域适配、字体缩放控制及rem方案等。通过具体的代码示例,提供了多种解决方案,帮助前端工程师应对不同设备的适配挑战,确保页面在各种屏幕上都能良好显示。
前端开发
移动开发
CSS
技术文档
响应式设计
编程
为什么你应该停止使用传统的 Margin 和 Padding
2024-11-18 14:34:19 +0800 CST
view 1626
随着网络用户的增加,确保可访问性变得重要。传统的`margin`和`padding`可能导致不同区域设置的用户困惑。现代开发者应使用`margin-inline`、`margin-block`、`padding-inline`和`padding-block`,以适应不同方向的布局需求。这些新属性通过定义起始和结束边距,确保无论区域设置如何,布局都能按预期显示。结合`flexbox`使用时,这些属性更加强大。
前端开发
CSS
无障碍设计
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
编程
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
2025-07-22 16:12:37 +0800 CST
view 1467
本文详细解析了前端主题切换系统的实现,包括明暗模式和企业级动态皮肤的构建。介绍了核心需求、主流方案对比、推荐方案及其实现步骤,强调了CSS变量在高性能主题切换中的重要性,并提供了生产环境优化技巧和企业级动态主题平台的构建方案,旨在提升用户体验和产品专业性。
前端
Web开发
用户体验
主题设计
CSS
综合
开源 | 一款基于 Vue 的低代码,6K star 的可视化表单设计器工具,轻松搞定表单,支持多端适配
2024-11-19 08:33:51 +0800 CST
view 3445
FormCreate是一款基于Vue的低代码可视化表单设计器工具,支持多端适配和国际化,用户可通过直观界面快速构建功能完备的表单。它内置丰富的组件库,支持动态渲染和事件绑定,广泛应用于政务、OA、ERP、电商等系统,提升开发效率,简化表单设计流程。该工具遵循MIT许可证,适合商业用途和定制开发。
开源工具
低代码
表单设计
Web开发
Vue框架
Claude-Mem 深度解析:59K 星背后的 AI 记忆压缩架构与跨会话上下文注入革命
编程
Claude-Mem 深度解析:59K 星背后的 AI 记忆压缩架构与跨会话上下文注入革命
2026-04-21 06:15:32 +0800 CST
view 685
Claude-Mem 59K星开源项目深度解析:AI记忆压缩架构、五层钩子系统、三层工作流、混合检索引擎,让Claude Code从短记忆天才变成长记忆伙伴
AI
Claude Code
记忆系统
开源项目
架构设计
一行命令搞定!16.5k Star 的开源神器,让 AI 生成的前端终于有审美了
案例
一行命令搞定!16.5k Star 的开源神器,让 AI 生成的前端终于有审美了
2026-05-11 16:39:33 +0800 CST
view 644
16.5K Stars 的开源项目 taste-skill,让 AI 生成的前端代码告别紫蓝渐变 Hero + 三列圆角卡片的模板风。一行命令安装,支持 Cursor/Claude Code/Codex 等主流编程 Agent。
taste-skill
AI前端
设计规范
Claude Code
Cursor
反slop
前端开发
SKILL
MCP v5 深度拆解:从「有状态长连接」到「无状态请求/响应」,协议层的一次颠覆性重构
编程
MCP v5 深度拆解:从「有状态长连接」到「无状态请求/响应」,协议层的一次颠覆性重构
2026-07-30 10:17:09 +0800 CST
view 77
深度拆解 MCP v5:Anthropic 于 2026 年 7 月 28 日发布的最大一次协议更新,从有状态长连接转向无状态请求/响应,配合 OAuth 2.0/OIDC 企业认证、扩展生态系统与 MCP Apps/Tasks 扩展,附 TypeScript/Python 迁移实战代码。
MCP
Model Context Protocol
AI Agent
无状态架构
OAuth2
OIDC
协议设计
企业级
开源
Vue.js 中的依赖注入(Dependency Injection)是如何工作的?它有什么用处?
编程
Vue.js 中的依赖注入(Dependency Injection)是如何工作的?它有什么用处?
2024-11-17 19:52:50 +0800 CST
view 1371
在Vue.js中,依赖注入是一种设计模式,通过`provide`和`inject`实现组件之间的松耦合。父组件可以提供数据或方法,子组件无需通过`props`逐级传递即可使用。这种方式简化了组件通信,解耦了组件,提高了可复用性和可维护性。依赖注入广泛应用于全局配置和插件开发,掌握其原理和应用场景对提高开发效率至关重要。
Vue.js
设计模式
前端开发
组件
编程
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
5
6
...
10
下一页