Tagged articles
45 articles
Page 1 of 1
21CTO
21CTO
Dec 7, 2024 · Frontend Development

What’s Shaping the Future of Frontend Development? Emerging Frameworks, AI, No‑Code, and More

This article explores the latest front‑end development trends—from emerging frameworks like Svelte and Solid, to AI‑powered interfaces, no‑code/low‑code platforms, progressive web apps, Web3/blockchain, micro‑frontend architecture, and immersive VR/AR—highlighting their impact on developers and businesses.

AIMicro FrontendsNo-code
0 likes · 13 min read
What’s Shaping the Future of Frontend Development? Emerging Frameworks, AI, No‑Code, and More
JD Cloud Developers
JD Cloud Developers
Dec 19, 2023 · Frontend Development

Mastering Offline Caching with Service Workers: A Deep Dive into PWA Strategies

This article explains how Progressive Web Apps use Service Workers to provide offline access, installability, push notifications, and responsive layouts, and it walks through registration, caching strategies, dynamic cache management, expiration handling, and practical code examples for robust offline experiences.

Cache StrategiesJavaScriptPWA
0 likes · 27 min read
Mastering Offline Caching with Service Workers: A Deep Dive into PWA Strategies
Goodme Frontend Team
Goodme Frontend Team
Sep 25, 2023 · Frontend Development

How We Built a Drag‑Drop Electronic Menu Builder with SVG & React

This article details the design and implementation of a customizable electronic menu system that evolved from static images to an H5‑based, SVG‑driven, React-powered solution, covering business requirements, technology selection, data binding, rendering, store isolation, and offline stability.

PWASVGfrontend
0 likes · 15 min read
How We Built a Drag‑Drop Electronic Menu Builder with SVG & React
Architects Research Society
Architects Research Society
Jul 21, 2022 · Mobile Development

Top Mobile App Development Trends for 2022‑2023

The article outlines the most influential mobile app development trends for 2022‑2023, including 5G adoption, AI and machine learning, AR/VR, blockchain, mobile commerce, progressive web apps, instant apps, beacon technology, and wearables, highlighting how each technology reshapes performance, user experience, and business opportunities.

5GAIAR/VR
0 likes · 6 min read
Top Mobile App Development Trends for 2022‑2023
Alibaba Terminal Technology
Alibaba Terminal Technology
May 18, 2022 · Frontend Development

How Alibaba Cloud Security Achieved Sub‑Second Front‑End Performance with PWA and PCP

Alibaba Cloud Security’s front‑end team tackled the “1‑second battle” by redefining performance with the PCP metric and leveraging PWA techniques—service workers, skeleton screens, aggressive code‑splitting, and micro‑frontend architecture—to shrink perceived load times from seconds to sub‑400 ms across eight products.

PCP metricPWAService Worker
0 likes · 9 min read
How Alibaba Cloud Security Achieved Sub‑Second Front‑End Performance with PWA and PCP
IT Services Circle
IT Services Circle
Apr 23, 2022 · Frontend Development

Progressive Web Apps (PWA) Overview, Implementation, and JavaScript Workers

This article provides a comprehensive overview of Progressive Web Apps (PWA), covering their concepts, benefits, real-world case studies, implementation steps with Service Workers, App Shell, manifest files, and related JavaScript workers such as Web Workers, Service Workers, and Worklets, while also discussing their development challenges and future prospects.

JavaScriptPWAProgressive Web App
0 likes · 22 min read
Progressive Web Apps (PWA) Overview, Implementation, and JavaScript Workers
21CTO
21CTO
Jan 16, 2022 · Frontend Development

Top Front-End Development Trends to Watch in 2022

This article explores the most popular front‑end development trends for 2022, covering JAMstack, progressive web apps, JavaScript dominance, single‑page sites, AI chatbots, Gatsby, and React, while explaining why these technologies are reshaping web user experiences.

2022 trendsGatsbyJamstack
0 likes · 7 min read
Top Front-End Development Trends to Watch in 2022
WeChat Client Technology Team
WeChat Client Technology Team
Jan 14, 2022 · Frontend Development

How a Chromium‑Based Framework Bridges Mini‑Programs and PWA for Faster, Safer Apps

