Tagged articles
26 articles
Page 1 of 1
21CTO
21CTO
Feb 26, 2026 · Frontend Development

jQuery 4.0 Unveiled: New Features, Modern Architecture, and Upgrade Guide

On February 24, 2026, jQuery celebrated its 20th anniversary with the release of version 4.0, a major overhaul that streamlines the library, adopts ES modules, drops legacy browser support, improves security, and offers a lightweight, migration‑friendly upgrade path for developers.

ES ModulesJavaScriptLibrary
0 likes · 7 min read
jQuery 4.0 Unveiled: New Features, Modern Architecture, and Upgrade Guide
Open Source Tech Hub
Open Source Tech Hub
Dec 27, 2025 · Frontend Development

Layui 3 v3.0.0‑alpha: New Build Tools, ES Modules & Theme Customization

Layui 3 v3.0.0‑alpha restructures the project with ES‑module migration, a Rollup‑Babel‑PostCSS build pipeline, Prettier + ESLint enforcement, Jest testing, CSS‑Variable theming, and multiple import methods, while keeping component APIs identical to v2 and dropping IE support.

CSS VariablesES ModulesJavaScript
0 likes · 5 min read
Layui 3 v3.0.0‑alpha: New Build Tools, ES Modules & Theme Customization
JavaScript
JavaScript
Nov 19, 2025 · Frontend Development

Why Top Frontend Teams Ban `export default` and Prefer Named Exports

Although `export default` offers a concise syntax, leading frontend teams and large projects now forbid it because named exports enforce consistent naming, improve tree‑shaking, simplify barrel re‑exports, and reduce refactoring pain, making codebases more maintainable and tool‑friendly.

ES ModulesJavaScriptexport default
0 likes · 5 min read
Why Top Frontend Teams Ban `export default` and Prefer Named Exports
JavaScript
JavaScript
Aug 24, 2025 · Frontend Development

Why Top Frontend Teams Ban `export default` and Prefer Named Exports

The article explains why many large‑scale front‑end teams discourage the use of JavaScript's `export default` in favor of named exports, citing benefits for naming consistency, tree‑shaking efficiency, and simpler module re‑exports in long‑term projects.

ES ModulesJavaScriptTree Shaking
0 likes · 4 min read
Why Top Frontend Teams Ban `export default` and Prefer Named Exports
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 12, 2025 · Frontend Development

Master Tree Shaking: Eliminate Dead Code and Shrink Your Frontend Bundles

This article explains the principles of Tree Shaking, outlines prerequisites, demonstrates common pitfalls such as CommonJS usage, object aggregation, indirect re‑exports, side‑effect modules, and dynamic properties, and provides practical ways to verify that dead code has been successfully removed from your bundle.

ES ModulesFrontend OptimizationTree Shaking
0 likes · 8 min read
Master Tree Shaking: Eliminate Dead Code and Shrink Your Frontend Bundles
Code Mala Tang
Code Mala Tang
Jul 1, 2025 · Backend Development

2025 Node.js Best Practices: ES Modules, Native fetch, Vitest, Bun & More

Discover the essential 2025 Node.js development techniques—including default ES modules, built-in fetch API, modern testing with Vitest, Bun compatibility, mandatory TypeScript, environment management with dotenv, zero-config tools, and robust process handling with PM2—to boost performance, maintainability, and developer productivity.

BunES ModulesTypeScript
0 likes · 10 min read
2025 Node.js Best Practices: ES Modules, Native fetch, Vitest, Bun & More
JavaScript
JavaScript
Apr 3, 2025 · Frontend Development

Why IIFEs Are Obsolete: Embrace Modern ES Modules in JavaScript

This article reviews the historic use of Immediately Invoked Function Expressions (IIFEs) in JavaScript, explains their drawbacks, and demonstrates how native ES modules provide a cleaner, more maintainable, and standards‑based alternative for organizing code in modern front‑end development.

ES ModulesIIFEJavaScript
0 likes · 5 min read
Why IIFEs Are Obsolete: Embrace Modern ES Modules in JavaScript
JavaScript
JavaScript
Feb 10, 2025 · Frontend Development

8 Essential Modularization Techniques to Master Large Frontend Projects

This article presents eight practical modularization strategies—including ES Modules, componentization, separation of concerns, conventions, bundlers, dependency injection, lazy loading, and versioning—to help developers transform sprawling frontend codebases into clean, reusable, and maintainable systems.

Component ArchitectureES Modulesdependency-injection
0 likes · 8 min read
8 Essential Modularization Techniques to Master Large Frontend Projects
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Dec 17, 2024 · Backend Development

Node.js v22.12 LTS Enables Native require(esm) Support by Default

Node.js v22.12.0 LTS now activates require(esm) out‑of‑the‑box, letting require() load native ES modules without the experimental flag, while also introducing resizable ArrayBuffer behavior and updated root certificates, with guidance on usage, checks, and known pitfalls.

ArrayBufferES ModulesNSS certificates
0 likes · 5 min read
Node.js v22.12 LTS Enables Native require(esm) Support by Default
ByteFE
ByteFE
Mar 2, 2022 · Frontend Development

Implementing Inline Import for ES Modules Using Blob and ImportMap

The article explains how to overcome the limitation of browser ES Modules by creating inline‑import functionality with Blob URLs and dynamic import maps, providing both dynamic and static import capabilities for modular JavaScript in playground‑style environments.

