程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
为什么在 Vue.js 的组件中,data 必须是一个函数而不是一个对象?
编程
为什么在 Vue.js 的组件中,data 必须是一个函数而不是一个对象?
2024-11-18 18:17:37 +0800 CST
view 1379
在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 1269
本文总结了5种替代if-else的JavaScript优化技巧,包括三元运算符、对象字面量映射、策略模式、短路运算符和规则数组。这些技巧旨在提升代码的简洁性和可维护性,帮助开发者在复杂逻辑中保持代码清晰和易读。
编程
JavaScript
代码优化
软件开发
技术技巧
Bun 深度解剖:从 Zig 到 Rust 的静默重写——JavaScriptCore 内核、全家桶架构与「11 天 AI 重构」背后的工程真相
编程
Bun 深度解剖:从 Zig 到 Rust 的静默重写——JavaScriptCore 内核、全家桶架构与「11 天 AI 重构」背后的工程真相
2026-07-25 05:14:54 +0800 CST
view 18
Bun 把底层运行时从 Zig 静默换成 Rust:深度拆解 JSC 引擎选型、全家桶架构、转译器/打包器/包管理器内核,用 Amdahl 定律解释「只快10%」背后的工程真相,以及对「AI 11天重写」的诚实冷思考。
Bun
Rust
Zig
JavaScriptCore
运行时
Node.js
性能优化
前端工程化
开源
AI重构
Redis 8.8 深度实战:原生 Array、INCREX 限流、XNACK 消息回收——5 个祖传 Lua 脚本可以删了(2026)
编程
Redis 8.8 深度实战:原生 Array、INCREX 限流、XNACK 消息回收——5 个祖传 Lua 脚本可以删了(2026)
2026-07-13 02:42:21 +0800 CST
view 153
深度拆解 Redis 8.8 GA:原生 Array 数据结构、INCREX 窗口限流、XNACK 消息回收、Hash 字段级通知,配可运行代码与性能基准,附祖传 Lua 迁移清单。
Redis 8.8
Array
INCREX
XNACK
限流
Streams
性能优化
Bun 用 Claude 11天完成 Zig → Rust 全量重写:代码、哲学与工程权衡的完整复盘
编程
Bun 用 Claude 11天完成 Zig → Rust 全量重写:代码、哲学与工程权衡的完整复盘
2026-07-19 12:44:49 +0800 CST
view 113
深度拆解 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 965
在前端开发中,浏览器是单线程的,JavaScript执行可能导致页面卡顿。传统的setTimeout方法不够可靠,而requestAnimationFrame提供了与视觉同步的调度。为了解决低优先级任务的阻塞问题,现代浏览器引入了requestIdleCallback,允许在主线程空闲时执行任务。通过这两者的结合,开发者可以更好地管理任务,提高页面性能和用户体验。
前端技术
性能优化
JavaScript
Open Design 深度拆解:当 AI 代理遇上设计系统——从 12 种编程 CLI 到 72 套设计语言的全链路技术实战
编程
Open Design 深度拆解:当 AI 代理遇上设计系统——从 12 种编程 CLI 到 72 套设计语言的全链路技术实战
2026-05-03 00:35:59 +0800 CST
view 778
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 309
深度解析 TypeScript 7.0 用 Go 语言重写的背景、架构决策、性能提升与迁移指南
TypeScript
Go
性能优化
编译器
前端工程化
Redis 8.8 实战全解:原生 Array、INCREX 限流、XNACK 回收,以及 6 个该删的祖传 Lua 脚本(2026)
编程
Redis 8.8 实战全解:原生 Array、INCREX 限流、XNACK 回收,以及 6 个该删的祖传 Lua 脚本(2026)
2026-07-13 02:44:28 +0800 CST
view 134
深度拆解 Redis 8.8 GA:原生 Array 数据结构、INCREX 窗口限流、XNACK 消息回收、Hash 字段级通知,配可运行代码、性能基准与祖传 Lua 迁移对照表。
Redis 8.8
Array
INCREX
XNACK
限流
Streams
性能优化
搭建基于Vue3和Vite的快速开发环境,包括环境准备、项目创建、组件开发等步骤
编程
搭建基于Vue3和Vite的快速开发环境,包括环境准备、项目创建、组件开发等步骤
2024-11-18 10:07:59 +0800 CST
view 1818
本文介绍了如何搭建基于Vue3和Vite的快速开发环境,包括环境准备、项目创建、组件开发等步骤。Vite作为现代构建工具,提供了快速冷启动和高效热更新的能力,提升了开发体验。通过示例代码,展示了如何使用Vue3的setup语法糖创建一个简单的计数器组件,帮助开发者更好地理解Vue3的响应式特性。
前端开发
JavaScript
框架
构建工具
开发体验
Vue3中的状态管理:使用Pinia替代Vuex
编程
Vue3中的状态管理:使用Pinia替代Vuex
2024-11-18 05:56:04 +0800 CST
view 1639
本篇博客探讨了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 1449
ShadowRealm是ECMAScript正在制定的新标准,提供一个完全隔离的JavaScript全局环境。它允许安全执行来自不同来源的代码,避免了iframe和eval的缺陷。通过创建ShadowRealm实例,开发者可以在隔离环境中执行代码,确保主环境的安全性。该机制支持同步调用和安全导入函数,适用于安全执行第三方脚本和动态模块加载等场景。
前端开发
JavaScript
安全性
封装WebSocket消息推送,干翻Ajax轮询方式
编程
封装WebSocket消息推送,干翻Ajax轮询方式
2024-11-18 20:10:17 +0800 CST
view 1643
本文对比了AJAX和WebSocket在消息推送中的应用,介绍了如何封装WebSocket消息推送管理器以替代传统的AJAX轮询方式。通过示例代码,展示了AJAX的轮询和长轮询实现,以及WebSocket的高效通信方式。最后,提供了WebSocketManager类的设计思路,强调了其在连接管理、消息处理和重连机制中的重要性。
Web开发
实时通信
技术对比
JavaScript
编程
在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用
编程
在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用
2024-11-18 16:34:24 +0800 CST
view 1779
本文探讨了在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用。通过示例代码,展示了如何在组件中定义Props和Emit事件的类型,创建可重用的组合函数,以及在Vuex中管理状态类型,从而提高代码的可维护性和可靠性。
前端开发
编程
TypeScript
Vue.js
软件工程
为何 async/await 会“阻塞”页面?并发处理的正确姿势
编程
为何 async/await 会“阻塞”页面?并发处理的正确姿势
2025-08-15 15:17:50 +0800 CST
view 1302
本文深入探讨了async/await的特性及其在并发处理中的应用,澄清了await并不阻塞主线程的误区,并指出串行执行导致的用户体验问题。通过示例展示了如何使用Promise.all等方法实现并发请求,提升页面渲染速度和用户体验,同时介绍了控制并发数量的技巧,以避免对服务器造成压力。
JavaScript
异步编程
前端开发
性能优化
用户体验
编程
13MB打包整个网站、去JS、跨平台,还能做成App,有点离谱了!
2026-06-25 19:08:09 +0800 CST
view 289
kage:用Go编写的命令行工具,把任意网站克隆成可离线浏览的本地镜像,同时把所有JavaScript彻底剔除。启动无头Chrome真实渲染后快照,删除所有JS和追踪代码,资源本地化+链接重写,支持打包为ZIM归档(Kiwix兼容)或自包含二进制(~13MB+站点体积),跨平台支持macOS/Windows/Linux,支持做成真正的桌面App。
kage
网站克隆
离线浏览
Go
开源
ZIM
Kiwix
去JavaScript
综合
全网首发:Vue 3.5 源码解析,useTemplateRef 实现原理
2024-11-19 09:30:11 +0800 CST
view 1963
本文分析了Vue3.5中`useTemplateRef`API的实现原理。该API用于获取DOM或组件实例,解决了传统`ref`使用中的混淆。通过源码解析,展示了`useTemplateRef`如何封装`ref`,并通过`Object.defineProperty`监听`refs[key]`的setter行为,简化了DOM实例的获取过程。
Vue
前端开发
JavaScript
Headroom 深度实战:当 AI Agent 学会「精准瘦身」——从上下文压缩到生产级 Token 优化完全指南(2026)
编程
Headroom 深度实战:当 AI Agent 学会「精准瘦身」——从上下文压缩到生产级 Token 优化完全指南(2026)
2026-06-13 02:46:52 +0800 CST
view 610
Headroom 是一个专为 AI Agent 设计的上下文压缩层,可以在发送给 LLM 之前压缩 60-95% 的 Token,同时保持答案质量不变。本文从原理到实践深度拆解 Headroom,包括核心架构、六大压缩算法、Python/TypeScript 集成示例、Proxy 模式、MCP 服务器、Cross-Agent Memory、性能基准测试和生产环境最佳实践。
AI Agent
上下文压缩
Token优化
LLM
Python
JavaScript
开源项目
Wasmtime 深度解剖:WASI Component Model 如何重塑 Server-Side WebAssembly 的工程边界
编程
Wasmtime 深度解剖:WASI Component Model 如何重塑 Server-Side WebAssembly 的工程边界
2026-07-25 08:44:58 +0800 CST
view 15
深度拆解 Wasmtime v0.19 的三层架构:Cranelift JIT 编译器、WASI 0.2 系统接口、Component Model 组件模型,以及它们如何重塑 Server-Side WebAssembly 的工程边界。
Wasmtime
WebAssembly
WASI
Component Model
JIT编译器
Cranelift
Bytecode Alliance
服务器端Wasm
Vue3的CompositionAPI和setup语法糖构建一个简单的待办事项应用
编程
Vue3的CompositionAPI和setup语法糖构建一个简单的待办事项应用
2024-11-17 04:21:34 +0800 CST
view 1628
本文介绍了如何使用Vue3的CompositionAPI和setup语法糖构建一个简单的待办事项应用。通过逐步实现项目结构、主应用组件、输入组件和待办事项列表组件,读者将学习到Vue3的基本概念和组件间的事件通信。最后,读者可以在浏览器中运行应用,添加、删除和标记待办事项。
前端开发
Vue
JavaScript
应用开发
教程
Zed 深度拆解:当 Rust 原生代码编辑器重新定义「编辑器性能」——GPUI 框架、协同编辑与 2026 年完整生态全貌
编程
Zed 深度拆解:当 Rust 原生代码编辑器重新定义「编辑器性能」——GPUI 框架、协同编辑与 2026 年完整生态全貌
2026-07-19 15:46:44 +0800 CST
view 129
深度拆解 Zed 编辑器:从 GPUI 原生渲染框架、Rope 数据结构、Tree-sitter 增量解析、CRDT 协作编辑到 WebAssembly 扩展系统,配性能对比实测与 2026 年新功能解析
Zed
GPUI
Rust
代码编辑器
Tree-sitter
CRDT
WebAssembly
VS Code
代码
JS中 `sleep` 方法的实现
2024-11-19 08:10:32 +0800 CST
view 1734
本文介绍了在JavaScript中实现`sleep`方法的几种方式,包括通过死循环、定时器和基于Promise的实现。通过示例代码展示了如何暂停程序执行以实现延时效果,并讨论了各方法的优缺点,特别是如何使用Promise和async/await提高代码的可读性和可维护性。最后,提供了一个红绿灯循环的场景示例,展示了如何应用`sleep`方法。
JavaScript
编程
异步编程
超越 JSON.parse:JavaScript 中高效反序列化的艺术
编程
超越 JSON.parse:JavaScript 中高效反序列化的艺术
2025-08-15 15:47:11 +0800 CST
view 1148
本文探讨了JavaScript中反序列化的高效策略,分析了JSON.parse的局限性及其性能问题,并提供了多种优化方法,包括使用reviver函数处理特殊数据类型、流式解析大型JSON、使用二进制格式替代JSON、WebWorker卸载解析工作以及增量解析与懒加载。通过合理选择策略,可以显著提升应用性能与用户体验。
JavaScript
前端开发
性能优化
import 导入过的模块需要再次执行怎么办?
编程
import 导入过的模块需要再次执行怎么办?
2024-11-18 11:04:52 +0800 CST
view 1424
在ES6中,`import`语句引入的模块会被缓存,后续引用直接从缓存获取,可能导致变量未更新。本文探讨了几种解决方案,包括使用`window.location.reload()`刷新页面、添加事件监听、将导出的变量改为方法以及使用状态管理工具,帮助开发者应对模块缓存带来的问题。
JavaScript
模块化
前端开发
性能优化
状态管理
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
40
41
42
43
44
...
54
下一页