Taobao Frontend Technology
Author

Taobao Frontend Technology

The frontend landscape is constantly evolving, with rapid innovations across familiar languages. Like us, your understanding of the frontend is continually refreshed. Join us on Taobao, a vibrant, all‑encompassing platform, to uncover limitless potential.

336
Articles
0
Likes
490
Views
0
Comments
Recent Articles

Latest from Taobao Frontend Technology

100 recent articles max
Taobao Frontend Technology
Taobao Frontend Technology
Aug 26, 2021 · Frontend Development

How Kraken Leverages Flutter to Build a High‑Performance Web Rendering Engine

This article introduces Kraken, a high‑performance, Flutter‑based web rendering engine, detailing its technical background, architecture, bridge implementations, key performance optimizations, extended widget support, and debugging tools, while comparing its rendering flow with traditional WebView and Flutter pipelines.

BridgeFFIFlutter
0 likes · 17 min read
How Kraken Leverages Flutter to Build a High‑Performance Web Rendering Engine
Taobao Frontend Technology
Taobao Frontend Technology
Aug 25, 2021 · Frontend Development

How Stage-Based Code Review Transforms Large Frontend Changes

This article explains the design, implementation, and data‑driven evaluation of a staged code‑review workflow for large frontend changes, highlights limitations of the current system, and proposes an improved process that lets developers drive stage creation, reducing reviewer overload and enhancing code quality.

code reviewdevelopment workflowsoftware engineering
0 likes · 9 min read
How Stage-Based Code Review Transforms Large Frontend Changes
Taobao Frontend Technology
Taobao Frontend Technology
Aug 24, 2021 · Frontend Development

Boosting Frontend Code Review Quality: Lessons from Alibaba’s DEF Platform

This article examines the quality challenges of Alibaba's DEF frontend code review system, identifies issues such as short review times, low comment rates, and oversized changes, and proposes practical solutions including staged reviews, better notifications, comment defect tagging, reviewer recommendation, and static analysis integration.

AutomationReview Processcode review
0 likes · 16 min read
Boosting Frontend Code Review Quality: Lessons from Alibaba’s DEF Platform
Taobao Frontend Technology
Taobao Frontend Technology
Aug 20, 2021 · Frontend Development

How to Measure and Improve Front‑End Code Review Quality: Metrics, Insights, and Best Practices

This article examines the evolution of code review, defines key quality metrics such as LOC, inspection time, defect count, and derived rates, analyzes data from CodeCollaborator and Alibaba’s DEF platform, and offers actionable insights to enhance front‑end code review effectiveness.

Data AnalysisQuality Metricscode review
0 likes · 15 min read
How to Measure and Improve Front‑End Code Review Quality: Metrics, Insights, and Best Practices
Taobao Frontend Technology
Taobao Frontend Technology
Aug 18, 2021 · Frontend Development

How VS Code Achieves Lightning‑Fast Startup: Front‑End Performance Secrets

This article summarizes the CovalenceConf 2019 talk on VS Code’s startup performance, detailing measurement practices, code‑size reductions, lifecycle re‑ordering, V8 code caching, requestIdleCallback usage, and perceived‑performance tricks that together shrink launch time from seconds to under one second.

ElectronJavaScriptPerformance optimization
0 likes · 17 min read
How VS Code Achieves Lightning‑Fast Startup: Front‑End Performance Secrets
Taobao Frontend Technology
Taobao Frontend Technology
Aug 17, 2021 · Frontend Development

Build Interactive Slides with JavaScript Using Reveal.js

This tutorial shows how to use the web‑based library reveal.js to create interactive slide decks with JavaScript, covering cloning the repository, setting up a simple HTML file, running a local server, using markdown, themes, math formulas, code highlighting, background images, and exporting to PDF.

Markdownreveal.jsslide deck
0 likes · 14 min read
Build Interactive Slides with JavaScript Using Reveal.js
Taobao Frontend Technology
Taobao Frontend Technology
Aug 16, 2021 · Frontend Development

Latest Frontend Releases: Next.js 11.1, Vue 3.2, and Cutting‑Edge Open‑Source Tools

This roundup highlights the Next.js 11.1 and Vue 3.2 releases with their new features and performance boosts, introduces several emerging open‑source projects such as quickjs‑rs, MDX, mdast, Puerts, wasm‑pack, instant.page and txiki.js, and summarizes practical articles on one‑click dark‑mode support and dramatically shrinking Next.js bundle size.

Next.jsRustVue
0 likes · 8 min read
Latest Frontend Releases: Next.js 11.1, Vue 3.2, and Cutting‑Edge Open‑Source Tools
Taobao Frontend Technology
Taobao Frontend Technology
Aug 12, 2021 · Backend Development

Midway 2.0 Unveiled: Key Features and Performance Boosts for Node.js Developers

Midway 2.0 introduces a runtime‑based Hook system, removes compiler constraints, enables faster startup under 2 seconds, supports code reuse, new middleware models, flexible configuration via midway.config.ts, enhanced testing utilities, and broader deployment scenarios including web servers, all backed by open‑source Vite and Prisma integrations.

ConfigurationMidwayNode.js
0 likes · 12 min read
Midway 2.0 Unveiled: Key Features and Performance Boosts for Node.js Developers
Taobao Frontend Technology
Taobao Frontend Technology
Aug 10, 2021 · Frontend Development

Optimizing Video Thumbnail Selection: Canvas vs FFmpeg WebAssembly

This article examines how Taobao's front‑end team built a custom video frame‑capture tool, compares video+canvas with FFmpeg‑WebAssembly approaches, presents testing results, implementation details, and future optimizations to improve thumbnail selection efficiency and user experience.

CanvasVideo processingWebAssembly
0 likes · 5 min read
Optimizing Video Thumbnail Selection: Canvas vs FFmpeg WebAssembly