程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
编程
Vue3 结合 Driver.js 实现新手指引
2024-11-18 19:30:14
view 1840
本文介绍了如何使用Driver.js库在Vue3中实现新手指引功能。通过高亮页面元素并提供文字提示,用户可以更好地熟悉系统操作。文中详细描述了Driver.js的安装、样式引入、引导流程的创建及按钮文字的修改等步骤,提供了代码示例以帮助开发者实现灵活的指引流程。
前端开发
用户体验
JavaScript
Vue
引导
2026 前端框架三国杀:React 19.2 Server Components 成熟、Vue 3.5 Vapor Mode 内存砍半、Angular 21 彻底无 Zone——新一代前端渲染架构全景深度对比
编程
2026 前端框架三国杀:React 19.2 Server Components 成熟、Vue 3.5 Vapor Mode 内存砍半、Angular 21 彻底无 Zone——新一代前端渲染架构全景深度对比
2026-06-30 07:42:20
view 558
深度解析2026年React 19.2 Server Components、Vue 3.5 Vapor Mode、Angular 21 Zoneless三大前端框架架构演进,附完整代码示例与性能基准测试
React
Vue
Angular
Vapor Mode
Server Components
Signal
前端框架
性能优化
Zoneless
Vue3中如何实现插件?
编程
Vue3中如何实现插件?
2024-11-18 04:27:04
view 1591
本文介绍了如何在Vue3中实现插件,通过编写一个简单的插件文件`myPlugin.js`,添加全局方法、指令和混入。示例中展示了如何在Vue应用中注册和使用插件,以及如何在组件中调用插件提供的功能。插件的使用提高了代码的模块化和应用的可维护性。
Vue
前端开发
JavaScript
编程
Vue3 借助 print.js 实现网页的局部打印
2024-11-18 05:06:47
view 2034
本文介绍了如何在Vue3项目中使用print.js实现网页的局部打印。通过安装print.js并引入到项目中,用户可以指定需要打印的HTML元素,并通过配置选项自定义打印效果。文章提供了代码示例和详细的配置项说明,帮助开发者轻松实现打印功能。
前端开发
打印功能
Vue.js
Penpot 2026 深度实战:当开源设计工具学会与AI协作——从 Clojure 后端到 SVG 渲染引擎、从 Design Tokens 到 MCP 集成的生产级完全指南(2026)
编程
Penpot 2026 深度实战:当开源设计工具学会与AI协作——从 Clojure 后端到 SVG 渲染引擎、从 Design Tokens 到 MCP 集成的生产级完全指南(2026)
2026-06-22 14:57:10
view 853
Penpot 2026 深度实战指南:从 Clojure 后端架构、SVG 渲染引擎、Design Tokens 到 MCP AI 集成的完整技术分析,含部署实战与代码示例
Penpot
开源设计
SVG
Design Tokens
MCP
AI协作
Clojure
Docker
前端协作
Vue 3.6 Vapor Mode 深度拆解:当 Vue 决定「干掉全部虚拟 DOM」——从编译时优化到直接 DOM 操作,一个 200K Star 的前端框架如何用 Vapor Mode 重新定义响应式 UI 的终极形态
编程
Vue 3.6 Vapor Mode 深度拆解:当 Vue 决定「干掉全部虚拟 DOM」——从编译时优化到直接 DOM 操作,一个 200K Star 的前端框架如何用 Vapor Mode 重新定义响应式 UI 的终极形态
2026-08-05 01:14:54
view 230
深度拆解Vue 3.6 Vapor Mode:编译时直接生成原生DOM操作指令,彻底跳过虚拟DOM diff,初始渲染提速45%、更新提速86%、内存降低54%,渐进式迁移策略与实战代码示例
Vue
Vapor Mode
虚拟DOM
前端框架
编译时优化
响应式
Vue 3.6
JavaScript
TypeScript
性能优化
Vue3中如何通过props方式传递数据给子组件?
编程
Vue3中如何通过props方式传递数据给子组件?
2024-11-18 21:44:26
view 1855
本文介绍了如何在Vue3中通过props方式将数据从父组件传递给子组件。首先定义父组件并声明需要传递的数据,然后在子组件中接收这些props。示例代码展示了父组件如何通过props传递字符串数据,以及子组件如何声明和使用这些props。掌握props的使用是Vue组件开发的重要部分,增强了组件的复用性和可维护性。
Vue
前端开发
组件化
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
CSS scroll-state() 深度实战:当滚动方向成为样式条件——从 Chrome 144 原生支持到智能导航栏、滚动驱动动画的生产级完全指南(2026)
编程
CSS scroll-state() 深度实战:当滚动方向成为样式条件——从 Chrome 144 原生支持到智能导航栏、滚动驱动动画的生产级完全指南(2026)
2026-06-22 15:27:41
view 614
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 2683
本文介绍了如何在Vue3项目中使用vue-office插件实现Word文档的预览功能。通过创建Vue3项目、安装vue-office插件、设置响应式数据、使用组件以及实现文件上传预览,用户可以方便地展示Word文档。代码示例详细展示了每个步骤的实现方式。
前端开发
Vue
文档处理
Vue3中如何进行性能优化?
编程
Vue3中如何进行性能优化?
2024-11-17 22:52:59
view 1595
本文介绍了在Vue3中进行性能优化的多种技巧,包括使用静态属性、避免不必要的响应式数据、使用虚拟列表、懒加载组件和Memoization。通过这些方法,开发者可以减少不必要的渲染和计算,从而提升页面性能和用户体验。
前端开发
性能优化
Vue框架
Svelte 5 深度解析:编译时框架的革命——细粒度响应、零运行时与Runes系统如何颠覆前端开发
编程
Svelte 5 深度解析:编译时框架的革命——细粒度响应、零运行时与Runes系统如何颠覆前端开发
2026-05-11 03:18:04
view 608
Svelte 5深度解析:Runes系统、细粒度响应、零运行时开销如何颠覆前端开发
Svelte,前端框架,JavaScript,编译时优化,响应式编程
WebGPU + WebAssembly:2026年浏览器端到端高性能计算的完整实战指南
编程
WebGPU + WebAssembly:2026年浏览器端到端高性能计算的完整实战指南
2026-05-16 23:21:19
view 821
深度解析WebGPU与WebAssembly协同计算,从底层原理到工程实战,涵盖渲染管线、并行计算、SIMD加速、零拷贝数据传输等核心技能
WebGPU
WebAssembly
前端
图形
性能优化
Rust
JavaScript
TypeScript 7.0 深度解剖:为什么微软用 Go 重写编译器,8-12 倍加速背后藏着怎样的工程哲学
编程
TypeScript 7.0 深度解剖:为什么微软用 Go 重写编译器,8-12 倍加速背后藏着怎样的工程哲学
2026-07-24 06:43:02
view 207
深度解剖TypeScript 7.0 Go重写编译器:14年来最大底层重构,8-12倍加速背后的并行检查架构、LSP优化、VS Code团队一年真实迁移数据,以及Go为什么赢了Rust。程序员视角的完整技术解析。
TypeScript
Go
编译器
性能优化
微软
Anders Hejlsberg
前端
Vue3中如何进行错误处理?
编程
Vue3中如何进行错误处理?
2024-11-18 05:17:47
view 1959
本文介绍了在Vue3中进行错误处理的多种方法,包括全局错误处理、组件级错误处理和异步操作中的错误处理。通过示例代码,展示了如何设置全局错误处理器、使用`errorCaptured`钩子捕获组件内错误,以及在异步操作中使用`catch`捕获错误。这些方法有助于提升应用程序的稳定性和可靠性。
前端开发
Vue.js
错误处理
Vue 3.6 深度解析:Alien Signals 响应式性能暴增 + Vapor 模式颠覆虚拟 DOM
编程
Vue 3.6 深度解析:Alien Signals 响应式性能暴增 + Vapor 模式颠覆虚拟 DOM
2026-05-11 03:50:22
view 855
Vue 3.6深度解析:Alien Signals集成让响应式性能暴增,Vapor模式替代虚拟DOM,性能提升300%
Vue,前端框架,JavaScript,响应式编程,性能优化
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
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
python
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
上一页
1
...
20
21
22
23
24
...
64
下一页