ES6 | BestHub

Rare Earth Juejin Tech Community

Jun 6, 2024 · Frontend Development

Common JavaScript Pitfalls and Best Practices for Frontend Development

This article examines frequent JavaScript errors such as improper data handling, unsafe destructuring, unreliable default values, misuse of array methods, object method calls, async/await error handling, JSON parsing, mutable references, concurrent async operations, and over‑defensive coding, and provides concise ES6‑compatible refactorings to prevent white‑screen crashes and improve robustness.

ES6JavaScriptbest practices

0 likes · 10 min read

Common JavaScript Pitfalls and Best Practices for Frontend Development

Architecture Digest

Jun 2, 2024 · Fundamentals

Understanding Unicode, UTF-16, and String Length Issues in JavaScript

This article explains why JavaScript string length behaves unexpectedly with Unicode characters, describes UTF‑16 encoding and surrogate pairs, and demonstrates ES6 techniques such as for‑of loops, spread syntax, the u regex flag, codePointAt, and normalize to handle Unicode correctly.

ES6JavaScriptUTF-16

0 likes · 7 min read

Understanding Unicode, UTF-16, and String Length Issues in JavaScript

Rare Earth Juejin Tech Community

Feb 5, 2024 · Frontend Development

Lesser‑Known but Useful ES6 Features and Techniques

This article introduces several relatively obscure yet practical ES6 features—including Object.entries/Object.fromEntries, Symbol, WeakMap/WeakSet, Promise.allSettled, BigInt, Array.of/Array.from, and the .at and flat methods—explaining their purpose and providing code examples for each.

BIGINTES6JavaScript

0 likes · 8 min read

Lesser‑Known but Useful ES6 Features and Techniques

Sohu Tech Products

Dec 6, 2023 · Fundamentals

Understanding JavaScript Constructors, Prototypes, Classes, and Inheritance

The article thoroughly explains JavaScript constructors, prototype chains, the this binding, and ES6 class syntax, showing how functions become constructors with new, how prototypes link objects, custom new/instanceof implementations, and various inheritance patterns—including parasitic combination inheritance realized by class extends and super.

ES6JavaScriptPrototype

0 likes · 22 min read

Understanding JavaScript Constructors, Prototypes, Classes, and Inheritance

ByteFE

Aug 16, 2023 · Frontend Development

Evolution of Frontend Module Systems and Major Module Specifications

This article traces the history of frontend modularization from early global‑function scripts through IIFE, CommonJS, ES6 modules, AMD and CMD, explaining why modularization is needed, how each approach works, their drawbacks, and the key features of each specification.

AMDCMDCommonJS

0 likes · 14 min read

Evolution of Frontend Module Systems and Major Module Specifications

Rare Earth Juejin Tech Community

Sep 30, 2022 · Frontend Development

Enhanced ES‑Check Implementation with Multi‑File Detection, HTML Support, and SourceMap Parsing

This article examines existing ES‑check tools, compares community and mpx implementations, and presents a comprehensive enhanced version that supports multi‑file detection, HTML parsing, source‑map resolution, and both CLI and library usage, detailing its underlying principles, code examples, and practical advantages for frontend development.

BabelCompatibilityES6

0 likes · 20 min read

Enhanced ES‑Check Implementation with Multi‑File Detection, HTML Support, and SourceMap Parsing

Sohu Tech Products

Aug 3, 2022 · Frontend Development

Comprehensive ES6 Knowledge Q&A Summary

This article provides a detailed question‑and‑answer overview of ES6, covering its definition, differences from ES5/ES2015, Babel, let, string/array/number/Object enhancements, new data structures like Symbol, Set, Map, Proxy, Reflect, Promise, Iterator, generators, async/await, classes, modules, and practical coding recommendations for modern front‑end development.

ES6JavaScriptWeb Development

0 likes · 21 min read

php中文网 Courses

Jul 20, 2022 · Frontend Development

20 Essential JavaScript Hacks and Tricks

This article presents a curated list of twenty practical JavaScript hacks—including array initialization, sorting, logical operators, spread/rest, optional chaining, and more—demonstrating how modern ES6+ features can reduce code size, boost performance, and simplify common programming tasks.

ES6JavaScriptProgramming Tips

0 likes · 3 min read

20 Essential JavaScript Hacks and Tricks

php中文网 Courses

Apr 29, 2022 · Frontend Development

20 Commonly Used ES6 Techniques for Frontend Development

This article presents twenty practical ES6 tricks—including array shuffling, character filtering, string reversal, numeric base conversion, object merging, strict vs. loose equality, destructuring, variable swapping, palindrome checking, optional chaining, ternary operator, random selection, object freezing, duplicate removal, decimal precision, array clearing, color conversion, min‑max extraction, nullish coalescing, and false‑value filtering—each illustrated with concise code examples.

CodingTipsES6JavaScript

0 likes · 4 min read

20 Commonly Used ES6 Techniques for Frontend Development

Sohu Tech Products

Apr 27, 2022 · Frontend Development

Progressive Optimization Journey of a WeChat Mini Program

This article chronicles the step‑by‑step optimization of a WeChat mini‑program, covering native stack choices, ES6+ adoption, modular architecture, versioning, code formatting, request abstraction, UI component migration, ESLint, unit testing, routing, environment handling, Gulp workflow, CSS variables, and sub‑package strategies.

ES6ESLintGulp

0 likes · 34 min read

