程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
使用 rem 适配 PC 与移动端——原理与实战指南
编程
使用 rem 适配 PC 与移动端——原理与实战指南
2025-07-02 09:02:48 +0800 CST
view 1170
本文介绍了如何使用rem单位适配PC与移动端的原理与实战指南。通过flexible.js动态设置根字体和postcss-pxtorem插件自动转换px为rem,实现一套代码适配多端的设计理念。强调了开发、构建和运行阶段的最佳实践与注意事项,确保视觉一致性与用户体验。
前端开发
响应式设计
CSS
腾讯"吐司"深度解析——Vibe Coding 如何把 3 个月开发周期压缩到 3 小时
编程
腾讯"吐司"深度解析——Vibe Coding 如何把 3 个月开发周期压缩到 3 小时
2026-05-16 22:15:01 +0800 CST
view 776
2026年5月16日腾讯"吐司"正式上线,这是一款探索型Vibe Coding产品,让零基础用户通过自然语言描述即可生成可安装的Android APP。本文深度解析其技术架构、实现原理,以及与Cursor/Claude Code等工具的技术对比。
Vibe Coding
AI编程
腾讯吐司
无代码开发
AI Agent
CSS scroll-state() 深度实战:当滚动方向成为样式条件——从 Chrome 144 原生支持到智能导航栏、滚动驱动动画的生产级完全指南(2026)
编程
CSS scroll-state() 深度实战:当滚动方向成为样式条件——从 Chrome 144 原生支持到智能导航栏、滚动驱动动画的生产级完全指南(2026)
2026-06-22 15:27:41 +0800 CST
view 53
Chrome 144 带来的 scroll-state() CSS 函数,让开发者首次能用纯 CSS 实现滚动方向感知。本文深入讲解语法、工作原理、浏览器实现机制,并提供智能导航栏、滚动方向动画、滚动状态指示器、Scroll Snap 状态查询等五个生产级实战案例。
CSS
前端
滚动
Chrome
Web开发
编程
巧用opacity实现input的文件上传美化
2024-11-19 00:06:05 +0800 CST
view 3454
本文讨论了如何美化文件上传标签,以提升用户体验。原生的上传按钮被认为不美观,因此提供了HTML和CSS代码示例,展示了如何使用自定义样式和图标来改善上传界面的外观。示例中包括了两个不同的上传框,分别用于身份证的正面和反面,配合相应的图标和描述。
前端开发
用户界面
网页设计
Vue3中如何实现状态管理?
编程
Vue3中如何实现状态管理?
2024-11-19 09:40:30 +0800 CST
view 1416
在Vue3中,状态管理可以通过CompositionAPI实现。使用`ref`创建响应式变量,定义方法来操作状态,并通过`setup`函数暴露给模板。示例中展示了一个简单的计数器应用,包含增加和重置计数的功能。对于复杂状态,可以使用`reactive`创建包含多个属性的响应式对象。此方法提高了代码的清晰度和组件的可维护性。
Vue
前端开发
JavaScript
一个简单的打字机效果的实现
代码
一个简单的打字机效果的实现
2024-11-19 04:47:27 +0800 CST
view 1431
该文本展示了一个简单的打字机效果的实现,使用HTML、CSS和JavaScript。通过CSS样式定义了打字机效果的外观和动画,JavaScript用于动态设置文本和控制动画的重置与执行。每隔5秒,文本会重新执行打字机效果,增强了用户体验。
前端开发
网页设计
动画效果
Vue3 vue-office 插件实现 Word 预览
编程
Vue3 vue-office 插件实现 Word 预览
2024-11-19 02:19:34 +0800 CST
view 2287
本文介绍了如何在Vue3项目中使用vue-office插件实现Word文档的预览功能。通过创建Vue3项目、安装vue-office插件、设置响应式数据、使用组件以及实现文件上传预览,用户可以方便地展示Word文档。代码示例详细展示了每个步骤的实现方式。
前端开发
Vue
文档处理
编程
一行代码将网页元素变成图片!比 html2canvas 快 93 倍的截图神器:snapDOM 全解析
2025-07-02 18:27:18 +0800 CST
view 3255
snapDOM是一款高性能的网页截图工具,支持一行代码实现截图,性能比html2canvas快93倍。它能够完美还原网页视觉效果,支持多种输出格式,如PNG、JPG、SVG等,适用于社交分享、报表导出和电商营销等场景。该工具轻量无依赖,兼容性优秀,完全免费开源,适合前端开发者使用。
前端开发
图像处理
开源工具
性能优化
Epic Games Lore VCS 深度实战:当游戏行业终于有了自己的 Git——从集中式架构到 BLAKE3 分块存储、从按需水合到生产级部署的完全指南(2026)
编程
Epic Games Lore VCS 深度实战:当游戏行业终于有了自己的 Git——从集中式架构到 BLAKE3 分块存储、从按需水合到生产级部署的完全指南(2026)
2026-06-22 16:07:30 +0800 CST
view 85
2026年6月Epic Games开源了 Lore VCS,MIT许可证、Rust编写、专为大规模二进制资产设计。本文深入拆解其架构:双存储子系统、BLAKE3内容寻址、FastCDC分块、按需水合、分区隔离,与Git/Perforce全方位对比,附完整CLI实战。
版本控制
游戏开发
Rust
开源
Infrastructure
BLAKE3
Perforce
Vue3中如何进行性能优化?
编程
Vue3中如何进行性能优化?
2024-11-17 22:52:59 +0800 CST
view 1389
本文介绍了在Vue3中进行性能优化的多种技巧,包括使用静态属性、避免不必要的响应式数据、使用虚拟列表、懒加载组件和Memoization。通过这些方法,开发者可以减少不必要的渲染和计算,从而提升页面性能和用户体验。
前端开发
性能优化
Vue框架
`asyncservo`用于Python的异步编程工具
编程
`asyncservo`用于Python的异步编程工具
2024-11-19 03:53:19 +0800 CST
view 1485
本文介绍了`asyncservo`库,这是一个用于Python的异步编程工具。内容涵盖了库的安装、基本用法和高级功能,包括创建异步服务、处理请求、路由参数、中间件和错误处理。通过示例代码,读者可以学习如何使用`asyncservo`构建高效的异步服务和RESTfulAPI,帮助开发者更好地掌握异步编程。
编程
Python
异步编程
开发工具
API
编程
淘宝npm镜像使用方法
2024-11-18 23:50:48 +0800 CST
view 3622
本文讨论了在使用npm时遇到的问题,特别是npm安装卡住的情况,并提供了使用淘宝npm镜像的解决方案。包括临时和持久使用淘宝npm的配置方法,以及如何通过cnpm进行安装。提供了相关命令和验证步骤。
npm
开发
工具
JavaScript
Vue3中如何进行错误处理?
编程
Vue3中如何进行错误处理?
2024-11-18 05:17:47 +0800 CST
view 1782
本文介绍了在Vue3中进行错误处理的多种方法,包括全局错误处理、组件级错误处理和异步操作中的错误处理。通过示例代码,展示了如何设置全局错误处理器、使用`errorCaptured`钩子捕获组件内错误,以及在异步操作中使用`catch`捕获错误。这些方法有助于提升应用程序的稳定性和可靠性。
前端开发
Vue.js
错误处理
一种高效的日志打印工具,通过使用SpringAOP和MDC,将用户ID和订单ID自动填充到日志中,简化了日志记录的过程
编程
一种高效的日志打印工具,通过使用SpringAOP和MDC,将用户ID和订单ID自动填充到日志中,简化了日志记录的过程
2024-11-19 03:30:24 +0800 CST
view 1566
本文介绍了一种高效的日志打印工具,通过使用SpringAOP和MDC,将用户ID和订单ID自动填充到日志中,简化了日志记录的过程。通过定义注解和切面,用户信息可以在方法执行前自动注入到日志中,提升了开发效率。示例代码展示了如何配置和使用该工具,最终实现了自动化的日志打印效果。
日志
电商
开发工具
Spring框架
AOP
Vue3中如何实现响应式数据?
编程
Vue3中如何实现响应式数据?
2024-11-18 10:15:48 +0800 CST
view 1580
本文详细介绍了如何在Vue3中实现响应式数据,包括使用`reactive`和`ref`函数创建响应式对象和数据,以及其他工具如`toRefs`和`toRef`。通过示例代码,展示了响应式数据的创建和视图的自动更新机制,强调了掌握这些概念对前端开发者的重要性。
前端开发
Vue框架
编程技巧
综合
particles.js:轻量级 JavaScript 粒子库
2024-11-18 07:46:04 +0800 CST
view 1570
particles.js是一个轻量级的JavaScript库,用于在网页上创建粒子效果。用户可以自定义粒子的数量、颜色、形状及运动方式。使用方法包括添加容器、引入库、加载配置和设置选项。该库支持npm、Bower和CDN安装,并提供丰富的配置选项以增强网页视觉效果。相关项目包括Three.js、PixiJS和p5.js。
JavaScript库
网页效果
前端开发
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
编程
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
2025-07-07 17:45:39 +0800 CST
view 978
本文介绍了7个鲜为人知但极具价值的CSS新特性,包括无需Flexbox/Grid的居中对齐、@property安全的CSS变量、@starting-style解决闪屏问题、新数学函数、light-dark()简化主题切换、新伪类:user-valid和:user-invalid、以及interpolate-size优雅的高度动画。这些特性将提升开发效率和用户体验,推动CSS的未来发展。
Web技术
CSS
前端开发
用户体验
编程
genai是一个Rust开源库,旨在为多个大型语言模型(LLM)提供统一的API
编程
genai是一个Rust开源库,旨在为多个大型语言模型(LLM)提供统一的API
2024-11-19 03:00:28 +0800 CST
view 1871
genai是一个Rust开源库,旨在为多个大型语言模型(LLM)提供统一的API,简化开发流程。它通过高度抽象的接口,减少开发者学习不同模型API的负担,同时采用原生实现,确保库的轻量级和高效性。genai主要关注文本聊天场景,提供易于上手的示例代码,未来计划支持更多模型和增强功能。
人工智能
编程
Rust
开源
开发工具
Vue3的虚拟DOM是如何提高性能的?
编程
Vue3的虚拟DOM是如何提高性能的?
2024-11-18 22:12:20 +0800 CST
view 1494
Vue3通过优化虚拟DOM提升了性能,包括静态树提升、片段更新、事件侦听器缓存和更快的Diff算法。这些优化减少了不必要的DOM操作,提高了渲染效率,使开发者能够更专注于业务逻辑的实现,进而构建高性能的Web应用程序。
前端开发
JavaScript
性能优化
Vue.js
Remix:一款神奇的 JavaScript 全栈框架
综合
Remix:一款神奇的 JavaScript 全栈框架
2024-11-19 09:53:22 +0800 CST
view 2227
Remix是一个由ReactRouter团队创建的全栈JavaScript框架,旨在优化Web应用程序的开发体验。它支持服务器端渲染和客户端路由,提供高性能和灵活性。Remix强调SEO和快速加载,适用于静态和动态应用。通过文件系统定义路由,支持数据加载和错误处理,确保即使在不良网络条件下也能正常工作。适合各种开发者使用。
Web开发
JavaScript框架
React
Bun 深度实战:当 Claude Code 在 9 天内用 Rust 重写了 100 万行代码——从 Zig 迁移到 Rust 的架构剖析、AI 工程范式与生产级评估完全指南(2026)
编程
Bun 深度实战:当 Claude Code 在 9 天内用 Rust 重写了 100 万行代码——从 Zig 迁移到 Rust 的架构剖析、AI 工程范式与生产级评估完全指南(2026)
2026-06-11 11:49:40 +0800 CST
view 219
Bun 用 Claude Code 在 9 天内完成从 Zig 到 Rust 的 100 万行代码迁移,99.8% 测试通过。深入剖析迁移策略、PORTING.md 设计、AI 工程范式、性能对比和生产级部署指南。
Bun
Rust
JavaScript
AI编程
Claude Code
代码迁移
Web开发
Vue3中的Teleport组件是用来做什么的?
编程
Vue3中的Teleport组件是用来做什么的?
2024-11-18 09:35:36 +0800 CST
view 1430
Vue3中的Teleport组件允许将元素移动到DOM中的不同位置,而不改变它们在组件树中的逻辑位置。它适用于模态框、下拉菜单和通知等场景,确保这些元素在视觉上正确显示,同时保持其逻辑结构不变。通过示例代码展示了如何使用Teleport组件来创建模态框,并控制其显示与隐藏。
前端开发
Vue.js
组件
快速上手Express:打造高效的Node.js Web应用
编程
快速上手Express:打造高效的Node.js Web应用
2024-11-18 23:16:08 +0800 CST
view 1498
本文介绍了Express框架的基本概念及其在Node.jsWeb应用开发中的应用。Express是一个灵活且易于上手的框架,提供丰富的API支持、强大的路由功能和灵活的中间件机制。文章还涵盖了如何快速开始一个Express项目,包括手动安装和使用集成工具的方法,并提供了简单的代码示例,帮助开发者快速入门。
Node.js
Web开发
框架
编程
技术
编程
前端动画神器 Uiverse.io:复制粘贴即可为所欲为!
2025-07-07 17:55:15 +0800 CST
view 1446
Uiverse.io是一个为前端开发者提供的动画组件库,包含4000+个精美的CSS动效组件示例,如按钮、输入框、提示框等,支持原生CSS和TailwindCSS。用户只需复制粘贴代码即可使用,且网站也为学习CSS动画提供了丰富的素材和示例,帮助开发者提升用户体验和设计能力。
前端开发
动画
组件库
用户体验
学习资源
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
17
18
19
20
21
...
49
下一页