程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
Vue 中的 mixins 和 extends 两种方式有什么区别?
编程
Vue 中的 mixins 和 extends 两种方式有什么区别?
2024-11-18 23:38:32 +0800 CST
view 1397
本文探讨了Vue.js中的mixins和extends两种代码复用和组件扩展的方式。mixins允许在多个组件之间共享逻辑,而extends则是基于已有组件创建新组件。mixins会合并选项,适合通用功能复用;extends适合组件层次化扩展。选择使用哪种方式取决于代码复用需求和组件架构。
前端开发
JavaScript
Vue.js
组件设计
代码复用
别再无脑用 `...` 合并对象了,这个新 API 更快更安全
编程
别再无脑用 `...` 合并对象了,这个新 API 更快更安全
2025-08-15 12:09:19 +0800 CST
view 1220
本文讨论了在JavaScript中合并对象时使用扩展运算符(`...`)的潜在问题,特别是性能和数据污染的隐患。通过对比`...`和`Object.assign()`的浅拷贝特性,介绍了新的结构化克隆API(`structuredClone()`)作为深拷贝的解决方案,确保安全性。建议在处理复杂对象时使用`structuredClone()`,而简单对象则可继续使用`...`。
JavaScript
编程技巧
性能优化
万字深度解析 AI-Scientist-v2:当AI成为首席研究员——自动化科学发现的范式革命与工程化实践(2026)
编程
万字深度解析 AI-Scientist-v2:当AI成为首席研究员——自动化科学发现的范式革命与工程化实践(2026)
2026-07-01 05:43:08 +0800 CST
view 171
深度解析SakanaAI的AI-Scientist-v2系统:首个通过顶级会议评审的AI生成论文系统,涵盖Agentic Tree Search算法、系统架构、代码实战与性能分析
AI-Scientist-v2
自动化科学发现
Agentic Tree Search
LLM Agent
SakanaAI
科学研究自动化
AI研究
开源项目
Gemini CLI 深度解析:Google 开源的终端 AI Agent 如何用 Gemini 3 + 100 万上下文 + MCP 生态重新定义命令行编程——从架构设计到生产级工作流的完整实战指南
编程
Gemini CLI 深度解析:Google 开源的终端 AI Agent 如何用 Gemini 3 + 100 万上下文 + MCP 生态重新定义命令行编程——从架构设计到生产级工作流的完整实战指南
2026-07-06 18:43:51 +0800 CST
view 119
深度解析Google开源的Gemini CLI终端AI Agent:Gemini 3模型、100万token上下文窗口、内置Google Search联网、MCP协议扩展、Agent Skills子代理系统、自动记忆、沙箱隔离、Headless模式。从架构设计到生产级工作流的完整实战指南,含Claude Code和Codex CLI对比。
Gemini CLI
Google
AI Agent
终端
MCP
Gemini 3
TypeScript
开源
编程工具
使用 Vue3 和 Axios 实现 CRUD 操作
编程
使用 Vue3 和 Axios 实现 CRUD 操作
2024-11-19 01:57:50 +0800 CST
view 1749
本文介绍了如何使用Vue3和Axios实现基本的CRUD操作。通过创建一个简单的Vue3项目,使用JSONPlaceholder作为API,展示了如何创建、读取、更新和删除博客文章。文章包括项目结构、代码示例和运行项目的步骤,适合前端开发者学习和实践。
前端开发
JavaScript框架
Web开发
编程
Bun v1.3.12 深度解析:内置浏览器自动化、原生 Cron 调度与 JavaScriptCore 大升级——一个前端工程师眼中的「全家桶」革命
2026-05-02 18:35:10 +0800 CST
view 740
深入解析 Bun v1.3.12 的重磅更新:内置浏览器自动化 Bun.WebView、进程内 Cron 调度器、终端 Markdown 渲染、JavaScriptCore 大升级,以及 URLPattern 2.3 倍性能提升等优化。
Bun
JavaScript
Runtime
Browser Automation
Cron
编译型框架的量子跃迁:Svelte 5 Runes如何用信号系统终结虚拟DOM时代
编程
编译型框架的量子跃迁:Svelte 5 Runes如何用信号系统终结虚拟DOM时代
2026-05-11 21:14:53 +0800 CST
view 535
深度解析Svelte 5 Runes系统:编译时信号的响应式革命,对比Vue/React性能差异,附完整迁移实战指南
Svelte
Svelte 5
Runes
信号系统
编译型框架
前端框架
TypeScript
前端性能
Vue
React
Rolldown 1.0 深度实战:当 Rust 重新定义 JavaScript 打包——从 Vite 8 架构升级到生产级构建的完全指南(2026)
编程
Rolldown 1.0 深度实战:当 Rust 重新定义 JavaScript 打包——从 Vite 8 架构升级到生产级构建的完全指南(2026)
2026-06-17 22:25:25 +0800 CST
view 321
Rolldown 1.0 正式发布,Vite 8 将其作为骨干打包器,性能比 Rollup 快 10-30 倍。本文从架构层面深度拆解 Rolldown:并行模块扫描、符号链接表、位掩码 Tree Shaking、Rust 插件生态,以及与 esbuild、Turbopack 的完整横评和 Vite 8 迁移实战。
Rolldown
Vite 8
Rust
JavaScript
打包工具
前端工程化
性能优化
Turbopack
esbuild
oxc
Page Agent 深度解析:阿里开源的「页内 GUI Agent」如何用 DOM 脱水替代截图识别——从一行 CDN 到生产级 Web 自动化的完整实战指南
编程
Page Agent 深度解析:阿里开源的「页内 GUI Agent」如何用 DOM 脱水替代截图识别——从一行 CDN 到生产级 Web 自动化的完整实战指南
2026-07-06 19:14:49 +0800 CST
view 328
深度解析阿里巴巴开源的Page Agent:纯前端JavaScript GUI Agent,通过DOM脱水技术将页面转为文本,让文本大模型精准操作网页。从架构原理到生产实战,含完整代码示例与安全避坑指南。
Page Agent
GUI Agent
阿里巴巴
DOM
浏览器自动化
AI Agent
TypeScript
开源
Vue.js 的响应式数据是如何实现的?
编程
Vue.js 的响应式数据是如何实现的?
2024-11-18 09:32:05 +0800 CST
view 1322
Vue.js是一款流行的JavaScript框架,其核心特性之一是响应式数据机制。通过`Object.defineProperty()`方法,Vue.js将数据属性转换为`getter`和`setter`,实现数据变化自动更新视图。在Vue3中,响应式系统重构为使用`Proxy`,解决了Vue2的一些局限性,提升了数据监听能力,简化了前端开发流程。
JavaScript
前端框架
数据绑定
两年磨一剑:Encore如何用6.7万行Rust重写TypeScript运行时,性能提升10倍的深度技术解析
编程
两年磨一剑:Encore如何用6.7万行Rust重写TypeScript运行时,性能提升10倍的深度技术解析
2026-05-11 22:17:14 +0800 CST
view 468
深度解析Encore团队耗时两年、用6.7万行Rust重写TypeScript运行时的架构决策与技术细节,从IPC开销实测到Tokio多线程优势,从napi-rs互操作到所有权系统的请求隔离,附完整代码示例和性能对比数据
Rust,TypeScript,Encore,Tokio,Node.js,后端框架,N-API,性能优化,异步编程,运行时,多线程
Bun 的六天重生:Claude AI 如何用 Rust 重写 96 万行 Zig 代码
编程
Bun 的六天重生:Claude AI 如何用 Rust 重写 96 万行 Zig 代码
2026-05-17 16:46:05 +0800 CST
view 542
2026年5月,Bun创始人宣布用Claude AI在6天内将96万行Zig代码迁移到Rust,通过99.8%测试。本文深度解析这场AI辅助迁移的技术细节。
Bun
Rust
Zig
AI辅助编程
Claude Code
JavaScript运行时
为什么在 Vue.js 的组件中,data 必须是一个函数而不是一个对象?
编程
为什么在 Vue.js 的组件中,data 必须是一个函数而不是一个对象?
2024-11-18 18:17:37 +0800 CST
view 1359
在Vue.js中,组件的data必须是一个函数而不是一个对象,以确保每个组件实例都有独立的状态,避免数据共享带来的混乱。通过将data定义为返回对象的函数,Vue.js确保了组件之间的独立性,避免了数据污染和意外副作用。这一设计是Vue.js框架的重要原则,有助于构建高质量的组件。
前端开发
JavaScript
Vue.js
组件化
数据管理
5 种替代 if-else 的实用 JavaScript 优化技巧,让代码更简洁可维护
编程
5 种替代 if-else 的实用 JavaScript 优化技巧,让代码更简洁可维护
2025-08-15 12:32:53 +0800 CST
view 1241
本文总结了5种替代if-else的JavaScript优化技巧,包括三元运算符、对象字面量映射、策略模式、短路运算符和规则数组。这些技巧旨在提升代码的简洁性和可维护性,帮助开发者在复杂逻辑中保持代码清晰和易读。
编程
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 103
深度拆解 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 用 Claude 11天完成 Zig → Rust 全量重写:代码、哲学与工程权衡的完整复盘
编程
Bun 用 Claude 11天完成 Zig → Rust 全量重写:代码、哲学与工程权衡的完整复盘
2026-07-19 12:44:49 +0800 CST
view 19
深度拆解 Bun 从 Zig 到 Rust 的 11 天 AI 驱动全量重写:96 万行代码、64 个 Claude 并行、16,000 个编译器错误的工程全貌,配真实 Bug 案例与性能数据
Bun
Zig
Rust
AI编程
Claude
语言迁移
性能优化
unsafe
内存安全
TypeScript
告别 setTimeout,前端调度进入智能时代
编程
告别 setTimeout,前端调度进入智能时代
2025-08-15 12:45:15 +0800 CST
view 957
在前端开发中,浏览器是单线程的,JavaScript执行可能导致页面卡顿。传统的setTimeout方法不够可靠,而requestAnimationFrame提供了与视觉同步的调度。为了解决低优先级任务的阻塞问题,现代浏览器引入了requestIdleCallback,允许在主线程空闲时执行任务。通过这两者的结合,开发者可以更好地管理任务,提高页面性能和用户体验。
前端技术
性能优化
JavaScript
CSS 2026 新特性深度解析:从锚点定位到瀑布流布局,前端开发迎来纯 CSS 解决方案时代
编程
CSS 2026 新特性深度解析:从锚点定位到瀑布流布局,前端开发迎来纯 CSS 解决方案时代
2026-04-21 10:51:18 +0800 CST
view 675
深度解析 CSS 2026 核心新特性:锚点定位彻底替代 Popper.js、原生瀑布流布局告别 JavaScript 库、滚动驱动动画实现零 JS 滚动效果。包含完整代码示例、性能对比和浏览器兼容性方案。
CSS
前端
Web开发
Anchor Positioning
Masonry
Scroll Animation
Open Design 深度拆解:当 AI 代理遇上设计系统——从 12 种编程 CLI 到 72 套设计语言的全链路技术实战
编程
Open Design 深度拆解:当 AI 代理遇上设计系统——从 12 种编程 CLI 到 72 套设计语言的全链路技术实战
2026-05-03 00:35:59 +0800 CST
view 757
14.8K Stars,5 天破万,这个开源项目凭什么成为 Claude Design 的最强挑战者?
AI
Agent
设计系统
开源
TypeScript
TypeScript 7.0 深度实战:当 Anders Hejlsberg 用 Go 重写 TypeScript——从 Project Corsa 到 10 倍性能提升、架构决策与生产级迁移的完整指南(2026)
编程
TypeScript 7.0 深度实战:当 Anders Hejlsberg 用 Go 重写 TypeScript——从 Project Corsa 到 10 倍性能提升、架构决策与生产级迁移的完整指南(2026)
2026-06-18 00:53:49 +0800 CST
view 293
深度解析 TypeScript 7.0 用 Go 语言重写的背景、架构决策、性能提升与迁移指南
TypeScript
Go
性能优化
编译器
前端工程化
搭建基于Vue3和Vite的快速开发环境,包括环境准备、项目创建、组件开发等步骤
编程
搭建基于Vue3和Vite的快速开发环境,包括环境准备、项目创建、组件开发等步骤
2024-11-18 10:07:59 +0800 CST
view 1808
本文介绍了如何搭建基于Vue3和Vite的快速开发环境,包括环境准备、项目创建、组件开发等步骤。Vite作为现代构建工具,提供了快速冷启动和高效热更新的能力,提升了开发体验。通过示例代码,展示了如何使用Vue3的setup语法糖创建一个简单的计数器组件,帮助开发者更好地理解Vue3的响应式特性。
前端开发
JavaScript
框架
构建工具
开发体验
Vue3中的状态管理:使用Pinia替代Vuex
编程
Vue3中的状态管理:使用Pinia替代Vuex
2024-11-18 05:56:04 +0800 CST
view 1622
本篇博客探讨了Pinia作为Vue3的状态管理库,比较了其与Vuex的不同之处。Pinia提供了更简洁的API和更好的TypeScript支持,旨在简化状态管理过程。通过示例展示了如何在Vue组件中使用Pinia进行状态管理,特别是创建一个简单的计数器应用,帮助开发者快速上手Pinia。
前端开发
状态管理
Vue.js
JavaScript
编程
不再依赖 iframe 或 eval:JavaScript 新一代隔离沙箱 ShadowRealm
编程
不再依赖 iframe 或 eval:JavaScript 新一代隔离沙箱 ShadowRealm
2025-08-15 15:15:07 +0800 CST
view 1422
ShadowRealm是ECMAScript正在制定的新标准,提供一个完全隔离的JavaScript全局环境。它允许安全执行来自不同来源的代码,避免了iframe和eval的缺陷。通过创建ShadowRealm实例,开发者可以在隔离环境中执行代码,确保主环境的安全性。该机制支持同步调用和安全导入函数,适用于安全执行第三方脚本和动态模块加载等场景。
前端开发
JavaScript
安全性
封装WebSocket消息推送,干翻Ajax轮询方式
编程
封装WebSocket消息推送,干翻Ajax轮询方式
2024-11-18 20:10:17 +0800 CST
view 1630
本文对比了AJAX和WebSocket在消息推送中的应用,介绍了如何封装WebSocket消息推送管理器以替代传统的AJAX轮询方式。通过示例代码,展示了AJAX的轮询和长轮询实现,以及WebSocket的高效通信方式。最后,提供了WebSocketManager类的设计思路,强调了其在连接管理、消息处理和重连机制中的重要性。
Web开发
实时通信
技术对比
JavaScript
编程
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
18
19
20
21
22
...
33
下一页