BlobES ModulesImportMap
0 likes · 7 min read
Implementing Inline Import for ES Modules Using Blob and ImportMap
Alipay Experience Technology
Alipay Experience Technology
Dec 20, 2021 · Frontend Development

Unlocking Bundleless Frontend: Ant Group’s Cloud Phoenix Uses ES Modules for Low‑Code Asset Loading

Ant Group’s Cloud Phoenix platform demonstrates a Bundleless asset loading strategy that combines ES Modules, NPM imports, and fine‑grained tree‑shaking to deliver low‑code, on‑demand component delivery, addressing performance bottlenecks and redundancy in enterprise middle‑office applications while paving the way for future ES Module‑centric development.

BundlelessES Modulesasset loading
0 likes · 15 min read
Unlocking Bundleless Frontend: Ant Group’s Cloud Phoenix Uses ES Modules for Low‑Code Asset Loading
Taobao Frontend Technology
Taobao Frontend Technology
Oct 15, 2021 · Frontend Development

How to Load Vite Micro‑Frontends with ES Modules in icestark

This article explains how Vite‑built micro‑frontends can be loaded as native ES modules in icestark, covering the advantages of ES‑module tooling, dynamic import techniques, necessary Vite configuration changes, and the resulting fast cold‑start and second‑load performance for progressive upgrades.

ES ModulesMicro FrontendsVite
0 likes · 13 min read
How to Load Vite Micro‑Frontends with ES Modules in icestark
Alibaba Terminal Technology
Alibaba Terminal Technology
Oct 14, 2021 · Frontend Development

How Vite and ES Modules Transform Micro‑Frontend Development

This article explains how native ES modules, supported by modern browsers since 2018, enable no‑build development with tools like Vite and Snowpack, and describes practical techniques for loading Vite‑based micro‑frontends in icestark using dynamic import, lib mode, and plugins.

ES Modulesdynamic importicestark
0 likes · 10 min read
How Vite and ES Modules Transform Micro‑Frontend Development
ELab Team
ELab Team
Apr 29, 2021 · Frontend Development

How Vite Accelerates Frontend Development with Fast Builds & Hot Reload

Vite is a modern web development tool that leverages native ES modules, Koa server, and esbuild to provide instant cold starts, on‑demand compilation, and fast hot‑module replacement, eliminating traditional bundling steps while offering a flexible plugin system for handling dependencies, source files, and optimizations.

ES ModulesVitefrontend development
0 likes · 15 min read
How Vite Accelerates Frontend Development with Fast Builds & Hot Reload
Taobao Frontend Technology
Taobao Frontend Technology
May 30, 2020 · Frontend Development

How Vite Transforms Frontend Development: Fast Startup, ES Modules & HMR

This article explains Vite’s architecture, from its fast cold‑start and native ES‑module development server to its plugin system, build process, handling of Vue single‑file components, CSS preprocessing, and hot‑module replacement, showing how it differs from traditional bundlers like webpack.

ES ModulesHot Module ReplacementVite
0 likes · 21 min read
How Vite Transforms Frontend Development: Fast Startup, ES Modules & HMR
MaoDou Frontend Team
MaoDou Frontend Team
Aug 27, 2019 · Frontend Development

Why Choose Rollup? A Practical Guide to Bundling JavaScript Libraries

This article introduces Rollup as a modern JavaScript bundler, explains its advantages over CommonJS and Webpack, demonstrates quick-start commands for browsers, Node.js, and UMD formats, covers tree‑shaking with ES modules, and provides a complete TypeScript‑React library setup with configuration and publishing steps.

ES ModulesJavaScript bundlerReact
0 likes · 11 min read
Why Choose Rollup? A Practical Guide to Bundling JavaScript Libraries
Node Underground
Node Underground
Aug 11, 2019 · Backend Development

Mastering Node.js ES Modules: From CommonJS to Native Imports

This article explains how Node.js 12 introduced native ECMAScript Modules, compares them with CommonJS, shows how to enable the feature, configure package.json, and adapt code using import/export, import.meta, and other module‑specific changes.

CommonJSES ModulesModules
0 likes · 10 min read
Mastering Node.js ES Modules: From CommonJS to Native Imports
360 Tech Engineering
360 Tech Engineering
Mar 19, 2019 · Backend Development

Understanding Node.js ES Modules and CommonJS Interoperability

This article explains how Node.js supports ES modules since version 8.5, compares CommonJS and ES module loading behaviors, demonstrates interoperability techniques with code examples, and outlines the practical implications of using the experimental‑modules flag for backend development.

Backend DevelopmentCommonJSES Modules
0 likes · 8 min read
Understanding Node.js ES Modules and CommonJS Interoperability
JD Tech
JD Tech
Mar 5, 2019 · Frontend Development

Optimizing Taro H5 Bundle Size with Tree Shaking and ES Module Refactoring

This article explains how Taro's H5 build size was dramatically reduced by applying dead‑code elimination, configuring sideEffects, converting component and API packages to ES modules, and using webpack's tree‑shaking together with a custom Babel plugin to replace default imports with named imports.

Babel PluginES ModulesPerformance Optimization
0 likes · 11 min read
Optimizing Taro H5 Bundle Size with Tree Shaking and ES Module Refactoring