This article explains the design of a new Chromium‑based mini‑program framework that decouples from the main client, adopts Web features, integrates Node for richer JS APIs, implements custom XWeb Workers and sandboxing, and extends to games and cross‑platform SDKs, delivering higher performance and lower memory usage.

ChromiumNode IntegrationPWA
0 likes · 13 min read
How a Chromium‑Based Framework Bridges Mini‑Programs and PWA for Faster, Safer Apps
Beike Product & Technology
Beike Product & Technology
Apr 30, 2021 · Frontend Development

Progressive Web Apps (PWA): An Overview

Progressive Web Apps (PWA) are web applications that leverage Service Workers and modern web technologies to deliver native-like functionality, including offline capabilities, push notifications, and home screen installation, enhancing user experience across devices.

Offline ApplicationsPWAProgressive Web Apps
0 likes · 9 min read
Progressive Web Apps (PWA): An Overview
21CTO
21CTO
Jan 31, 2021 · Frontend Development

Top Tech Jobs, Browser PWA Shifts, and New Open‑Source Tools: What’s Trending?

This roundup highlights Glassdoor’s 2020 job ranking with Java developers leading, Firefox’s decision to drop desktop PWA support, Edge’s new enterprise PWA features, Google’s MicroDroid minimal Android project, Twitter’s open‑source iOS text‑editor API, and Apache Superset’s rise as a premier data‑visualization platform.

Data visualizationPWAjob market
0 likes · 10 min read
Top Tech Jobs, Browser PWA Shifts, and New Open‑Source Tools: What’s Trending?
JavaScript
JavaScript
Jan 7, 2021 · Frontend Development

What Are the Top Web Development Trends Shaping 2021?

This article outlines the key 2021 web development trends—including Progressive Web Apps, dark‑mode UI, AI chatbots, single‑page sites, voice search, enhanced security, and cloud computing—explaining their benefits, industry adoption, and why developers must embrace them to stay competitive.

AI chatbotDark UIPWA
0 likes · 6 min read
What Are the Top Web Development Trends Shaping 2021?
21CTO
21CTO
Jan 2, 2021 · Frontend Development

7 Web Development Trends Shaping 2021: From PWA to AI Chatbots

According to recent data, over 1.74 billion websites exist worldwide, and in 2021 the web development landscape will be driven by seven key trends—including Progressive Web Apps, dark‑mode UI, AI‑powered chatbots, single‑page sites, voice search, heightened security, and expanding cloud computing—each reshaping user experience and development practices.

AI chatbotsPWAWeb Development
0 likes · 4 min read
7 Web Development Trends Shaping 2021: From PWA to AI Chatbots
ByteFE
ByteFE
Nov 19, 2020 · Frontend Development

Implementing a Progressive Web App (PWA) for Sharee Mobile: Features, Architecture, and Lessons Learned

This article explains the concept of Progressive Web Apps, compares them with native and traditional web apps, details the implementation of core PWA features such as App Manifest, Service Worker, caching strategies, push notifications, and Workbox best practices, and shares metrics, challenges, and solutions encountered during the Sharee mobile project.

JavaScriptPWAService Worker
0 likes · 28 min read
Implementing a Progressive Web App (PWA) for Sharee Mobile: Features, Architecture, and Lessons Learned
JD.com Experience Design Center
JD.com Experience Design Center
Aug 19, 2020 · Frontend Development

Revamping JD VSP: From Legacy PC UI to Modern Vue & TypeScript Architecture

This article details the comprehensive redesign of JD VSP's PC platform, covering the motivations for the overhaul, the adoption of Vue, TypeScript, Gaea scaffolding, Legao component library, performance enhancements with icon fonts and PWA caching, and the implementation of robust development tooling such as ESLint and code‑generation workflows.

Component LibraryESLintPWA
0 likes · 26 min read
Revamping JD VSP: From Legacy PC UI to Modern Vue & TypeScript Architecture
Taobao Frontend Technology
Taobao Frontend Technology
Jun 29, 2020 · Frontend Development

Inside Alibaba’s Front‑End Engine: Powering the 618 Mega‑Sale

