程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
Vue3 自定义 `ref` —— `customRef` 的使用
编程
Vue3 自定义 `ref` —— `customRef` 的使用
2024-11-18 10:05:40
view 1994
本文介绍了Vue3中`customRef`API的使用,解释了其在控制响应式数据更新时的优势,特别是实现延迟更新的功能。通过示例代码,展示了如何创建一个带有延迟更新的`ref`,并将其封装为可复用的Hook,简化开发过程。`customRef`使得开发者能够灵活控制数据的读取和写入时机,提升响应式数据的使用效率。
Vue
前端开发
JavaScript
使用 rem 适配 PC 与移动端——原理与实战指南
编程
使用 rem 适配 PC 与移动端——原理与实战指南
2025-07-02 09:02:48
view 1449
本文介绍了如何使用rem单位适配PC与移动端的原理与实战指南。通过flexible.js动态设置根字体和postcss-pxtorem插件自动转换px为rem,实现一套代码适配多端的设计理念。强调了开发、构建和运行阶段的最佳实践与注意事项,确保视觉一致性与用户体验。
前端开发
响应式设计
CSS
腾讯"吐司"深度解析——Vibe Coding 如何把 3 个月开发周期压缩到 3 小时
编程
腾讯"吐司"深度解析——Vibe Coding 如何把 3 个月开发周期压缩到 3 小时
2026-05-16 22:15:01
view 1424
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
view 612
Chrome 144 带来的 scroll-state() CSS 函数,让开发者首次能用纯 CSS 实现滚动方向感知。本文深入讲解语法、工作原理、浏览器实现机制,并提供智能导航栏、滚动方向动画、滚动状态指示器、Scroll Snap 状态查询等五个生产级实战案例。
CSS
前端
滚动
Chrome
Web开发
编程
巧用opacity实现input的文件上传美化
2024-11-19 00:06:05
view 3668
本文讨论了如何美化文件上传标签,以提升用户体验。原生的上传按钮被认为不美观,因此提供了HTML和CSS代码示例,展示了如何使用自定义样式和图标来改善上传界面的外观。示例中包括了两个不同的上传框,分别用于身份证的正面和反面,配合相应的图标和描述。
前端开发
用户界面
网页设计
Vue3中如何实现状态管理?
编程
Vue3中如何实现状态管理?
2024-11-19 09:40:30
view 1640
在Vue3中,状态管理可以通过CompositionAPI实现。使用`ref`创建响应式变量,定义方法来操作状态,并通过`setup`函数暴露给模板。示例中展示了一个简单的计数器应用,包含增加和重置计数的功能。对于复杂状态,可以使用`reactive`创建包含多个属性的响应式对象。此方法提高了代码的清晰度和组件的可维护性。
Vue
前端开发
JavaScript
一个简单的打字机效果的实现
代码
一个简单的打字机效果的实现
2024-11-19 04:47:27
view 1769
该文本展示了一个简单的打字机效果的实现,使用HTML、CSS和JavaScript。通过CSS样式定义了打字机效果的外观和动画,JavaScript用于动态设置文本和控制动画的重置与执行。每隔5秒,文本会重新执行打字机效果,增强了用户体验。
前端开发
网页设计
动画效果
Vue3 vue-office 插件实现 Word 预览
编程
Vue3 vue-office 插件实现 Word 预览
2024-11-19 02:19:34
view 2682
本文介绍了如何在Vue3项目中使用vue-office插件实现Word文档的预览功能。通过创建Vue3项目、安装vue-office插件、设置响应式数据、使用组件以及实现文件上传预览,用户可以方便地展示Word文档。代码示例详细展示了每个步骤的实现方式。
前端开发
Vue
文档处理
Epic Games Lore VCS 深度实战:当游戏行业终于有了自己的 Git——从集中式架构到 BLAKE3 分块存储、从按需水合到生产级部署的完全指南(2026)
编程
Epic Games Lore VCS 深度实战:当游戏行业终于有了自己的 Git——从集中式架构到 BLAKE3 分块存储、从按需水合到生产级部署的完全指南(2026)
2026-06-22 16:07:30
view 1115
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
view 1595
本文介绍了在Vue3中进行性能优化的多种技巧,包括使用静态属性、避免不必要的响应式数据、使用虚拟列表、懒加载组件和Memoization。通过这些方法,开发者可以减少不必要的渲染和计算,从而提升页面性能和用户体验。
前端开发
性能优化
Vue框架
Vue3中如何进行错误处理?
编程
Vue3中如何进行错误处理?
2024-11-18 05:17:47
view 1959
本文介绍了在Vue3中进行错误处理的多种方法,包括全局错误处理、组件级错误处理和异步操作中的错误处理。通过示例代码,展示了如何设置全局错误处理器、使用`errorCaptured`钩子捕获组件内错误,以及在异步操作中使用`catch`捕获错误。这些方法有助于提升应用程序的稳定性和可靠性。
前端开发
Vue.js
错误处理
PHP 8.5 新特性预览:提升开发体验的几个亮点
编程
PHP 8.5 新特性预览:提升开发体验的几个亮点
2025-07-07 07:32:52
view 1914
PHP8.5预计于2025年11月发布,重点提升开发者体验和调试能力。新特性包括`array_first()`和`array_last()`函数、管道操作符`|>`、错误与异常处理的Getter函数、cURL的多请求句柄支持、国际化增强函数`locale_is_right_to_left()`、新常量`PHP_BUILD_DATE`以及CLI增强功能。这些改进将简化常用操作,提高调试透明度,并支持多语言开发。
编程
PHP
软件开发
新特性
技术更新
Zig 深度拆解:当系统编程语言决定「干掉全部隐藏控制流」——从 comptime 到 C 互操作,一个 39K Star 的语言如何用极简哲学重新定义底层开发的终极形态
编程
Zig 深度拆解:当系统编程语言决定「干掉全部隐藏控制流」——从 comptime 到 C 互操作,一个 39K Star 的语言如何用极简哲学重新定义底层开发的终极形态
2026-08-05 02:48:25
view 177
深度拆解Zig系统编程语言:comptime编译时执行、显式内存分配器、零隐藏控制流、无缝C互操作,TigerBeetle生产级案例分析,Zig vs Rust全方位对比
Zig
系统编程
comptime
内存管理
C互操作
TigerBeetle
性能优化
编程语言
开源
底层开发
Vue3中如何实现响应式数据?
编程
Vue3中如何实现响应式数据?
2024-11-18 10:15:48
view 1725
本文详细介绍了如何在Vue3中实现响应式数据,包括使用`reactive`和`ref`函数创建响应式对象和数据,以及其他工具如`toRefs`和`toRef`。通过示例代码,展示了响应式数据的创建和视图的自动更新机制,强调了掌握这些概念对前端开发者的重要性。
前端开发
Vue框架
编程技巧
综合
particles.js:轻量级 JavaScript 粒子库
2024-11-18 07:46:04
view 1796
particles.js是一个轻量级的JavaScript库,用于在网页上创建粒子效果。用户可以自定义粒子的数量、颜色、形状及运动方式。使用方法包括添加容器、引入库、加载配置和设置选项。该库支持npm、Bower和CDN安装,并提供丰富的配置选项以增强网页视觉效果。相关项目包括Three.js、PixiJS和p5.js。
JavaScript库
网页效果
前端开发
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
编程
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
2025-07-07 17:45:39
view 1174
本文介绍了7个鲜为人知但极具价值的CSS新特性,包括无需Flexbox/Grid的居中对齐、@property安全的CSS变量、@starting-style解决闪屏问题、新数学函数、light-dark()简化主题切换、新伪类:user-valid和:user-invalid、以及interpolate-size优雅的高度动画。这些特性将提升开发效率和用户体验,推动CSS的未来发展。
Web技术
CSS
前端开发
用户体验
编程
Vue3的虚拟DOM是如何提高性能的?
编程
Vue3的虚拟DOM是如何提高性能的?
2024-11-18 22:12:20
view 1758
Vue3通过优化虚拟DOM提升了性能,包括静态树提升、片段更新、事件侦听器缓存和更快的Diff算法。这些优化减少了不必要的DOM操作,提高了渲染效率,使开发者能够更专注于业务逻辑的实现,进而构建高性能的Web应用程序。
前端开发
JavaScript
性能优化
Vue.js
Remix:一款神奇的 JavaScript 全栈框架
综合
Remix:一款神奇的 JavaScript 全栈框架
2024-11-19 09:53:22
view 2504
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
view 784
Bun 用 Claude Code 在 9 天内完成从 Zig 到 Rust 的 100 万行代码迁移,99.8% 测试通过。深入剖析迁移策略、PORTING.md 设计、AI 工程范式、性能对比和生产级部署指南。
Bun
Rust
JavaScript
AI编程
Claude Code
代码迁移
Web开发
如何结合Rust和Python构建高性能应用程序
编程
如何结合Rust和Python构建高性能应用程序
2024-11-18 23:40:24
view 1904
本文介绍了如何结合Rust和Python构建高性能应用程序。首先,讲解了如何创建Rust的Python扩展模块,包括安装工具、创建项目、编写代码和构建模块。接着,展示了如何从Rust二进制文件中运行和交互Python代码。通过这些方法,开发者可以在Python中利用Rust的性能,或在Rust项目中使用Python的库生态,提升应用程序的效率和功能。
编程
软件开发
Rust
Python
性能优化
Vue3中的Teleport组件是用来做什么的?
编程
Vue3中的Teleport组件是用来做什么的?
2024-11-18 09:35:36
view 1693
Vue3中的Teleport组件允许将元素移动到DOM中的不同位置,而不改变它们在组件树中的逻辑位置。它适用于模态框、下拉菜单和通知等场景,确保这些元素在视觉上正确显示,同时保持其逻辑结构不变。通过示例代码展示了如何使用Teleport组件来创建模态框,并控制其显示与隐藏。
前端开发
Vue.js
组件
快速上手Express:打造高效的Node.js Web应用
编程
快速上手Express:打造高效的Node.js Web应用
2024-11-18 23:16:08
view 1710
本文介绍了Express框架的基本概念及其在Node.jsWeb应用开发中的应用。Express是一个灵活且易于上手的框架,提供丰富的API支持、强大的路由功能和灵活的中间件机制。文章还涵盖了如何快速开始一个Express项目,包括手动安装和使用集成工具的方法,并提供了简单的代码示例,帮助开发者快速入门。
Node.js
Web开发
框架
编程
技术
编程
前端动画神器 Uiverse.io:复制粘贴即可为所欲为!
2025-07-07 17:55:15
view 1808
Uiverse.io是一个为前端开发者提供的动画组件库,包含4000+个精美的CSS动效组件示例,如按钮、输入框、提示框等,支持原生CSS和TailwindCSS。用户只需复制粘贴代码即可使用,且网站也为学习CSS动画提供了丰富的素材和示例,帮助开发者提升用户体验和设计能力。
前端开发
动画
组件库
用户体验
学习资源
Wails:Go 版 Electron,打包体积直接缩小 10 倍!
编程
Wails:Go 版 Electron,打包体积直接缩小 10 倍!
2026-06-11 11:57:18
view 572
Wails是Go语言写的跨平台桌面应用框架,GitHub 34.7K Stars,打包体积10-20MB(Electron的1/10)。Go后端+任意前端+系统原生WebView,Go方法直接当JS函数调用,支持热重载和v3跨平台编译。
Wails
Go桌面应用
Electron替代
Tauri对比
跨平台桌面
WebView
前端开发
Golang
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
python
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
上一页
1
...
28
29
30
31
32
...
72
下一页