程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
一行代码搞定图片懒加载!浏览器原生 `loading="lazy"` 全面指南
编程
一行代码搞定图片懒加载!浏览器原生 `loading="lazy"` 全面指南
2025-08-15 11:54:15 +0800 CST
view 2178
本文介绍了浏览器原生的图片懒加载功能,通过使用HTML属性loading=\"lazy\",开发者可以轻松实现高效的懒加载,提升网页性能,减少流量消耗。与传统的JavaScript懒加载相比,原生支持的实现更简单,性能开销更低,同时提供了最佳实践和使用注意事项,以确保良好的用户体验。
懒加载
前端开发
网页性能
JavaScript
html
eBPF 深度实战:当内核可编程性颠覆 Linux 基础设施——从 VM 架构到 XDP 高性能网络、eBPF 安全监控与 KernelScript 新范式的生产级完全指南(2026)
编程
eBPF 深度实战:当内核可编程性颠覆 Linux 基础设施——从 VM 架构到 XDP 高性能网络、eBPF 安全监控与 KernelScript 新范式的生产级完全指南(2026)
2026-06-17 20:25:08 +0800 CST
view 251
eBPF是Linux内核最革命性的技术之一。本文从eBPF虚拟机架构讲起,深入XDP高性能网络加速、生产级安全监控、性能火焰图,最后落地到KernelScript如何用高级语言抽象把eBPF开发门槛砍掉70%。
eBPF
XDP
Linux内核
KernelScript
网络加速
安全监控
用Claude Fable 5在11天内重写100万行代码:Bun从Zig到Rust的惊天大冒险完整复盘
编程
用Claude Fable 5在11天内重写100万行代码:Bun从Zig到Rust的惊天大冒险完整复盘
2026-07-12 16:46:49 +0800 CST
view 67
深度解析 Bun 从 Zig 到 Rust 的 AI 驱动重写:11天、64个Claude实例、100万行代码背后的技术真相
Bun
Rust
Zig
JavaScript运行时
Claude Fable 5
Anthropic
AI编程
Vue 中的单文件组件(Single File Components)是什么?如何使用它们?
编程
Vue 中的单文件组件(Single File Components)是什么?如何使用它们?
2024-11-18 13:28:12 +0800 CST
view 1590
Vue单文件组件(SFC)是将模板、脚本和样式整合在一个`.vue`文件中的方式,提升代码的模块化和可维护性。本文介绍了单文件组件的概念、创建方法以及如何在父组件中使用它们,通过示例展示了组件的结构和功能,帮助开发者更好地管理和组织代码。
前端
Vue.js
JavaScript
开发
组件
Drizzle ORM v1.0 深度解析:JIT Row Mapper 让 Bun 跑赢 Go——从 SQL-first 哲学到生产级 TypeScript 数据库实战指南
编程
Drizzle ORM v1.0 深度解析:JIT Row Mapper 让 Bun 跑赢 Go——从 SQL-first 哲学到生产级 TypeScript 数据库实战指南
2026-07-06 17:44:25 +0800 CST
view 129
深度解析Drizzle ORM v1.0核心特性:JIT Row Mapper让Bun+Drizzle跑赢Go原生驱动,延迟7.3ms vs 18.1ms。从SQL-first设计哲学、零Code Generation、7KB极小Bundle、多数据库统一API,到完整电商场景代码实战、事务处理、高级查询、性能优化、与Prisma/TypeORM全面对比,以及Hono全栈部署指南。
Drizzle
ORM
TypeScript
Bun
Go
JIT
数据库
SQL
AI接管代码:Claude Fable 5如何用11天帮Bun完成史上最大规模语言迁移
编程
AI接管代码:Claude Fable 5如何用11天帮Bun完成史上最大规模语言迁移
2026-07-12 16:48:23 +0800 CST
view 66
深度解析 Bun 从 Zig 到 Rust 的 AI 驱动重写:11天、64个Claude实例、100万行代码背后的技术真相
Bun
Rust
Zig
JavaScript运行时
Claude Fable 5
Anthropic
AI编程
90% 开发者还在用的 `substr()`,浏览器早已废弃
编程
90% 开发者还在用的 `substr()`,浏览器早已废弃
2025-08-15 12:08:58 +0800 CST
view 969
在前端开发中,`substr()`已被Web标准废弃,尽管浏览器仍兼容。推荐使用`slice()`作为首选替代方案,因为其支持负数索引且行为一致。`substring()`是次选,但存在参数自动交换的问题。尽快迁移到`slice()`可以减少认知负担并提升代码健壮性,避免未来可能的兼容性问题。
前端开发
JavaScript
编码规范
window.open彻底过时了!浏览器全新Popover API发布,零依赖、无拦截、样式自由
编程
window.open彻底过时了!浏览器全新Popover API发布,零依赖、无拦截、样式自由
2026-04-21 08:52:41 +0800 CST
view 468
浏览器原生Popover API正式发布,零依赖、无拦截风险、样式完全可控、支持自动/手动两种模式,window.open的完美替代方案
前端
JavaScript
HTML5
CSS
Popover API
Browser API
Web开发
从Zig到Rust:Bun用Claude重写自己的11天极限挑战完整技术复盘
编程
从Zig到Rust:Bun用Claude重写自己的11天极限挑战完整技术复盘
2026-07-12 16:51:08 +0800 CST
view 71
深度解析 Bun 从 Zig 到 Rust 的 AI 驱动重写:11天、64个Claude实例、100万行代码背后的技术真相
Bun
Rust
Zig
JavaScript运行时
Claude Fable 5
Anthropic
AI编程
编程
自定义input文件上传 file的提示文字及样式
2024-11-17 05:01:13 +0800 CST
view 5125
该文本包含一个用于选择和上传文件的HTML和JavaScript代码示例。用户可以通过点击链接选择文件,选择后文件名会显示在页面上,并通过AJAX将文件上传到指定的URL。代码中使用了FormData对象来处理文件上传,并在成功后将返回的链接填入指定的输入框中。
前端开发
文件上传
JavaScript
HTML
AJAX
Vue 中的 mixins 和 extends 两种方式有什么区别?
编程
Vue 中的 mixins 和 extends 两种方式有什么区别?
2024-11-18 23:38:32 +0800 CST
view 1390
本文探讨了Vue.js中的mixins和extends两种代码复用和组件扩展的方式。mixins允许在多个组件之间共享逻辑,而extends则是基于已有组件创建新组件。mixins会合并选项,适合通用功能复用;extends适合组件层次化扩展。选择使用哪种方式取决于代码复用需求和组件架构。
前端开发
JavaScript
Vue.js
组件设计
代码复用
别再无脑用 `...` 合并对象了,这个新 API 更快更安全
编程
别再无脑用 `...` 合并对象了,这个新 API 更快更安全
2025-08-15 12:09:19 +0800 CST
view 1210
本文讨论了在JavaScript中合并对象时使用扩展运算符(`...`)的潜在问题,特别是性能和数据污染的隐患。通过对比`...`和`Object.assign()`的浅拷贝特性,介绍了新的结构化克隆API(`structuredClone()`)作为深拷贝的解决方案,确保安全性。建议在处理复杂对象时使用`structuredClone()`,而简单对象则可继续使用`...`。
JavaScript
编程技巧
性能优化
PostgreSQL 18 深度实战:从异步I/O 3倍性能飞跃到Skip Scan索引革命——一个DBA的升级全攻略
编程
PostgreSQL 18 深度实战:从异步I/O 3倍性能飞跃到Skip Scan索引革命——一个DBA的升级全攻略
2026-05-02 18:03:29 +0800 CST
view 574
PostgreSQL 18深度拆解:异步I/O 3倍性能提升、Skip Scan复合索引优化、UUIDv7、虚拟生成列、统计信息跨版本保留等核心特性全链路实战
PostgreSQL
数据库
AIO
Skip Scan
UUIDv7
性能优化
DBA
使用 Vue3 和 Axios 实现 CRUD 操作
编程
使用 Vue3 和 Axios 实现 CRUD 操作
2024-11-19 01:57:50 +0800 CST
view 1748
本文介绍了如何使用Vue3和Axios实现基本的CRUD操作。通过创建一个简单的Vue3项目,使用JSONPlaceholder作为API,展示了如何创建、读取、更新和删除博客文章。文章包括项目结构、代码示例和运行项目的步骤,适合前端开发者学习和实践。
前端开发
JavaScript框架
Web开发
编程
Bun v1.3.12 深度解析:内置浏览器自动化、原生 Cron 调度与 JavaScriptCore 大升级——一个前端工程师眼中的「全家桶」革命
2026-05-02 18:35:10 +0800 CST
view 718
深入解析 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 512
深度解析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 302
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 289
深度解析阿里巴巴开源的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 1308
Vue.js是一款流行的JavaScript框架,其核心特性之一是响应式数据机制。通过`Object.defineProperty()`方法,Vue.js将数据属性转换为`getter`和`setter`,实现数据变化自动更新视图。在Vue3中,响应式系统重构为使用`Proxy`,解决了Vue2的一些局限性,提升了数据监听能力,简化了前端开发流程。
JavaScript
前端框架
数据绑定
为什么在 Vue.js 的组件中,data 必须是一个函数而不是一个对象?
编程
为什么在 Vue.js 的组件中,data 必须是一个函数而不是一个对象?
2024-11-18 18:17:37 +0800 CST
view 1346
在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 1229
本文总结了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 54
深度拆解 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
前端工程化
构建性能
告别 setTimeout,前端调度进入智能时代
编程
告别 setTimeout,前端调度进入智能时代
2025-08-15 12:45:15 +0800 CST
view 954
在前端开发中,浏览器是单线程的,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 743
14.8K Stars,5 天破万,这个开源项目凭什么成为 Claude Design 的最强挑战者?
AI
Agent
设计系统
开源
TypeScript
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
54
55
56
57
58
...
74
下一页