This article outlines how Alibaba's Taobao front‑end team built a comprehensive engineering, architecture, and platform ecosystem—including Rax, ICE, PWA, and custom interactive tools—to ensure the 2020 618 e‑commerce promotion ran smoothly and delivered high performance, scalability, and innovative user experiences.

ICEPWARax
0 likes · 12 min read
Inside Alibaba’s Front‑End Engine: Powering the 618 Mega‑Sale
Taobao Frontend Technology
Taobao Frontend Technology
Jun 8, 2020 · Frontend Development

From PC to Mobile: Tracing the Evolution of Front-End Development

This article chronicles the decade‑long evolution of front‑end technology from early PC‑centric days through the rise of mobile front‑end, engineering practices, framework proliferation, hybrid solutions, and future trends like PWA and self‑drawing engines, highlighting key milestones and challenges.

HybridMobilePWA
0 likes · 15 min read
From PC to Mobile: Tracing the Evolution of Front-End Development
21CTO
21CTO
Feb 2, 2020 · Artificial Intelligence

Which 2020 Tech Trends Will Shape Your Development Career?

This article outlines the most influential technology trends for 2020—including AI, programming languages, frameworks, static hosting, SPAs, chatbots, PWA and WebAssembly—to help developers prioritize learning and project planning.

AIPWAWebAssembly
0 likes · 8 min read
Which 2020 Tech Trends Will Shape Your Development Career?
iQIYI Technical Product Team
iQIYI Technical Product Team
Dec 13, 2019 · Frontend Development

Progressive Web Apps (PWA) Overview, Service Worker Fundamentals, and iQiyi PC Implementation

The article explains Progressive Web Apps—offline‑capable, installable web apps built with Service Workers and a manifest.json—detailing their core qualities, installation requirements, and lifecycle, and showcases iQiyi’s PC PWA implementation that caches assets to speed loading, boosts user retention by 9%, and outlines future enhancements such as offline support and push notifications.

OfflinePWAService Worker
0 likes · 12 min read
Progressive Web Apps (PWA) Overview, Service Worker Fundamentals, and iQiyi PC Implementation
Taobao Frontend Technology
Taobao Frontend Technology
Dec 3, 2019 · Frontend Development

Boost Mobile Web Performance with Rax PWA: Fast Loading, No White‑Screen, Seamless Offline

The article introduces Rax PWA, a solution built on Rax 1.x that enables lightweight configuration of Progressive Web Apps, detailing SPA routing, code splitting, App Shell, skeleton screens, snapshot rendering, service‑worker caching, SSR support, and manifest generation to dramatically improve mobile web performance and user experience.

App ShellPWARax
0 likes · 12 min read
Boost Mobile Web Performance with Rax PWA: Fast Loading, No White‑Screen, Seamless Offline
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Sep 17, 2019 · Frontend Development

What Front‑End Trends Will Define Web Development After Google I/O?

The article reflects on the Google I/O theme of empowering developers, summarizing five key front‑end trends—including the stabilization of web technologies, native‑like web capabilities, the rise of TWA, shifts in native app confidence, and the accelerating productization of TensorFlow and ARCore—while offering a forward‑looking outlook for the industry.

Google I/OPWATWA
0 likes · 16 min read
What Front‑End Trends Will Define Web Development After Google I/O?
21CTO
21CTO
Aug 23, 2019 · Frontend Development

Which Programming Technologies Will Dominate 2020? A Trend Forecast

This article predicts the 2020 programming landscape, highlighting Rust's rise to mainstream, the continued growth of GraphQL, the surge of Progressive Web Apps, the bright future of Web Components, React's dominance, and JavaScript's decade-long reign, supported by data and industry observations.

GraphQLPWARust
0 likes · 8 min read
Which Programming Technologies Will Dominate 2020? A Trend Forecast
Youku Technology
Youku Technology
Jul 26, 2019 · Frontend Development

2019 Frontend Development Trends and Predictions – Summary by Alibaba Frontend Expert

In 2019 front‑end development, React, Vue and Angular stabilized and converged toward Web Components, while zero‑configuration stacks like Umi simplified tooling, PWAs matured, mini‑programs surged, TypeScript adoption accelerated, WebAssembly gained traction, and browsers evolved into universal runtime platforms across devices.

