程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
编程
vue打包正式环境隐藏源代码的方法
2024-11-19 06:30:42 +0800 CST
view 4412
本文讨论了打包map的作用,强调其在调试时帮助定位问题的重要性。通过设置vue.config.js中的productionSourceMap为false,可以实现不生成打包map文件的效果,从而在调试时无法通过F12查看问题。
前端开发
Vue.js
调试工具
Vue 中的单文件组件(Single File Components)是什么?如何使用它们?
编程
Vue 中的单文件组件(Single File Components)是什么?如何使用它们?
2024-11-18 13:28:12 +0800 CST
view 1636
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 495
深度解析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 574
深度解析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 1447
在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 725
深度解析Deno3.0五大核心变革:微内核+可插拔模块架构、动态权限沙箱与microVM隔离、WASM优先插件生态、io_uring与V8深度优化带来的3倍性能提升,以及MIT转SSPL许可证争议对开发者的真实影响,附Node.js迁移实战指南
Deno,Node.js,TypeScript,RyanDahl,SSPL,微内核,权限沙箱,WASM,io_uring,V8引擎,JavaScript运行时,开源许可证
2026 前端构建工具链大革命:Vite 8 上 Rolldown、TypeScript 7 用 Go 重写、Next.js 16 默认 Turbopack,构建速度集体起飞(深度实战)
编程
2026 前端构建工具链大革命:Vite 8 上 Rolldown、TypeScript 7 用 Go 重写、Next.js 16 默认 Turbopack,构建速度集体起飞(深度实战)
2026-07-13 02:12:19 +0800 CST
view 229
深度拆解 2026 前端构建工具链大革命:Vite 8 用 Rust 写的 Rolldown 替换 esbuild+Rollup 双系统,TypeScript 7 用 Go 重写类型检查快 10 倍,Next.js 16 默认 Turbopack 与 Cache Components,附迁移代码与真实基准。
Vite 8
Rolldown
TypeScript 7
Next.js 16
Turbopack
前端工程化
构建性能
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 1703
本篇博客探讨了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 687
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 1846
本文探讨了在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 99
深度拆解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 1713
本文介绍了如何在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 1908
本文探讨了在Vue3中使用CompositionAPI进行组件间通信的多种方式,包括父子组件通信、兄弟组件通信和非直接关系组件通信。通过示例代码,详细讲解了如何使用props、emit事件、父组件作为桥梁以及EventBus等方法来实现组件之间的交互,提升代码的可维护性和可读性。
前端开发
Vue.js
组件化
状态管理
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
15
16
17
18
19
...
23
下一页