程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
GoClaw 深度解析:当 Go 遇上 AI 助手框架——从并发模型到多租户隔离的完整技术架构
编程
GoClaw 深度解析:当 Go 遇上 AI 助手框架——从并发模型到多租户隔离的完整技术架构
2026-05-16 20:18:08 +0800 CST
view 314
GoClaw用Go语言重写OpenClaw AI助手框架的深度技术解析,涵盖双循环任务处理、多平台消息接入、工具调用引擎、5层安全防护、性能对比等核心技术架构
Go
AI助手
系统编程
架构设计
使用 rem 适配 PC 与移动端——原理与实战指南
编程
使用 rem 适配 PC 与移动端——原理与实战指南
2025-07-02 09:02:48 +0800 CST
view 1168
本文介绍了如何使用rem单位适配PC与移动端的原理与实战指南。通过flexible.js动态设置根字体和postcss-pxtorem插件自动转换px为rem,实现一套代码适配多端的设计理念。强调了开发、构建和运行阶段的最佳实践与注意事项,确保视觉一致性与用户体验。
前端开发
响应式设计
CSS
编程
巧用opacity实现input的文件上传美化
2024-11-19 00:06:05 +0800 CST
view 3451
本文讨论了如何美化文件上传标签,以提升用户体验。原生的上传按钮被认为不美观,因此提供了HTML和CSS代码示例,展示了如何使用自定义样式和图标来改善上传界面的外观。示例中包括了两个不同的上传框,分别用于身份证的正面和反面,配合相应的图标和描述。
前端开发
用户界面
网页设计
一个简单的打字机效果的实现
代码
一个简单的打字机效果的实现
2024-11-19 04:47:27 +0800 CST
view 1430
该文本展示了一个简单的打字机效果的实现,使用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 263
Obscura 是用 Rust 编写的高性能无头浏览器引擎,专为 AI Agent 和网页抓取设计。本文深度解析其架构设计、性能优势、Stealth 反检测机制及生产级实践。
Rust
无头浏览器
AI Agent
Web 抓取
V8
CDP
Playwright
Puppeteer
性能优化
架构设计
CSS实现亚克力和磨砂玻璃效果
编程
CSS实现亚克力和磨砂玻璃效果
2024-11-18 01:21:20 +0800 CST
view 2115
本文讨论了如何使用CSS实现亚克力和磨砂玻璃效果,介绍了这两种效果的历史背景及其在现代UI设计中的应用。通过使用CSS的filter和backdrop-filter属性,提供了详细的代码示例,展示了如何构建这些视觉效果,强调了透明度、模糊和层次感的重要性。
UI设计
前端开发
CSS效果
Harness Engineering 深度实战:从"玄学 Prompt"到"硬核线束架构"——2026年 AI Agent 开发范式转移完全指南
编程
Harness Engineering 深度实战:从"玄学 Prompt"到"硬核线束架构"——2026年 AI Agent 开发范式转移完全指南
2026-05-23 18:15:43 +0800 CST
view 230
深入拆解2026年AI Agent开发最新范式:Harness Engineering(线束工程),从Prompt Engineering的结构性失败到硬核系统约束的范式转移,六大核心支柱与生产级实战代码
AI Agent
Harness Engineering
工程实践
架构设计
请解释一下Vue中的mixins和extends是如何区别和使用的
编程
请解释一下Vue中的mixins和extends是如何区别和使用的
2024-11-18 14:43:51 +0800 CST
view 1338
在Vue中,mixins和extends是用于复用和扩展组件逻辑的两种方式。mixins允许多个组件共享相同的逻辑,而extends则用于创建组件之间的继承关系。通过使用mixins,可以提高代码的可复用性和可维护性;而extends则适合在已有组件基础上进行扩展。选择合适的方式有助于更好地组织Vue组件的代码。
Vue
前端开发
组件设计
Go 中的单例模式
编程
Go 中的单例模式
2024-11-17 21:23:29 +0800 CST
view 1391
单例模式是一种设计模式,确保一个类只有一个实例并提供全局访问点。在Go语言中,单例模式有饿汉式和懒汉式两种实现方式。饿汉式在程序启动时创建实例,而懒汉式在第一次需要时创建实例,并使用双重检查锁定来确保线程安全。通过代码示例,本文详细介绍了这两种实现方式及其优缺点,帮助开发者根据需求选择合适的实现。
设计模式
Go语言
并发编程
代码
纯 CSS 实现一个笔记本电脑的组装动画
2024-11-17 04:44:14 +0800 CST
view 1555
本文介绍了如何使用纯CSS实现一个笔记本电脑的组装动画。通过HTML和CSS代码,创建了一个具有动态效果的MacBook模型,展示了其显示屏、键盘和加载动画的实现方式。文章包含了详细的CSS样式和动画效果,适合对网页设计和动画感兴趣的开发者。
前端开发
动画效果
网页设计
综合
整理了8款基于CSS和JavaScript的创意通知界面,展示了现代网页通知的多样性和设计可能性
2024-11-19 10:13:33 +0800 CST
view 2009
本文整理了8款基于CSS和JavaScript的创意通知界面,展示了现代网页通知的多样性和设计可能性。每种设计都结合了视觉效果与交互体验,适用于电商和社交平台,提升用户体验。通过这些创意实现,通知不仅传递信息,还能增强品牌形象。
网页设计
用户体验
前端开发
CSS
JavaScript
平面设计常用尺寸
编程
平面设计常用尺寸
2024-11-19 02:20:22 +0800 CST
view 2918
本文详细列出了各种名片、宣传册、信纸、信封等的标准尺寸,包括横版、竖版和方版的具体尺寸,以及不同开本的纸张尺寸。还解释了开数的概念,说明了如何计算成品尺寸与纸张尺寸之间的关系。内容涵盖了多种常见的印刷产品及其规格,适用于设计和印刷行业的参考。
设计
印刷
规格
纯 CSS 实现动画,童年玩具 “跳跳杆”
代码
纯 CSS 实现动画,童年玩具 “跳跳杆”
2024-11-19 06:44:40 +0800 CST
view 1508
本文介绍了如何使用纯CSS实现一个动画效果,模拟童年玩具“跳跳杆”。通过HTML和CSS代码,创建了一个具有立体效果的场景,展示了跳跳杆的动态表现。代码中包含了多种CSS动画效果和关键帧定义,展示了如何利用CSS的强大功能来实现复杂的动画效果。
前端开发
动画效果
网页设计
移动端 CSS 适配全攻略:从基础到进阶全面解析
编程
移动端 CSS 适配全攻略:从基础到进阶全面解析
2025-07-22 12:32:47 +0800 CST
view 1192
本文全面解析了移动端CSS适配的关键问题,包括viewport设置、1px物理像素问题、安全区域适配、字体缩放控制及rem方案等。通过具体的代码示例,提供了多种解决方案,帮助前端工程师应对不同设备的适配挑战,确保页面在各种屏幕上都能良好显示。
前端开发
移动开发
CSS
技术文档
响应式设计
编程
为什么你应该停止使用传统的 Margin 和 Padding
2024-11-18 14:34:19 +0800 CST
view 1486
随着网络用户的增加,确保可访问性变得重要。传统的`margin`和`padding`可能导致不同区域设置的用户困惑。现代开发者应使用`margin-inline`、`margin-block`、`padding-inline`和`padding-block`,以适应不同方向的布局需求。这些新属性通过定义起始和结束边距,确保无论区域设置如何,布局都能按预期显示。结合`flexbox`使用时,这些属性更加强大。
前端开发
CSS
无障碍设计
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
编程
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
2025-07-22 16:12:37 +0800 CST
view 1307
本文详细解析了前端主题切换系统的实现,包括明暗模式和企业级动态皮肤的构建。介绍了核心需求、主流方案对比、推荐方案及其实现步骤,强调了CSS变量在高性能主题切换中的重要性,并提供了生产环境优化技巧和企业级动态主题平台的构建方案,旨在提升用户体验和产品专业性。
前端
Web开发
用户体验
主题设计
CSS
一行命令搞定!16.5k Star 的开源神器,让 AI 生成的前端终于有审美了
案例
一行命令搞定!16.5k Star 的开源神器,让 AI 生成的前端终于有审美了
2026-05-11 16:39:33 +0800 CST
view 336
16.5K Stars 的开源项目 taste-skill,让 AI 生成的前端代码告别紫蓝渐变 Hero + 三列圆角卡片的模板风。一行命令安装,支持 Cursor/Claude Code/Codex 等主流编程 Agent。
taste-skill
AI前端
设计规范
Claude Code
Cursor
反slop
前端开发
SKILL
Vue.js 中的依赖注入(Dependency Injection)是如何工作的?它有什么用处?
编程
Vue.js 中的依赖注入(Dependency Injection)是如何工作的?它有什么用处?
2024-11-17 19:52:50 +0800 CST
view 1191
在Vue.js中,依赖注入是一种设计模式,通过`provide`和`inject`实现组件之间的松耦合。父组件可以提供数据或方法,子组件无需通过`props`逐级传递即可使用。这种方式简化了组件通信,解耦了组件,提高了可复用性和可维护性。依赖注入广泛应用于全局配置和插件开发,掌握其原理和应用场景对提高开发效率至关重要。
Vue.js
设计模式
前端开发
组件
编程
Python设计模式之工厂模式详解
编程
Python设计模式之工厂模式详解
2024-11-19 09:36:23 +0800 CST
view 1414
工厂模式是一种创建型设计模式,用于封装对象的创建过程,提高系统的灵活性和可扩展性。本文介绍了工厂模式的概念、分类及其优缺点,并通过示例代码展示了简单工厂模式、工厂方法模式和抽象工厂模式的实现及应用场景。掌握这些模式可以帮助开发者设计更灵活、可维护的软件系统。
设计模式
软件开发
Python编程
代码
简单的打造现代感十足的卡片式企业官网首页HTML+CSS全攻略
2024-11-17 04:03:50 +0800 CST
view 1523
本教程详细介绍如何使用HTML和CSS创建现代感十足的企业官网首页,采用卡片式设计和响应式布局,适合展示企业品牌形象和重要信息。内容包括页面结构、响应式设计技巧、CSS3动画、前端框架集成等,提供完整源码,适合中小型企业使用。
网页设计
前端开发
企业网站
Vue 中的作用域插槽(Scoped Slot)是什么,如何使用它?
编程
Vue 中的作用域插槽(Scoped Slot)是什么,如何使用它?
2024-11-18 18:41:20 +0800 CST
view 1463
Vue中的作用域插槽是一种特殊的插槽类型,允许父组件接收子组件传递的数据并动态渲染内容。通过`v-slot`指令,父组件可以定义插槽并使用子组件提供的数据。示例中,父组件通过`slotProps`渲染子组件传递的`data`,实现了灵活的组件复用和渲染控制。作用域插槽为构建复杂组件提供了更高的灵活性和复用性。
前端开发
Vue.js
组件设计
Vue 中的 mixins 和 extends 两种方式有什么区别?
编程
Vue 中的 mixins 和 extends 两种方式有什么区别?
2024-11-18 23:38:32 +0800 CST
view 1327
本文探讨了Vue.js中的mixins和extends两种代码复用和组件扩展的方式。mixins允许在多个组件之间共享逻辑,而extends则是基于已有组件创建新组件。mixins会合并选项,适合通用功能复用;extends适合组件层次化扩展。选择使用哪种方式取决于代码复用需求和组件架构。
前端开发
JavaScript
Vue.js
组件设计
代码复用
告别 px!用 CSS `clamp()` 轻松实现流体响应式布局
编程
告别 px!用 CSS `clamp()` 轻松实现流体响应式布局
2025-08-15 12:16:39 +0800 CST
view 1048
本文介绍了如何使用CSS的`clamp()`函数来实现流体响应式布局,告别传统的`px`单位和繁琐的媒体查询。通过`clamp()`,可以在设定的最小值和最大值之间,根据视口宽度动态调整元素的大小,实现平滑过渡,提升用户体验。文章还提供了具体的代码示例和工作原理的解释,强调了`clamp()`在现代前端开发中的重要性。
前端开发
CSS
响应式设计
如何在Vue3中使用CompositionAPI构建一个响应式导航菜单?
编程
如何在Vue3中使用CompositionAPI构建一个响应式导航菜单?
2024-11-19 08:34:45 +0800 CST
view 1653
本文介绍了如何在Vue3中使用CompositionAPI构建一个响应式导航菜单。通过创建一个简单的项目结构和组件,文章详细说明了响应式布局、动态切换页面和高亮选中项的实现。读者可以通过示例代码学习如何处理不同屏幕尺寸下的用户交互,提升用户体验。
Web开发
前端
Vue.js
响应式设计
用户体验
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
5
6
...
48
下一页