Progressive Optimization Journey of a WeChat Mini Program

php中文网 Courses

Apr 14, 2022 · Frontend Development

Common ES6 Pitfalls and Improvements: A Leader’s Code Review Rants

The article presents a series of JavaScript ES6 code‑review critiques, explaining why older ES5 patterns are problematic and demonstrating modern ES6 alternatives such as destructuring, spread operators, template literals, optional chaining, async/await, and array methods with clear code examples.

Array MethodsAsync/AwaitCode Review

0 likes · 8 min read

Common ES6 Pitfalls and Improvements: A Leader’s Code Review Rants

TAL Education Technology

Feb 24, 2022 · Frontend Development

Optimizing JavaScript Code with ES6 Features: Destructuring, Array Merging, Includes, Optional Chaining, and Flattening

This article demonstrates how to modernize and simplify JavaScript code by applying ES6 techniques such as object destructuring, Set‑based array deduplication, includes() for condition checks, optional chaining for safe property access, and array flattening methods, improving readability and maintainability.

Array MethodsDestructuringES6

0 likes · 8 min read

Optimizing JavaScript Code with ES6 Features: Destructuring, Array Merging, Includes, Optional Chaining, and Flattening

ByteFE

Jan 26, 2021 · Frontend Development

A Comprehensive Guide to JavaScript Type Checking: Methods, Limitations, and Best Practices

This comprehensive guide examines JavaScript type-checking mechanisms such as typeof, instanceof, constructor, Array.isArray, and Object.prototype.toString, detailing their underlying principles, cross-realm limitations, prototype chain behaviors, and optimal implementation strategies for reliable frontend development.

Cross-RealmES6JavaScript

0 likes · 10 min read

A Comprehensive Guide to JavaScript Type Checking: Methods, Limitations, and Best Practices

Beike Product & Technology

Dec 3, 2020 · Frontend Development

JavaScript Code Optimization: Common Pitfalls and Best Practices

This document identifies common JavaScript code pitfalls, such as inefficient array methods and complex conditionals, and provides best practices for improving code readability and maintainability through modern JavaScript techniques and tools.

Code readabilityES6JavaScript

0 likes · 7 min read

JavaScript Code Optimization: Common Pitfalls and Best Practices

Sohu Tech Products

Nov 4, 2020 · Frontend Development

24 Modern ES6 Code Snippets to Solve Practical JavaScript Problems

This article presents a curated collection of 24 practical ES6 code snippets that address common front‑end challenges such as DOM manipulation, event handling, network requests, timing utilities, and file system operations, providing ready‑to‑use solutions for developers.

DOMES6JavaScript

0 likes · 12 min read

24 Modern ES6 Code Snippets to Solve Practical JavaScript Problems

Fulu Network R&D Team

Oct 22, 2020 · Frontend Development

Frontend Technology Stack and Project Structure Guide for React‑Based Merchant Applications

This article introduces the essential frontend technology stack—including React, Webpack, Ant Design, DVA, ES6, and Axios—explains the typical project directory layout, walks through source code organization, and provides practical steps and tips for building merchant‑side applications with a React‑DVA architecture.

Ant DesignAxiosDVA

0 likes · 15 min read

Frontend Technology Stack and Project Structure Guide for React‑Based Merchant Applications

vivo Internet Technology

Jul 15, 2020 · Frontend Development

Babel: JavaScript Compiler – History, Usage, and Advanced Configuration

Babel, originally 6to5, is a JavaScript compiler that transforms modern ES6+ code into browser‑compatible JavaScript using a parser, plugins, and presets like @babel/preset‑env, with configurable polyfill strategies and runtime helpers, enabling developers to target older environments via a simple CLI workflow.

BabelES6JavaScript

0 likes · 21 min read

Babel: JavaScript Compiler – History, Usage, and Advanced Configuration

vivo Internet Technology

Jun 29, 2020 · Frontend Development

Understanding CommonJS and Front-End Module Systems

The article traces JavaScript’s module evolution from inline scripts to CommonJS’s file‑scoped exports and require system, explains its minimal bundler implementation, compares AMD and CMD alternatives, and finally introduces native ES6 import/export syntax, highlighting key differences and the gradual deprecation of CommonJS.

AMDCommonJSES6

0 likes · 21 min read

Understanding CommonJS and Front-End Module Systems

360 Quality & Efficiency

May 22, 2020 · Frontend Development

Front-End Optimization Techniques: ES6 Syntax, JavaScript Array Methods, and CSS Performance Tips

This article presents practical front‑end optimization strategies, covering ES6 syntax shortcuts, efficient JavaScript array operations, careful use of closures and timers, as well as CSS tricks like sprites, animation, and avoiding repaint/reflow to improve website performance and cross‑browser compatibility.

CSSES6JavaScript

0 likes · 6 min read

Front-End Optimization Techniques: ES6 Syntax, JavaScript Array Methods, and CSS Performance Tips

Sohu Tech Products

Feb 26, 2020 · Frontend Development

Comprehensive Guide to JavaScript Inheritance Types and Their Usage

This article provides a thorough overview of JavaScript inheritance mechanisms—including prototype chain, constructor stealing, combination, parasitic, and ES6 class inheritance—detailing their implementations, advantages, drawbacks, and practical usage with clear code examples and best‑practice recommendations.

ES5ES6JavaScript

0 likes · 12 min read

Comprehensive Guide to JavaScript Inheritance Types and Their Usage