程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
微软给 Node.js 发了张 Windows「原生通行证」:动态 WinRT 语言投影深度拆解——从 .winmd 元数据到 Phi Silica 本地 AI 调用
编程
微软给 Node.js 发了张 Windows「原生通行证」:动态 WinRT 语言投影深度拆解——从 .winmd 元数据到 Phi Silica 本地 AI 调用
2026-07-30 12:44:31 +0800 CST
view 266
深度拆解微软 2026 年 7 月发布的 Node.js 动态 WinRT 语言投影:.winmd 元数据驱动、共享运行时架构、免编译调用 Windows 原生 API,附 Electron 原生通知与 Phi Silica 本地 AI 实战,及与 NodeRT/FFI/N-API 路线对比。
Node.js
WinRT
Electron
语言投影
Windows开发
Phi Silica
本地AI
N-API
TypeScript
微软
Vue 中的单文件组件(Single File Components)是什么?如何使用它们?
编程
Vue 中的单文件组件(Single File Components)是什么?如何使用它们?
2024-11-18 13:28:12 +0800 CST
view 1641
Vue单文件组件(SFC)是将模板、脚本和样式整合在一个`.vue`文件中的方式,提升代码的模块化和可维护性。本文介绍了单文件组件的概念、创建方法以及如何在父组件中使用它们,通过示例展示了组件的结构和功能,帮助开发者更好地管理和组织代码。
前端
Vue.js
JavaScript
开发
组件
React Compiler 迁移 Rust 深度拆解:当 Meta 决定「用 Rust 重写前端编译器」——从 TypeScript 到 Arena 分配,一个 3 倍性能提升的移植如何用 LLM 辅助重写重新定义前端工具链的终极形态
编程
React Compiler 迁移 Rust 深度拆解:当 Meta 决定「用 Rust 重写前端编译器」——从 TypeScript 到 Arena 分配,一个 3 倍性能提升的移植如何用 LLM 辅助重写重新定义前端工具链的终极形态
2026-08-05 20:14:26 +0800 CST
view 107
深度拆解Meta将React Compiler从TypeScript重写为Rust:Arena分配、索引数据结构、Turbopack零拷贝集成,3-10倍性能提升,LLM辅助重写的争议与反思
React Compiler
Rust
TypeScript
前端工具链
Meta
Turbopack
Babel
编译器
性能优化
LLM
90% 开发者还在用的 `substr()`,浏览器早已废弃
编程
90% 开发者还在用的 `substr()`,浏览器早已废弃
2025-08-15 12:08:58 +0800 CST
view 1106
在前端开发中,`substr()`已被Web标准废弃,尽管浏览器仍兼容。推荐使用`slice()`作为首选替代方案,因为其支持负数索引且行为一致。`substring()`是次选,但存在参数自动交换的问题。尽快迁移到`slice()`可以减少认知负担并提升代码健壮性,避免未来可能的兼容性问题。
前端开发
JavaScript
编码规范
window.open彻底过时了!浏览器全新Popover API发布,零依赖、无拦截、样式自由
编程
window.open彻底过时了!浏览器全新Popover API发布,零依赖、无拦截、样式自由
2026-04-21 08:52:41 +0800 CST
view 614
浏览器原生Popover API正式发布,零依赖、无拦截风险、样式完全可控、支持自动/手动两种模式,window.open的完美替代方案
前端
JavaScript
HTML5
CSS
Popover API
Browser API
Web开发
编程
自定义input文件上传 file的提示文字及样式
2024-11-17 05:01:13 +0800 CST
view 5193
该文本包含一个用于选择和上传文件的HTML和JavaScript代码示例。用户可以通过点击链接选择文件,选择后文件名会显示在页面上,并通过AJAX将文件上传到指定的URL。代码中使用了FormData对象来处理文件上传,并在成功后将返回的链接填入指定的输入框中。
前端开发
文件上传
JavaScript
HTML
AJAX
Vue 中的 mixins 和 extends 两种方式有什么区别?
编程
Vue 中的 mixins 和 extends 两种方式有什么区别?
2024-11-18 23:38:32 +0800 CST
view 1465
本文探讨了Vue.js中的mixins和extends两种代码复用和组件扩展的方式。mixins允许在多个组件之间共享逻辑,而extends则是基于已有组件创建新组件。mixins会合并选项,适合通用功能复用;extends适合组件层次化扩展。选择使用哪种方式取决于代码复用需求和组件架构。
前端开发
JavaScript
Vue.js
组件设计
代码复用
别再无脑用 `...` 合并对象了,这个新 API 更快更安全
编程
别再无脑用 `...` 合并对象了,这个新 API 更快更安全
2025-08-15 12:09:19 +0800 CST
view 1314
本文讨论了在JavaScript中合并对象时使用扩展运算符(`...`)的潜在问题,特别是性能和数据污染的隐患。通过对比`...`和`Object.assign()`的浅拷贝特性,介绍了新的结构化克隆API(`structuredClone()`)作为深拷贝的解决方案,确保安全性。建议在处理复杂对象时使用`structuredClone()`,而简单对象则可继续使用`...`。
JavaScript
编程技巧
性能优化
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 237
深度解析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 1799
本文介绍了如何使用Vue3和Axios实现基本的CRUD操作。通过创建一个简单的Vue3项目,使用JSONPlaceholder作为API,展示了如何创建、读取、更新和删除博客文章。文章包括项目结构、代码示例和运行项目的步骤,适合前端开发者学习和实践。
前端开发
JavaScript框架
Web开发
Page Agent 深度解析:阿里开源的「页内 GUI Agent」如何用 DOM 脱水替代截图识别——从一行 CDN 到生产级 Web 自动化的完整实战指南
编程
Page Agent 深度解析:阿里开源的「页内 GUI Agent」如何用 DOM 脱水替代截图识别——从一行 CDN 到生产级 Web 自动化的完整实战指南
2026-07-06 19:14:49 +0800 CST
view 580
深度解析阿里巴巴开源的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 1430
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 579
深度解析Encore团队耗时两年、用6.7万行Rust重写TypeScript运行时的架构决策与技术细节,从IPC开销实测到Tokio多线程优势,从napi-rs互操作到所有权系统的请求隔离,附完整代码示例和性能对比数据
Rust,TypeScript,Encore,Tokio,Node.js,后端框架,N-API,性能优化,异步编程,运行时,多线程
为什么在 Vue.js 的组件中,data 必须是一个函数而不是一个对象?
编程
为什么在 Vue.js 的组件中,data 必须是一个函数而不是一个对象?
2024-11-18 18:17:37 +0800 CST
view 1451
在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 1342
本文总结了5种替代if-else的JavaScript优化技巧,包括三元运算符、对象字面量映射、策略模式、短路运算符和规则数组。这些技巧旨在提升代码的简洁性和可维护性,帮助开发者在复杂逻辑中保持代码清晰和易读。
编程
JavaScript
代码优化
软件开发
技术技巧
Effect 4.0 深度拆解:当 TypeScript 决定「用函数式编程武装每一个异步操作」
编程
Effect 4.0 深度拆解:当 TypeScript 决定「用函数式编程武装每一个异步操作」
2026-08-05 23:49:05 +0800 CST
view 130
深度拆解Effect 4.0 Beta:从Fiber运行时完全重写到Bundle 70KB→20KB缩减、Schema v4重写、统一版本号、Unstable模块机制,附完整API服务构建实战与v3迁移指南
Effect
TypeScript
函数式编程
依赖注入
结构化并发
Fiber
Schema
生产级
Effect 4.0
异步编程
告别 setTimeout,前端调度进入智能时代
编程
告别 setTimeout,前端调度进入智能时代
2025-08-15 12:45:15 +0800 CST
view 1017
在前端开发中,浏览器是单线程的,JavaScript执行可能导致页面卡顿。传统的setTimeout方法不够可靠,而requestAnimationFrame提供了与视觉同步的调度。为了解决低优先级任务的阻塞问题,现代浏览器引入了requestIdleCallback,允许在主线程空闲时执行任务。通过这两者的结合,开发者可以更好地管理任务,提高页面性能和用户体验。
前端技术
性能优化
JavaScript
CSS 2026 新特性深度解析:从锚点定位到瀑布流布局,前端开发迎来纯 CSS 解决方案时代
编程
CSS 2026 新特性深度解析:从锚点定位到瀑布流布局,前端开发迎来纯 CSS 解决方案时代
2026-04-21 10:51:18 +0800 CST
view 859
深度解析 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 922
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 466
深度解析 TypeScript 7.0 用 Go 语言重写的背景、架构决策、性能提升与迁移指南
TypeScript
Go
性能优化
编译器
前端工程化
搭建基于Vue3和Vite的快速开发环境,包括环境准备、项目创建、组件开发等步骤
编程
搭建基于Vue3和Vite的快速开发环境,包括环境准备、项目创建、组件开发等步骤
2024-11-18 10:07:59 +0800 CST
view 1927
本文介绍了如何搭建基于Vue3和Vite的快速开发环境,包括环境准备、项目创建、组件开发等步骤。Vite作为现代构建工具,提供了快速冷启动和高效热更新的能力,提升了开发体验。通过示例代码,展示了如何使用Vue3的setup语法糖创建一个简单的计数器组件,帮助开发者更好地理解Vue3的响应式特性。
前端开发
JavaScript
框架
构建工具
开发体验
Vue3中的状态管理:使用Pinia替代Vuex
编程
Vue3中的状态管理:使用Pinia替代Vuex
2024-11-18 05:56:04 +0800 CST
view 1705
本篇博客探讨了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 1540
ShadowRealm是ECMAScript正在制定的新标准,提供一个完全隔离的JavaScript全局环境。它允许安全执行来自不同来源的代码,避免了iframe和eval的缺陷。通过创建ShadowRealm实例,开发者可以在隔离环境中执行代码,确保主环境的安全性。该机制支持同步调用和安全导入函数,适用于安全执行第三方脚本和动态模块加载等场景。
前端开发
JavaScript
安全性
封装WebSocket消息推送,干翻Ajax轮询方式
编程
封装WebSocket消息推送,干翻Ajax轮询方式
2024-11-18 20:10:17 +0800 CST
view 1721
本文对比了AJAX和WebSocket在消息推送中的应用,介绍了如何封装WebSocket消息推送管理器以替代传统的AJAX轮询方式。通过示例代码,展示了AJAX的轮询和长轮询实现,以及WebSocket的高效通信方式。最后,提供了WebSocketManager类的设计思路,强调了其在连接管理、消息处理和重连机制中的重要性。
Web开发
实时通信
技术对比
JavaScript
编程
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
71
72
73
74
75
...
85
下一页