BestHub
Sign in
MaoDou Frontend Team
Author

MaoDou Frontend Team

Open-source, innovative, collaborative, win‑win – sharing frontend tech and shaping its future.

38
Articles
0
Likes
35
Views
0
Comments
Recent Articles

Latest from MaoDou Frontend Team

38 recent articles
MaoDou Frontend Team
MaoDou Frontend Team
Sep 16, 2019 · Frontend Development

Why Do Chrome and Firefox Sort Arrays Differently? Uncovering Their Algorithms

Although both browsers receive identical data, Chrome and Firefox display sorted results differently due to their distinct underlying sorting algorithms—Firefox uses merge sort while Chrome employs a hybrid of insertion and quick sort—this article explains the issue, demonstrates implementations, and compares performance and optimization techniques.

JavaScriptPerformanceSorting Algorithms
0 likes · 8 min read
Why Do Chrome and Firefox Sort Arrays Differently? Uncovering Their Algorithms
MaoDou Frontend Team
MaoDou Frontend Team
Sep 12, 2019 · Frontend Development

How to Supercharge Front-End Performance: From DNS to Rendering

This guide walks through front‑end performance optimization, covering DNS resolution, TCP connection, HTTP request/response, server response techniques like compression and CDN, and browser rendering improvements such as reducing reflows, using lazy loading, and best practices to shrink request time and improve perceived speed.

DNSLazy LoadingRendering
0 likes · 7 min read
How to Supercharge Front-End Performance: From DNS to Rendering
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
MaoDou Frontend Team
MaoDou Frontend Team
Aug 26, 2019 · Frontend Development

4 Effective Ways to Solve Cross-Origin Issues in Local Development

This article explains what cross‑origin requests are and presents four practical solutions—webpack proxyTable, SwitchHosts, Uuaper, and Nginx—detailing configuration steps, common pitfalls, and code examples to help developers overcome CORS problems during local development.

CORSCross-OriginDevelopment
0 likes · 5 min read
4 Effective Ways to Solve Cross-Origin Issues in Local Development
MaoDou Frontend Team
MaoDou Frontend Team
Aug 12, 2019 · Frontend Development

Convert Vue Pages to PDF with html2canvas and jsPDF

Learn how to create a Vue plugin that captures a page with html2canvas and generates a PDF using jsPDF, covering required dependencies, plugin implementation, installation steps, and usage example to export dynamic table content as a PDF file.

Vuefrontendhtml2canvas
0 likes · 7 min read
Convert Vue Pages to PDF with html2canvas and jsPDF
MaoDou Frontend Team
MaoDou Frontend Team
Jul 18, 2019 · Fundamentals

Boost Your Coding Efficiency: Master Fundamentals and Smart Time Management

The article shares practical strategies for programmers to boost efficiency, emphasizing solid fundamentals, thorough documentation reading, thoughtful planning with sketches, disciplined task lists, regular reflection, focused work sessions, healthy sleep and exercise, and dedicated learning time to overcome common productivity anxieties.

DebuggingTask Planningproductivity
0 likes · 7 min read
Boost Your Coding Efficiency: Master Fundamentals and Smart Time Management
MaoDou Frontend Team
MaoDou Frontend Team
Jul 3, 2019 · Frontend Development

How to Achieve True 1px Borders on High‑DPI Mobile Screens

This article explains why 1 px borders appear thick on high‑resolution mobile devices, explores the role of devicePixelRatio, and presents five practical solutions—including iOS 0.5 px borders, border‑image, box‑shadow, pseudo‑elements, and viewport scaling—along with their pros, cons, and common pitfalls.

1px borderdevicePixelRatiofrontend development
0 likes · 11 min read
How to Achieve True 1px Borders on High‑DPI Mobile Screens
MaoDou Frontend Team
MaoDou Frontend Team
Jul 2, 2019 · Frontend Development

Mastering JavaScript Promises: Event Loop, Tasks, and Advanced Patterns

This article explains JavaScript’s event mechanism, distinguishes macro‑ and micro‑tasks, and provides a comprehensive guide to using Promises—including their states, API methods like then, catch, finally, and utilities such as all, race, with practical code examples and common pitfalls.

AsyncEvent LoopJavaScript
0 likes · 12 min read
Mastering JavaScript Promises: Event Loop, Tasks, and Advanced Patterns
MaoDou Frontend Team
MaoDou Frontend Team
Jul 1, 2019 · Fundamentals

Mastering the Template Method Pattern with Real-World Soup Recipes in JavaScript

This article explains the Template Method design pattern, illustrates it with real-world soup recipes, provides JavaScript code simulations for both abstract and concrete classes, compares the processes, and discusses abstract class limitations in JavaScript, offering a clear guide to implementing the pattern.

Design PatternJavaScriptObject-Oriented Programming
0 likes · 11 min read
Mastering the Template Method Pattern with Real-World Soup Recipes in JavaScript