程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
Vue 中的单文件组件(Single File Components)是什么?如何使用它们?
编程
Vue 中的单文件组件(Single File Components)是什么?如何使用它们?
2024-11-18 13:28:12 +0800 CST
view 1635
Vue单文件组件(SFC)是将模板、脚本和样式整合在一个`.vue`文件中的方式,提升代码的模块化和可维护性。本文介绍了单文件组件的概念、创建方法以及如何在父组件中使用它们,通过示例展示了组件的结构和功能,帮助开发者更好地管理和组织代码。
前端
Vue.js
JavaScript
开发
组件
Vue 中的作用域插槽(Scoped Slot)是什么,如何使用它?
编程
Vue 中的作用域插槽(Scoped Slot)是什么,如何使用它?
2024-11-18 18:41:20 +0800 CST
view 1570
Vue中的作用域插槽是一种特殊的插槽类型,允许父组件接收子组件传递的数据并动态渲染内容。通过`v-slot`指令,父组件可以定义插槽并使用子组件提供的数据。示例中,父组件通过`slotProps`渲染子组件传递的`data`,实现了灵活的组件复用和渲染控制。作用域插槽为构建复杂组件提供了更高的灵活性和复用性。
前端开发
Vue.js
组件设计
Vue 中的 mixins 和 extends 两种方式有什么区别?
编程
Vue 中的 mixins 和 extends 两种方式有什么区别?
2024-11-18 23:38:32 +0800 CST
view 1464
本文探讨了Vue.js中的mixins和extends两种代码复用和组件扩展的方式。mixins允许在多个组件之间共享逻辑,而extends则是基于已有组件创建新组件。mixins会合并选项,适合通用功能复用;extends适合组件层次化扩展。选择使用哪种方式取决于代码复用需求和组件架构。
前端开发
JavaScript
Vue.js
组件设计
代码复用
构建速度翻了3倍:从Vite到Turbopack,前端开发的效率革命与生产级实战指南(2026)
编程
构建速度翻了3倍:从Vite到Turbopack,前端开发的效率革命与生产级实战指南(2026)
2026-06-23 10:59:15 +0800 CST
view 494
深度解析Turbopack如何利用Rust实现1300倍热更新提速,剖析增量编译、Turbo Engine、SWC编译器等核心技术,对比Webpack/Vite/Turbopack性能差异,提供Next.js 15生产级实战指南。
Turbopack
Next.js
Vite
Webpack
Rust
前端构建
性能优化
OmniRoute 深度拆解:一个本地端点吃下 290 家模型供应商——四级降级路由、19 种策略与 token 压缩的工程解剖
编程
OmniRoute 深度拆解:一个本地端点吃下 290 家模型供应商——四级降级路由、19 种策略与 token 压缩的工程解剖
2026-07-25 03:43:32 +0800 CST
view 330
深度拆解 GitHub Trending 开源 AI 网关 OmniRoute:四级供应商降级、19 种路由策略、熔断/冷却/锁定三层容错、RTK+Caveman token 压缩,以及与 LiteLLM/one-api/OpenRouter 的横向选型与风险冷思考。
OmniRoute
AI网关
LLM
路由策略
熔断器
token压缩
Claude Code
开源
Node.js
MCP
两年磨一剑:Encore如何用6.7万行Rust重写TypeScript运行时,性能提升10倍的深度技术解析
编程
两年磨一剑:Encore如何用6.7万行Rust重写TypeScript运行时,性能提升10倍的深度技术解析
2026-05-11 22:17:14 +0800 CST
view 572
深度解析Encore团队耗时两年、用6.7万行Rust重写TypeScript运行时的架构决策与技术细节,从IPC开销实测到Tokio多线程优势,从napi-rs互操作到所有权系统的请求隔离,附完整代码示例和性能对比数据
Rust,TypeScript,Encore,Tokio,Node.js,后端框架,N-API,性能优化,异步编程,运行时,多线程
如何在Vue3中使用CompositionAPI构建一个响应式导航菜单?
编程
如何在Vue3中使用CompositionAPI构建一个响应式导航菜单?
2024-11-19 08:34:45 +0800 CST
view 1853
本文介绍了如何在Vue3中使用CompositionAPI构建一个响应式导航菜单。通过创建一个简单的项目结构和组件,文章详细说明了响应式布局、动态切换页面和高亮选中项的实现。读者可以通过示例代码学习如何处理不同屏幕尺寸下的用户交互,提升用户体验。
Web开发
前端
Vue.js
响应式设计
用户体验
为什么在 Vue.js 的组件中,data 必须是一个函数而不是一个对象?
编程
为什么在 Vue.js 的组件中,data 必须是一个函数而不是一个对象?
2024-11-18 18:17:37 +0800 CST
view 1446
在Vue.js中,组件的data必须是一个函数而不是一个对象,以确保每个组件实例都有独立的状态,避免数据共享带来的混乱。通过将data定义为返回对象的函数,Vue.js确保了组件之间的独立性,避免了数据污染和意外副作用。这一设计是Vue.js框架的重要原则,有助于构建高质量的组件。
前端开发
JavaScript
Vue.js
组件化
数据管理
如何使用Vue3的组合式API创建一个动态计时器组件
编程
如何使用Vue3的组合式API创建一个动态计时器组件
2024-11-19 01:45:23 +0800 CST
view 1677
本教程介绍如何使用Vue3的组合式API创建一个动态计时器组件。计时器具备显示当前时间、开始、暂停和重置功能。通过示例代码,读者可以快速搭建项目并理解Vue3的新特性,提升开发效率和代码可读性。
Web开发
前端框架
Vue.js
从MIT到SSPL:Deno 3.0如何用微内核架构向Node.js发起总攻
编程
从MIT到SSPL:Deno 3.0如何用微内核架构向Node.js发起总攻
2026-05-12 00:43:53 +0800 CST
view 723
深度解析Deno3.0五大核心变革:微内核+可插拔模块架构、动态权限沙箱与microVM隔离、WASM优先插件生态、io_uring与V8深度优化带来的3倍性能提升,以及MIT转SSPL许可证争议对开发者的真实影响,附Node.js迁移实战指南
Deno,Node.js,TypeScript,RyanDahl,SSPL,微内核,权限沙箱,WASM,io_uring,V8引擎,JavaScript运行时,开源许可证
Bun 深度解剖:从 Zig 到 Rust 的静默重写——JavaScriptCore 内核、全家桶架构与「11 天 AI 重构」背后的工程真相
编程
Bun 深度解剖:从 Zig 到 Rust 的静默重写——JavaScriptCore 内核、全家桶架构与「11 天 AI 重构」背后的工程真相
2026-07-25 05:14:54 +0800 CST
view 251
Bun 把底层运行时从 Zig 静默换成 Rust:深度拆解 JSC 引擎选型、全家桶架构、转译器/打包器/包管理器内核,用 Amdahl 定律解释「只快10%」背后的工程真相,以及对「AI 11天重写」的诚实冷思考。
Bun
Rust
Zig
JavaScriptCore
运行时
Node.js
性能优化
前端工程化
开源
AI重构
如何在Vue3中实现动态主题切换功能
编程
如何在Vue3中实现动态主题切换功能
2024-11-19 10:10:20 +0800 CST
view 1693
本文介绍了如何在Vue3中实现动态主题切换功能。通过创建light.css和dark.css样式文件,以及ThemeToggle组件,用户可以根据个人喜好选择明亮或暗色主题。代码示例展示了如何使用Vue的响应式特性和watch监听器来动态切换主题,并在页面中应用相应的样式。最后,提供了运行和测试的步骤,确保功能正常。
Web开发
前端
Vue.js
Bun.js 深度实战:当 Zig 遇上 JavaScriptCore——从「最快」到「全栈运行时」的生产级完全指南(2026)
编程
Bun.js 深度实战:当 Zig 遇上 JavaScriptCore——从「最快」到「全栈运行时」的生产级完全指南(2026)
2026-06-12 23:46:23 +0800 CST
view 547
Bun.js深度实战指南:从Zig+JavaScriptCore架构原理、性能基准、Node.js迁移实战到生产部署优化,完全拆解这款「最快」JavaScript运行时的技术内幕。
Bun
JavaScript
Node.js
TypeScript
性能优化
Zig
Vue3中的状态管理:使用Pinia替代Vuex
编程
Vue3中的状态管理:使用Pinia替代Vuex
2024-11-18 05:56:04 +0800 CST
view 1702
本篇博客探讨了Pinia作为Vue3的状态管理库,比较了其与Vuex的不同之处。Pinia提供了更简洁的API和更好的TypeScript支持,旨在简化状态管理过程。通过示例展示了如何在Vue组件中使用Pinia进行状态管理,特别是创建一个简单的计数器应用,帮助开发者快速上手Pinia。
前端开发
状态管理
Vue.js
JavaScript
编程
Next.js 16.2 深度实战:当 Vercel 把前端构建速度拉满——从 Turbopack 默认开启到 React 19 编译器的生产级完全指南(2026)
编程
Next.js 16.2 深度实战:当 Vercel 把前端构建速度拉满——从 Turbopack 默认开启到 React 19 编译器的生产级完全指南(2026)
2026-06-13 01:18:08 +0800 CST
view 684
Next.js 16.2 深度实战指南,详解 Turbopack 默认开启、React 19 编译器、Server Components 性能优化等核心特性,配有完整代码示例。
Next.js
Turbopack
React 19
前端构建
性能优化
使用Vue3和CompositionAPI实现图片拖拽上传功能。通过创建一个拖拽组件,用户可以直接将图片拖放到指定区域或通过按钮选择文件
编程
使用Vue3和CompositionAPI实现图片拖拽上传功能。通过创建一个拖拽组件,用户可以直接将图片拖放到指定区域或通过按钮选择文件
2024-11-17 10:01:20 +0800 CST
view 2169
本文介绍了如何使用Vue3和CompositionAPI实现图片拖拽上传功能。通过创建一个拖拽组件,用户可以直接将图片拖放到指定区域或通过按钮选择文件,提升了用户交互体验。文中详细说明了项目准备、组件创建、文件选择和上传逻辑,并提供了完整的代码示例,帮助开发者轻松集成该功能。
前端开发
Vue.js
用户交互
文件上传
Web应用
在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用
编程
在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用
2024-11-18 16:34:24 +0800 CST
view 1845
本文探讨了在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用。通过示例代码,展示了如何在组件中定义Props和Emit事件的类型,创建可重用的组合函数,以及在Vuex中管理状态类型,从而提高代码的可维护性和可靠性。
前端开发
编程
TypeScript
Vue.js
软件工程
Better Auth 深度拆解:当开源认证决定「不再做 NextAuth 的替代品」——从 Lucia 停更到 Vercel 收购,一个 TypeScript 全栈认证框架如何用「插件化架构 + 无供应商锁定」重新定义 Web 认证的终极形态
编程
Better Auth 深度拆解:当开源认证决定「不再做 NextAuth 的替代品」——从 Lucia 停更到 Vercel 收购,一个 TypeScript 全栈认证框架如何用「插件化架构 + 无供应商锁定」重新定义 Web 认证的终极形态
2026-08-06 02:24:09 +0800 CST
view 97
深度拆解Better Auth:从Lucia停更到Vercel收购,一个TypeScript全栈认证框架如何用插件化架构+无供应商锁定重新定义Web认证的终极形态,含完整代码实战与架构分析
Better Auth
认证
TypeScript
开源
WebAuthn
Passkey
2FA
Vercel
Auth.js
NextAuth
使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证
编程
使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证
2024-11-19 01:13:52 +0800 CST
view 1764
本文介绍了如何使用Vue3的CompositionAPI实现一个响应式表单验证系统。通过创建MyForm组件,使用v-model绑定用户输入,并在失去焦点时进行字段验证。验证逻辑包括用户名不能为空、邮箱格式正确性及密码长度要求。提交表单时,检查所有字段的有效性,并根据验证结果给出相应提示。最后,提供了启动应用的命令。
Web开发
前端技术
Vue.js
在Vue3中使用VueRouter实现动态路由导航。动态路由允许根据用户输入生成路由,增强应用的灵活性
编程
在Vue3中使用VueRouter实现动态路由导航。动态路由允许根据用户输入生成路由,增强应用的灵活性
2024-11-18 14:26:11 +0800 CST
view 1711
本文介绍了如何在Vue3中使用VueRouter实现动态路由导航。动态路由允许根据用户输入生成路由,增强应用的灵活性。通过创建基本项目、配置路由、创建动态路由组件及输入表单,读者可以实现用户输入导航到对应页面的功能,展示了现代单页面应用的动态特性。
前端开发
Web应用
编程
Vue.js
动态路由
Vue3的CompositionAPI创建可复用的模态框组件。通过示例代码,展示了组件的结构、逻辑管理以及如何在父组件中使用该模态框
编程
Vue3的CompositionAPI创建可复用的模态框组件。通过示例代码,展示了组件的结构、逻辑管理以及如何在父组件中使用该模态框
2024-11-18 06:26:04 +0800 CST
view 1714
本文介绍了如何利用Vue3的CompositionAPI创建可复用的模态框组件。通过示例代码,展示了组件的结构、逻辑管理以及如何在父组件中使用该模态框。使用CompositionAPI可以提高代码的可读性和复用性,适用于现代前端开发中的组件化需求。
前端开发
Vue.js
组件化
Vue3中使用CompositionAPI进行组件间通信的多种方式,包括父子组件通信、兄弟组件通信和非直接关系组件通信
编程
Vue3中使用CompositionAPI进行组件间通信的多种方式,包括父子组件通信、兄弟组件通信和非直接关系组件通信
2024-11-18 19:52:25 +0800 CST
view 1907
本文探讨了在Vue3中使用CompositionAPI进行组件间通信的多种方式,包括父子组件通信、兄弟组件通信和非直接关系组件通信。通过示例代码,详细讲解了如何使用props、emit事件、父组件作为桥梁以及EventBus等方法来实现组件之间的交互,提升代码的可维护性和可读性。
前端开发
Vue.js
组件化
状态管理
使用Vue3及其setup语法糖实现无刷新数据加载,提升用户体验。通过响应式系统和异步数据处理,开发者可以高效地组织代码,避免手动刷新页面
编程
使用Vue3及其setup语法糖实现无刷新数据加载,提升用户体验。通过响应式系统和异步数据处理,开发者可以高效地组织代码,避免手动刷新页面
2024-11-18 21:42:15 +0800 CST
view 1939
本文探讨了如何使用Vue3及其setup语法糖实现无刷新数据加载,提升用户体验。通过响应式系统和异步数据处理,开发者可以高效地组织代码,避免手动刷新页面。文章提供了项目准备、基本结构、代码解析及扩展功能的详细说明,帮助读者掌握在Vue3中实现无刷新数据加载的技巧。
前端开发
Vue.js
用户体验
Web应用
程序员茄子的 2026 深度复盘:Bun 放弃 Zig 全面 Rust 化、Deno 2.9 杀入桌面——JS 运行时大战进入新纪元
编程
程序员茄子的 2026 深度复盘:Bun 放弃 Zig 全面 Rust 化、Deno 2.9 杀入桌面——JS 运行时大战进入新纪元
2026-07-30 23:44:23 +0800 CST
view 126
深度拆解 Bun 全面 Rust 重写与 Deno 2.9 deno desktop 的技术架构、工程实践与产业影响,对比 JS 运行时大战三方格局。万字长文。
Bun
Rust
Zig
Deno
Node.js
WebAssembly
AI
JavaScript
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
16
17
18
19
20
...
38
下一页