MobilePWATypeScript
0 likes · 25 min read
2019 Frontend Development Trends and Predictions – Summary by Alibaba Frontend Expert
JD Retail Technology
JD Retail Technology
Mar 27, 2019 · Frontend Development

Front‑End Optimization Strategies for JD PLUS Membership Project

This article details the front‑end performance improvements applied to JD's PLUS membership platform, covering architecture migration to Gaea 4.0, on‑demand Babel polyfill loading, PWA caching, request sequencing, skeleton screens, and modern image formats such as WebP and DPG.

PWAbabelfrontend
0 likes · 19 min read
Front‑End Optimization Strategies for JD PLUS Membership Project
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Mar 6, 2019 · Frontend Development

Boost Your Web App with PWA: From Service Workers to First‑Load Optimization

This article explains what a Progressive Web App (PWA) is, how Service Workers enable caching of static, dynamic, and HTML resources, and provides practical techniques such as precaching, offline‑package replacement, update strategies, and a webpack plugin to streamline integration for faster first‑screen loads.

CachePWAService Worker
0 likes · 12 min read
Boost Your Web App with PWA: From Service Workers to First‑Load Optimization
JD Tech
JD Tech
Feb 20, 2019 · Frontend Development

Performance Optimization Strategies for JD PLUS Membership Frontend: Architecture Upgrade, PWA, Babel Polyfill, Caching, and Image Formats

This article details the comprehensive front‑end performance improvements applied to the JD PLUS membership project, covering the migration to the Gaea4.0 webpack‑based scaffold, PWA offline caching, Babel 7 polyfill on‑demand loading, request and image optimizations, skeleton screens, and build‑time caching techniques to accelerate first‑screen rendering on mobile H5.

PWAbabelcaching
0 likes · 15 min read
Performance Optimization Strategies for JD PLUS Membership Frontend: Architecture Upgrade, PWA, Babel Polyfill, Caching, and Image Formats
UC Tech Team
UC Tech Team
Oct 18, 2018 · Frontend Development

New Developer Features in Chrome 70: PWA Support on Windows, Credential Management API, and Named Workers

Chrome 70 introduces several developer‑focused enhancements including Windows desktop support for Progressive Web Apps, added public‑key certificate support in the Credential Management API, and the ability to assign names to Web Workers, along with other updates such as Web Bluetooth and reporting APIs.

Chrome70PWAWeb Workers
0 likes · 5 min read
New Developer Features in Chrome 70: PWA Support on Windows, Credential Management API, and Named Workers
UC Tech Team
UC Tech Team
Oct 8, 2018 · Frontend Development

How to Build a PWA Game with Preact in Five Steps

This tutorial walks you through creating a fully functional progressive web app (PWA) game using Preact, covering functional requirements, UI design, routing, component implementation, game logic, offline support, and deployment in a clear, step‑by‑step manner.

JavaScriptPWAPreact
0 likes · 11 min read
How to Build a PWA Game with Preact in Five Steps
JD Retail Technology
JD Retail Technology
May 24, 2018 · Frontend Development

Understanding PWA Caching: Principles, Performance Benefits, and Strategies

This article explains why traditional H5 pages perform poorly compared to native apps, introduces Progressive Web Apps (PWA) as a solution, details how service workers enable offline caching, presents real‑world performance comparisons, and reviews common cache strategies such as cache‑first, network‑first, stale‑while‑revalidate, cache‑only, and network‑only.

Cache StrategiesPWAService Worker
0 likes · 7 min read
Understanding PWA Caching: Principles, Performance Benefits, and Strategies
Tencent Cloud Developer
Tencent Cloud Developer
May 23, 2018 · Frontend Development

Introduction and Quick‑Start Guide to VuePress

VuePress is a lightweight static site generator for technical documentation and blogs that offers responsive design, theme customization, Markdown with Vue components, PWA support, and easy navigation configuration, and can be quickly set up, built, and deployed via simple npm or Yarn scripts while handling common pitfalls such as asset placement and base‑path adjustments.

ConfigurationDeploymentDocumentation
0 likes · 8 min read
Introduction and Quick‑Start Guide to VuePress
360 Tech Engineering
360 Tech Engineering
Apr 28, 2018 · Backend Development

