程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
SWC是一个用Rust编写的高性能JavaScript/TypeScript编译器,相比Babel提供显著的速度提升
编程
SWC是一个用Rust编写的高性能JavaScript/TypeScript编译器,相比Babel提供显著的速度提升
2024-11-19 03:25:39 +0800 CST
view 2450
SWC是一个用Rust编写的高性能JavaScript/TypeScript编译器,相比Babel提供显著的速度提升。本文探讨了SWC的安装、配置及其与Webpack的集成,展示了如何在项目中替代Babel使用SWC,以提高编译效率和稳定性。SWC兼容现有Babel配置,适合大型项目,是前端开发者的理想选择。
前端开发
编程工具
性能优化
9个高级前端必会的性能优化 API,你掌握了几个?
编程
9个高级前端必会的性能优化 API,你掌握了几个?
2025-07-14 12:35:24 +0800 CST
view 1194
本文介绍了9个高级前端性能优化API,包括requestIdleCallback、IntersectionObserver、WeakMap等,详细阐述了它们的适用场景和代码示例。这些API可以显著提升页面性能和用户体验,帮助开发者写出更现代的前端代码。
前端开发
性能优化
Web技术
Vue中的异步更新是如何实现的?
编程
Vue中的异步更新是如何实现的?
2024-11-18 19:24:29 +0800 CST
view 1288
在Vue.js中,异步更新机制是其响应式系统的核心。Vue利用JavaScript的事件循环和虚拟DOM技术,将数据变化推迟到下一个事件循环周期进行统一处理,从而避免频繁的DOM更新,提升性能。示例代码展示了如何通过按钮点击触发异步更新,2秒后更新消息,体现了Vue的异步更新特性。
前端开发
Vue.js
性能优化
编程
php在使用JQuery.lazyload图片懒加载时,正则替换Img的src为original
2024-11-17 18:13:34 +0800 CST
view 3915
在页面有很多大图时,为了提升用户体验和减轻服务器压力,通常会使用图片懒加载技术。使用lazyload时,需要将图片的src值设置为占位符,并将真实路径赋给original,以确保jquery.lazyload正常执行。示例代码展示了如何替换图片标签的src属性,并使用jquery.lazyload实现懒加载效果。
前端开发
性能优化
技术实现
LeaferJS 深度实战:百万级图形的 Canvas 引擎——从底层架构到生产级编辑器的完全指南(2026)
编程
LeaferJS 深度实战:百万级图形的 Canvas 引擎——从底层架构到生产级编辑器的完全指南(2026)
2026-06-03 09:40:17 +0800 CST
view 337
深入解析 LeaferJS 这款国产 Canvas 引擎,从底层架构设计到生产级图形编辑器实战,包含性能优化策略、四叉树命中检测、脏矩形渲染等核心技术原理与代码示例。
LeaferJS
Canvas
前端图形
性能优化
开源项目
《蜂巢式前端架构革命》——easy.ui 全景解析
编程
《蜂巢式前端架构革命》——easy.ui 全景解析
2025-08-05 08:16:20 +0800 CST
view 1040
《蜂巢式前端架构革命》介绍了easy.ui的微前端架构,旨在解决传统单体前端项目中团队协作、构建部署耦合等问题。通过将单页面拆分为多个独立的子项目,easy.ui实现了低耦合、高隔离的设计,支持统一入口与编排。文中详细分析了核心功能、技术栈选型及未来发展蓝图,为前端团队提供了有效的架构方案。
前端架构
微服务
团队协作
性能优化
技术栈
Vue 3 新指令 v-memo:终极渲染性能优化神器**
编程
Vue 3 新指令 v-memo:终极渲染性能优化神器**
2025-08-06 12:58:41 +0800 CST
view 1021
Vue3引入了新指令v-memo,用于有条件地跳过不必要的元素或组件更新,从而优化渲染性能。通过依赖数组,只有当依赖值变化时,相关元素才会重新渲染,避免频繁的更新检查,特别适合长列表场景。v-memo是v-if和v-show的补充,提供了更高效的渲染策略。
前端开发
性能优化
Vue框架
编程
10 万条数据毫秒级前端模糊搜索方案
2025-08-15 11:58:14 +0800 CST
view 1300
本文介绍了如何使用FlexSearch.js实现毫秒级的模糊搜索,解决传统搜索方法在处理10万条数据时导致的UI卡顿和浏览器崩溃问题。通过预计算和索引构建,结合WebWorker技术,优化搜索体验,确保搜索结果快速返回。提供了防抖和限制返回条数等最佳实践,以提升用户体验。
前端开发
性能优化
搜索技术
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 161
Rolldown 1.0 正式发布,Vite 8 将其作为骨干打包器,性能比 Rollup 快 10-30 倍。本文从架构层面深度拆解 Rolldown:并行模块扫描、符号链接表、位掩码 Tree Shaking、Rust 插件生态,以及与 esbuild、Turbopack 的完整横评和 Vite 8 迁移实战。
Rolldown
Vite 8
Rust
JavaScript
打包工具
前端工程化
性能优化
Turbopack
esbuild
oxc
构建速度翻了3倍:从Vite到Turbopack,前端开发的效率革命与生产级实战指南(2026)
编程
构建速度翻了3倍:从Vite到Turbopack,前端开发的效率革命与生产级实战指南(2026)
2026-06-23 10:59:15 +0800 CST
view 163
深度解析Turbopack如何利用Rust实现1300倍热更新提速,剖析增量编译、Turbo Engine、SWC编译器等核心技术,对比Webpack/Vite/Turbopack性能差异,提供Next.js 15生产级实战指南。
Turbopack
Next.js
Vite
Webpack
Rust
前端构建
性能优化
WebAssembly:让浏览器跑出原生性能,一场静悄悄的Web革命
编程
WebAssembly:让浏览器跑出原生性能,一场静悄悄的Web革命
2026-04-21 09:24:16 +0800 CST
view 553
WebAssembly:二进制指令格式,让浏览器以接近原生速度运行C/C++/Rust代码,应用于游戏、视频处理、AI推理、边缘计算等场景
前端
WebAssembly
WASM
性能优化
Rust
C++
Web开发
技术介绍
Rust如何重塑前端工具链?2026年生态全景与深度迁移指南
编程
Rust如何重塑前端工具链?2026年生态全景与深度迁移指南
2026-05-17 17:16:25 +0800 CST
view 348
深度解析Rust如何重塑前端工具链,对比Rspack、Rolldown、Oxc、Turbopack的性能数据,提供从Webpack/ESLint/Babel到Rust方案的完整迁移指南。2026年前端工程化必读
Rust
前端工具链
Rspack
Rolldown
Oxc
Turbopack
性能优化
前端框架Signal响应式革命:当细粒度更新击碎虚拟DOM神话——从Svelte 5 Runes到Angular Signals的深度实战指南
编程
前端框架Signal响应式革命:当细粒度更新击碎虚拟DOM神话——从Svelte 5 Runes到Angular Signals的深度实战指南
2026-06-23 12:57:55 +0800 CST
view 129
2026年前端框架Signal响应式革命深度指南:从底层依赖追踪原理到五大框架实现对比,从生产级迁移案例到性能优化实战,全面解析细粒度更新如何击碎虚拟DOM性能神话
Signal
前端框架
响应式
Svelte
SolidJS
Angular
Vue
性能优化
告别 setTimeout,前端调度进入智能时代
编程
告别 setTimeout,前端调度进入智能时代
2025-08-15 12:45:15 +0800 CST
view 897
在前端开发中,浏览器是单线程的,JavaScript执行可能导致页面卡顿。传统的setTimeout方法不够可靠,而requestAnimationFrame提供了与视觉同步的调度。为了解决低优先级任务的阻塞问题,现代浏览器引入了requestIdleCallback,允许在主线程空闲时执行任务。通过这两者的结合,开发者可以更好地管理任务,提高页面性能和用户体验。
前端技术
性能优化
JavaScript
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 174
深度解析 TypeScript 7.0 用 Go 语言重写的背景、架构决策、性能提升与迁移指南
TypeScript
Go
性能优化
编译器
前端工程化
前端任务调度实战:用 rAF + rIC 提升页面流畅度
编程
前端任务调度实战:用 rAF + rIC 提升页面流畅度
2025-08-15 12:45:42 +0800 CST
view 1044
本文讨论了如何通过使用rAF(请求动画帧)和rIC(请求空闲回调)来提升前端页面的流畅度。通过合理调度高优先级的动画任务和低优先级的数据处理任务,确保动画流畅且不被阻塞,同时在浏览器空闲时处理数据,优化用户体验。提供了代码示例和实战技巧,强调任务优先级和分块处理的重要性。
前端开发
性能优化
用户体验
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 245
Next.js 16.2 深度实战指南,详解 Turbopack 默认开启、React 19 编译器、Server Components 性能优化等核心特性,配有完整代码示例。
Next.js
Turbopack
React 19
前端构建
性能优化
Vite 6 深度解析:构建工具的新里程碑,如何让前端开发快上加快
编程
Vite 6 深度解析:构建工具的新里程碑,如何让前端开发快上加快
2026-05-12 02:18:40 +0800 CST
view 401
深度解析Vite 6的核心架构升级:Environment API实现浏览器/SSR/Edge Workers多环境统一构建、依赖预构建并行化让冷启动缩短40%、模块级HMR让热更新延迟低于10ms、Rollup 4集成提升生产构建速度29%、完整迁移指南与破坏性变更详解
Vite6,前端构建工具,Environment API,HMR,热更新,Rollup4,esbuild,性能优化,迁移指南,React,Vue,Svelte
为何 async/await 会“阻塞”页面?并发处理的正确姿势
编程
为何 async/await 会“阻塞”页面?并发处理的正确姿势
2025-08-15 15:17:50 +0800 CST
view 1210
本文深入探讨了async/await的特性及其在并发处理中的应用,澄清了await并不阻塞主线程的误区,并指出串行执行导致的用户体验问题。通过示例展示了如何使用Promise.all等方法实现并发请求,提升页面渲染速度和用户体验,同时介绍了控制并发数量的技巧,以避免对服务器造成压力。
JavaScript
异步编程
前端开发
性能优化
用户体验
前端轮询优化指南:如何“智能”地调整请求间隔?
编程
前端轮询优化指南:如何“智能”地调整请求间隔?
2025-08-15 15:21:32 +0800 CST
view 965
本文介绍了前端轮询的优化方法,包括使用`setTimeout`替代`setInterval`避免请求重叠,采用指数退避策略优雅处理错误,以及利用PageVisibilityAPI在页面不可见时降低轮询频率。通过这些技术,能够有效减少服务器压力和资源浪费,同时提升用户体验和系统的健壮性。
前端开发
性能优化
网络请求
用户体验
Vite 5 + Vitest 深度实战:当前端构建遇上极速测试——从插件开发到生产级性能调优的完全指南(2026)
编程
Vite 5 + Vitest 深度实战:当前端构建遇上极速测试——从插件开发到生产级性能调优的完全指南(2026)
2026-06-13 03:47:07 +0800 CST
view 168
全面讲解 Vite 5 架构原理、插件开发、生产级构建优化,以及 Vitest 测试框架从零到精通的完整指南。包含 10+ 实战案例、性能对比数据、Webpack 迁移实录。
Vite
Vitest
前端构建
单元测试
性能优化
插件开发
E2E测试
编程
前端如何优化资源加载
2024-11-18 13:35:45 +0800 CST
view 1298
优化资源加载是提升网站性能和用户体验的关键,特别是在移动端或低带宽环境中。本文介绍了多种优化方法,包括使用CDN、压缩资源文件、升级到HTTP/2和HTTP/3、代码拆分与懒加载、预加载、减少DNS查询、优化图像格式、使用服务工作者、优化CSS和JavaScript、优化首屏加载、使用浏览器缓存、延迟加载JavaScript、使用资源指纹以及减少HTTP请求等。
前端开发
性能优化
用户体验
Vue 3.5 深度实战:当前端框架学会「编译时优化」——从 Composition API 到 Vapor Mode 的性能革命完全指南(2026)
编程
Vue 3.5 深度实战:当前端框架学会「编译时优化」——从 Composition API 到 Vapor Mode 的性能革命完全指南(2026)
2026-06-13 04:50:55 +0800 CST
view 248
Vue 3.5 Tengen Toppa Gurren Lagann 版本在 2026 年已成为前端开发的生产标准。本次更新包含响应式系统底层重构(内存占用降低 56%)、Reactive Props 解构稳定化、SSR 懒水合、Vapor Mode 编译时优化等革命性特性。
Vue 3.5
前端框架
性能优化
Composition API
Vapor Mode
响应式系统
SSR
懒水合
超越 JSON.parse:JavaScript 中高效反序列化的艺术
编程
超越 JSON.parse:JavaScript 中高效反序列化的艺术
2025-08-15 15:47:11 +0800 CST
view 1017
本文探讨了JavaScript中反序列化的高效策略,分析了JSON.parse的局限性及其性能问题,并提供了多种优化方法,包括使用reviver函数处理特殊数据类型、流式解析大型JSON、使用二进制格式替代JSON、WebWorker卸载解析工作以及增量解析与懒加载。通过合理选择策略,可以显著提升应用性能与用户体验。
JavaScript
前端开发
性能优化
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
5
6
...
55
下一页