BestHub
Sign in
Tagged articles
9 articles
Page 1 of 1
Sohu Tech Products
Sohu Tech Products
Aug 16, 2023 · Frontend Development

Interface-Driven Frontend Development: Automating Code Generation with yapi-to-all

The article presents yapi-to-all, an interface‑driven tool that automatically generates TypeScript definitions, service functions with useRequest, and page templates from YAPI documentation, eliminating repetitive coding, improving project management and code quality, already producing over 50,000 lines across seven projects, with future AI‑enhanced extensions planned.

API ManagementTypeScriptYApi
0 likes · 13 min read
Interface-Driven Frontend Development: Automating Code Generation with yapi-to-all
vivo Internet Technology
vivo Internet Technology
Aug 24, 2022 · Frontend Development

Applying Self-Attention Based Machine Learning Model to Design-to-Code Layout Prediction

Vivo’s frontend team built a self‑attention‑based machine‑learning model that predicts web‑page layout types (column, row, or absolute) from node dimensions and positions, solving parent‑child and sibling relationships for design‑to‑code conversion, achieving 99.4% accuracy using over 20 k labeled, crawled, and generated samples, while outlining further enhancements.

D2CNeural NetworkSelf-Attention
0 likes · 11 min read
Applying Self-Attention Based Machine Learning Model to Design-to-Code Layout Prediction
Tencent Cloud Developer
Tencent Cloud Developer
Jun 15, 2022 · Frontend Development

Webpack Core Principles and Code Splitting: From CommonsChunkPlugin to SplitChunksPlugin

Covering webpack’s evolution from early module systems to modern code‑splitting, the article explains core concepts—entries, loaders, plugins, and chunks—then contrasts the deprecated CommonsChunkPlugin with the heuristic‑driven SplitChunksPlugin, offering configuration tips and best practices for efficient vendor, async, and route‑based bundling.

Build OptimizationCode Splittingcommons-chunk-plugin
0 likes · 21 min read
Webpack Core Principles and Code Splitting: From CommonsChunkPlugin to SplitChunksPlugin
Shopee Tech Team
Shopee Tech Team
Nov 4, 2021 · Frontend Development

Web User Experience Design Improvement Practices (Part 2): Interaction Design and Accessibility

The article offers a hands‑on guide, drawn from the Shopee WMS rebuild, that improves web user‑experience by optimizing interaction design—applying “Don’t Make Me Think,” appropriate cursor cues, expanded click zones, selective text‑selection, semantic navigation links, and system‑font stacks—and by enforcing accessibility standards such as WCAG contrast ratios, focus‑visible styling, and WAI‑ARIA roles and attributes.

CSSInteraction DesignWAI-ARIA
0 likes · 28 min read
Web User Experience Design Improvement Practices (Part 2): Interaction Design and Accessibility
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Oct 22, 2020 · Frontend Development

Implementation of Micro-Frontends with Qiankun in Live Streaming Platform

The LOOK live‑streaming admin console, a 250‑page monolith built on Regularjs, was refactored into independent React micro‑frontends using the qiankun framework, allowing separate deployment of sub‑apps while preserving the original URL, and introducing shared dependency management across the legacy and new stacks.

Micro Frontendsfrontend-developmentimplementation
0 likes · 20 min read
Implementation of Micro-Frontends with Qiankun in Live Streaming Platform