Weekly Tech Digest: Large‑Scale JavaScript Architecture, Secure Node.js Sandboxing, V8 Updates, and Cross‑Platform CRNWEB

This newsletter highlights design principles for massive JavaScript applications, secure sandboxing techniques for Node.js, the latest Node.js 10 and V8 6.6 features, WebAssembly debugging, and the CRNWEB framework enabling a single codebase across React‑Native, web, and PWA platforms.

JavaScriptNode.jsPWA
0 likes · 4 min read
Weekly Tech Digest: Large‑Scale JavaScript Architecture, Secure Node.js Sandboxing, V8 Updates, and Cross‑Platform CRNWEB
21CTO
21CTO
Mar 4, 2018 · Frontend Development

How to Keep Large SPAs Fast: 6 Proven Performance Strategies

This article explores the performance challenges of large Single Page Applications and presents six practical optimization techniques—including fast startup, route-based code splitting, shared bundle extraction, component preloading, ESM tree‑shaking, and PWA caching—to maintain a smooth user experience while keeping bundle sizes low.

Code SplittingPWAPerformance Optimization
0 likes · 7 min read
How to Keep Large SPAs Fast: 6 Proven Performance Strategies
Baidu Intelligent Testing
Baidu Intelligent Testing
Aug 9, 2017 · Frontend Development

Understanding Progressive Web Apps (PWA) and Mobile Web Performance

This article explains what Progressive Web Apps are, compares them with native apps, discusses mobile web usage trends in China, describes key PWA features, outlines testing tools like Lighthouse, and examines performance metrics that focus on user perception rather than traditional load events.

LighthouseMobile WebPWA
0 likes · 11 min read
Understanding Progressive Web Apps (PWA) and Mobile Web Performance
System Architect Go
System Architect Go
May 8, 2017 · Frontend Development

Recap of Ele.me Frontend Technology Conference: PWA, Collaboration, Dependency Monitoring, Vue, Flow, and More

The author recounts attending Ele.me's front‑end technology conference, summarizing seven sessions covering PWA implementation, evolving front‑back collaboration, dependency health monitoring, Vue usage, Flow and type theory, design perspectives on Element, and the exploration of a visual document editor, while sharing personal impressions.

Ele.meFlowPWA
0 likes · 6 min read
Recap of Ele.me Frontend Technology Conference: PWA, Collaboration, Dependency Monitoring, Vue, Flow, and More
Qunar Tech Salon
Qunar Tech Salon
Apr 23, 2017 · Frontend Development

Performance Optimizations in Twitter Lite: Code Splitting, Rendering, Images, Redux, and Service Workers

This article explains how Twitter Lite, one of the world’s largest React.js PWAs, eliminates a range of performance bottlenecks through route‑based code splitting, avoiding frame‑dropping functions, using smaller images, optimizing React lifecycle methods, improving Redux updates, and leveraging Service Workers for faster asset delivery.

Code SplittingPWAReact
0 likes · 19 min read
Performance Optimizations in Twitter Lite: Code Splitting, Rendering, Images, Redux, and Service Workers
Tencent Cloud Developer
Tencent Cloud Developer
Jan 16, 2017 · Frontend Development

Understanding WeChat Mini Program Architecture: From View Layer to App Service

This article examines the structure and development workflow of WeChat Mini Programs, covering their core characteristics, entry methods, the dual-layer architecture of View and App Service, language specifics like WXML and WXSS, component models, performance tricks, common pitfalls, and how the model relates to Progressive Web Apps.

App ServicePWAWXML
0 likes · 11 min read
Understanding WeChat Mini Program Architecture: From View Layer to App Service
Hujiang Technology
Hujiang Technology
Dec 27, 2016 · Frontend Development

Combining AMP and Progressive Web Apps: Strategies and Implementation

This article explains how Progressive Web Apps (PWAs) and Accelerated Mobile Pages (AMP) can be combined, compares their strengths and limitations, and provides practical integration patterns such as AMP-as-PWA, AMP-to-PWA, and AMP-in-PWA, including service‑worker setup and shadow‑DOM techniques.

AMPPWAService Worker
0 likes · 9 min read
Combining AMP and Progressive Web Apps: Strategies and Implementation