BestHub
Sign in
Tagged articles

frontend development

802 articles · Page 8 of 9
Tencent Cloud Developer
Tencent Cloud Developer
Sep 5, 2018 · Frontend Development

Developing WeChat Mini Programs with Tencent Cloud Serverless Functions

This guide walks developers through creating a WeChat Mini Program using Tencent Cloud's Serverless Cloud Functions, covering IDE installation, project configuration, cloud environment setup, file upload, cloud‑function development, and invoking functions from the Mini Program, enabling a fully serverless backend without traditional servers.

Cloud FunctionsJavaScriptTencent Cloud
0 likes · 10 min read
Developing WeChat Mini Programs with Tencent Cloud Serverless Functions
AutoHome Frontend
AutoHome Frontend
Sep 4, 2018 · Frontend Development

Unlocking Device Sensors in the Browser: A Practical Guide to the Generic Sensor API

This article explains why a unified Generic Sensor API is needed, lists the sensors it supports, and provides step‑by‑step JavaScript examples for creating, configuring, and using sensors such as gyroscope, accelerometer, ambient light, magnetometer, and composite orientation sensors, while also covering privacy considerations and future extensions.

Device APIsGeneric Sensor APIJavaScript
0 likes · 19 min read
Unlocking Device Sensors in the Browser: A Practical Guide to the Generic Sensor API
DevOps
DevOps
Aug 31, 2018 · Frontend Development

Integrating Vue.js with ASP.NET Core: A Step-by-Step Guide

This article walks through setting up a .NET Core project, initializing a Vue.js application with vue‑cli, configuring webpack to output to wwwroot, and automating front‑end builds within the .NET Core build process, enabling seamless front‑end and back‑end integration.

ASP.NET CoreBackend IntegrationVue.js
0 likes · 7 min read
Integrating Vue.js with ASP.NET Core: A Step-by-Step Guide
Xianyu Technology
Xianyu Technology
Aug 23, 2018 · Backend Development

Data Aggregation and GraphQL Adoption at Xianyu: Improving Development Efficiency

Xianyu introduced a lightweight data‑aggregation service and adopted Alibaba’s TQL GraphQL gateway, allowing front‑ends to fetch multiple domain data in a single request, which cut development costs by over 50%, reduced latency, and accelerated page composition across more than 30 pages.

Backend DevelopmentGraphQLPerformance Optimization
0 likes · 11 min read
Data Aggregation and GraphQL Adoption at Xianyu: Improving Development Efficiency
Youzan Coder
Youzan Coder
Jul 6, 2018 · Frontend Development

Reactive Programming in Frontend: EventEmitter, Redux, and Mobx

The article contrasts push‑based reactive programming with imperative code, then walks through a simple EventEmitter with manual cleanup, examines Redux’s store subscriptions and middleware overhead, explores Mobx’s automatic dependency tracking via getters, setters and autorun, and compares the boilerplate, performance, and hidden‑dependency trade‑offs before previewing a future post on using Observables for asynchronous events.

EventEmitterMobXReactive Programming
0 likes · 6 min read
Reactive Programming in Frontend: EventEmitter, Redux, and Mobx
Alibaba Cloud Developer
Alibaba Cloud Developer
Jun 21, 2018 · Frontend Development

Turning an Annual Meeting into a Live 3D Smiling Planet: Alibaba’s Face‑Check‑In System

Alibaba engineers created a two‑week “smile check‑in” system that uses facial recognition and Three.js to turn annual meeting entrances into an interactive 3D “smile planet,” displaying participants’ avatars, nicknames and smile scores in real time while optimizing performance for large‑screen displays.

H5 AnimationPerformance OptimizationThree.js
0 likes · 11 min read
Turning an Annual Meeting into a Live 3D Smiling Planet: Alibaba’s Face‑Check‑In System
Hulu Beijing
Hulu Beijing
Jun 14, 2018 · Frontend Development

What Hulu Learned from Evolving Their React Framework: Insights and Pitfalls

In this interview, Hulu senior engineer Cheng Mo shares how the company transitioned from jQuery and Backbone to React, discusses the challenges of server‑side rendering, offers practical advice on framework selection, learning curves, React's future, and tips for front‑end developers preparing for interviews.

Developer AdviceFramework MigrationReAct
0 likes · 7 min read
What Hulu Learned from Evolving Their React Framework: Insights and Pitfalls
Node Underground
Node Underground
Jun 4, 2018 · Frontend Development

Master Modern JavaScript: Dive into ECMAScript 6 with Zakas’s Free Online Guide

Nicolas C. Zakas, renowned JavaScript expert and creator of ESLint, offers his comprehensive, open‑source online version of the published book *Understanding ECMAScript 6*, which explains ES6 syntax, new features, and their rationale compared to ES5, making it essential reading for any JavaScript developer.

ECMAScript6es6frontend development
0 likes · 2 min read
Master Modern JavaScript: Dive into ECMAScript 6 with Zakas’s Free Online Guide
Tencent TDS Service
Tencent TDS Service
May 10, 2018 · Frontend Development

How Tencent Dajia Mini‑Program Boosts Mobile Content Aggregation and User Engagement

The article details the design, features, and technical implementation of the Tencent Dajia WeChat mini‑program, explaining how it aggregates high‑quality Chinese internet content, supports multi‑device data sharing, author and column management, user login, collection, sharing, commenting, and analytics, while providing practical code snippets and development tips for front‑end engineers.

Tencent DajiaWeChat mini-programcontent aggregation
0 likes · 35 min read
How Tencent Dajia Mini‑Program Boosts Mobile Content Aggregation and User Engagement
Qunar Tech Salon
Qunar Tech Salon
Apr 24, 2018 · Frontend Development

Generating Design Assets with React‑Sketchapp: A Practical Guide

This article introduces the React‑Sketchapp tool for generating Sketch design assets from code, explains why code‑based design generation is beneficial, provides step‑by‑step setup commands, showcases example components and API usage, and reflects on its impact on design‑development workflows.

Code GenerationUI Componentsdesign systems
0 likes · 9 min read
Generating Design Assets with React‑Sketchapp: A Practical Guide
360 Tech Engineering
360 Tech Engineering
Mar 30, 2018 · Frontend Development

WeChat Mini Programs and Fast Apps: Market Landscape, Technical Architecture, and Development Practices

This article examines the rapid rise of WeChat mini programs and fast apps, their market impact, technical architecture, development workflow, key frameworks such as WePY and mpVue, code examples, and the opportunities and challenges they present for front‑end developers on mobile platforms.

Mobile WebWeChat mini-programfast app
0 likes · 16 min read
WeChat Mini Programs and Fast Apps: Market Landscape, Technical Architecture, and Development Practices
JD Tech
JD Tech
Mar 27, 2018 · Frontend Development

Quick App Introduction and Hands‑On Development Guide

This article introduces the Quick App platform, explains its front‑end‑based architecture, provides a step‑by‑step Windows setup and project initialization guide, showcases UI layout and JavaScript code examples, compares it with Mini‑Programs and JDReact, and offers resources for developers interested in rapid, install‑free mobile app development.

JavaScriptMobile DevelopmentQuick App
0 likes · 8 min read
Quick App Introduction and Hands‑On Development Guide
JD Retail Technology
JD Retail Technology
Mar 27, 2018 · Frontend Development

Master Quick Apps: From Architecture to Hands‑On Development

This guide introduces Quick Apps, explains their front‑end‑centric architecture, walks through environment setup, project initialization, UI layout, JavaScript logic, debugging, deep linking, and compares Quick Apps with WeChat Mini‑Programs and JDReact, providing practical code snippets and tips for Android developers.

JDReactJavaScriptMobile Development
0 likes · 11 min read
Master Quick Apps: From Architecture to Hands‑On Development
JD Tech
JD Tech
Mar 26, 2018 · Frontend Development

JSSDK: A Frontend Development Toolkit for JD App Integration

JSSDK is a JavaScript SDK that enables H5 developers to quickly integrate JD app features such as sharing, deep linking, and native function calls across platforms, offering modular, version‑compatible, and type‑safe APIs to streamline mobile web development.

H5JSSDKJavaScript
0 likes · 7 min read
JSSDK: A Frontend Development Toolkit for JD App Integration
JD Tech
JD Tech
Mar 23, 2018 · Frontend Development

Guide to Custom Component Development in WeChat Mini Programs

This article explains how to build lightweight, reusable custom components in WeChat Mini Programs, covering the evolution from basic template imports to full‑featured custom components, the differences between import and include methods, component configuration, event handling, and popular third‑party frameworks such as WePY and mpvue.

ComponentizationWXMLWeChat mini-program
0 likes · 10 min read
Guide to Custom Component Development in WeChat Mini Programs
Java Backend Technology
Java Backend Technology
Jan 29, 2018 · Frontend Development

Boost Your Coding Efficiency with Must‑Have Chrome Extensions

Discover a curated list of powerful Chrome extensions that can dramatically improve developers' productivity, from memory‑saving tab managers to ad blockers, code viewers, note‑taking tools, HTTP clients, translation aids, script managers, visual themes, and video downloaders.

Chrome extensionsfrontend developmentproductivity
0 likes · 7 min read
Boost Your Coding Efficiency with Must‑Have Chrome Extensions
Architecture Digest
Architecture Digest
Jan 11, 2018 · Frontend Development

Building a React Project Structure from Scratch: A Comprehensive Guide

This article walks through creating a React application without scaffolding tools, detailing project directory layout, chosen technology stack—including React, Redux, Immutable.js, react-router, redux-saga, and related debugging and persistence utilities—while explaining component design, middleware, enhancers, routing, and asynchronous task management.

JavaScriptReActRedux
0 likes · 33 min read
Building a React Project Structure from Scratch: A Comprehensive Guide
21CTO
21CTO
Dec 22, 2017 · Frontend Development

Choosing the Right JavaScript Framework: Strengths, Weaknesses, and Future Outlook

This article reviews a series of JavaScript web‑framework comparisons, outlining why using a framework matters, summarizing the pros, cons, and future directions of Angular 2+, React + Redux, Vue.js, Dojo 2, Ember, and Aurelia to help developers and teams make informed choices.

AngularJavaScriptReAct
0 likes · 19 min read
Choosing the Right JavaScript Framework: Strengths, Weaknesses, and Future Outlook
Hujiang Technology
Hujiang Technology
Dec 20, 2017 · Frontend Development

Understanding WeChat Mini Programs: Runtime, Promise Wrapping, Componentization, and Redux Integration

This article explains the differences between WeChat Mini Programs and H5, details the custom runtime environment, demonstrates performance differences, shows how to wrap callback‑based APIs with Promises, introduces component‑based development, and integrates Redux for state management with code examples.

ComponentizationPromiseRedux
0 likes · 14 min read
Understanding WeChat Mini Programs: Runtime, Promise Wrapping, Componentization, and Redux Integration
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Dec 10, 2017 · Frontend Development

Build Powerful Chrome Extensions: From Basics to Publishing

This guide walks you through the fundamentals of Chrome extension development, covering what extensions are, their architecture—including content scripts, popup, and background pages—message passing, sample manifest and code, and the steps to package and publish your extension to the Chrome Web Store.

Chrome extensionbrowser APIextension architecture
0 likes · 13 min read
Build Powerful Chrome Extensions: From Basics to Publishing
Node Underground
Node Underground
Nov 30, 2017 · Frontend Development

How JavaScript Parsers Boost Performance: Eager vs Lazy Parsing Explained

Understanding JavaScript parsers—such as Esprima, Acorn, and Babylon—reveals how they generate ASTs, validate syntax, prioritize operators, and more, while distinguishing eager from lazy parsing modes in V8, enabling developers to optimize code performance through tools like optimize-js.

ASTParserPerformance Optimization
0 likes · 4 min read
How JavaScript Parsers Boost Performance: Eager vs Lazy Parsing Explained
21CTO
21CTO
Sep 23, 2017 · Frontend Development

Why Facebook Switched React’s License to MIT – What It Means for Developers

Facebook announced it will relicense React, Jest, Flow, and Immutable.js to MIT, sparking backlash from the developer community and prompting companies like Apache, WordPress, and Baidu to reconsider their use of React, while the company explains its reasoning and future plans.

FacebookLicenseMIT
0 likes · 6 min read
Why Facebook Switched React’s License to MIT – What It Means for Developers
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Sep 6, 2017 · Frontend Development

How to Build Scalable Web SPA Systems with NEJ: Module Architecture Explained

This article walks through using NetEase's NEJ framework to decompose a complex single‑page web application into hierarchical modules, create and format dependency trees, register external and layout modules, define module directories, implement module logic and messaging, and finally integrate and package the system for scalable deployment.

JavaScriptNEJdependency tree
0 likes · 18 min read
How to Build Scalable Web SPA Systems with NEJ: Module Architecture Explained
Hujiang Technology
Hujiang Technology
Aug 29, 2017 · Frontend Development

WeChat Mini Program Development Tutorial: Course Outline and Tool Installation Guide

This article presents a comprehensive WeChat Mini Program tutorial, outlining the course curriculum from introductory to advanced chapters, and provides step‑by‑step instructions for installing and configuring the WeChat Web Developer Tool on macOS, including project creation, appID setup, and debugging workflow.

Mobile AppTutorialWeChat mini-program
0 likes · 4 min read
WeChat Mini Program Development Tutorial: Course Outline and Tool Installation Guide
Hujiang Technology
Hujiang Technology
Aug 7, 2017 · Frontend Development

Reverse Engineering a One‑Line JavaScript Animation: Step‑by‑Step Explanation

This article walks through the reverse‑engineering of a compact JavaScript one‑liner that draws a patterned image, refactors it into readable modules, explains each transformation—including variable renaming, loop conversion, ternary expansion, bitwise operations, and switch‑case replacement—while illustrating the underlying math with graphs and code snippets.

HTMLJavaScriptalgorithm analysis
0 likes · 18 min read
Reverse Engineering a One‑Line JavaScript Animation: Step‑by‑Step Explanation
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jul 11, 2017 · Frontend Development

Master Angular Component Lifecycle: Hooks, Order, and Best Practices

This article explains Angular’s component lifecycle, detailing each hook—from ngOnChanges and ngOnInit to ngAfterViewChecked and ngOnDestroy—their execution order, purposes, and how constructors differ, supplemented with diagrams and console output examples to help developers effectively manage component initialization, change detection, and cleanup.

AngularHookscomponent lifecycle
0 likes · 4 min read
Master Angular Component Lifecycle: Hooks, Order, and Best Practices
Hujiang Technology
Hujiang Technology
Jul 5, 2017 · Frontend Development

Getting Started with TypeScript and React

This tutorial walks through setting up a TypeScript project with React, covering installation, tsconfig configuration, Webpack and Babel integration, creating a simple component, adding type declarations for third‑party modules, testing with Jest and ts‑jest, and enforcing code style with TSLint.

BabelJestReAct
0 likes · 16 min read
Getting Started with TypeScript and React
Alibaba Cloud Developer
Alibaba Cloud Developer
Jun 28, 2017 · Frontend Development

How Tmall’s TidaSDK and Hilo3D Power the 618 AR Experience

Tmall’s 618 festival showcased cutting‑edge AR, 3D interaction and cross‑screen experiences built on the TidaSDK, Interactive Alliance, Hailuo Dock platform and the Hilo3D engine, illustrating how a unified SDK and optimized web rendering enable immersive e‑commerce innovations.

3D renderingARE‑commerce
0 likes · 8 min read
How Tmall’s TidaSDK and Hilo3D Power the 618 AR Experience
System Architect Go
System Architect Go
Jun 17, 2017 · Frontend Development

Server-Sent Events (SSE): Implementing Lightweight Real-Time Server Push in Web Applications

Server-Sent Events (SSE) provide a lightweight, HTTP‑based mechanism for real‑time server push, and this article explains its principles, compatibility, and step‑by‑step implementation—including a simple server that streams timestamps every second and a front‑end page that displays the incoming data.

HTTPSSEServer-Sent Events
0 likes · 3 min read
Server-Sent Events (SSE): Implementing Lightweight Real-Time Server Push in Web Applications
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jun 13, 2017 · Frontend Development

Mastering Weex Build: Dual Configurations for Web and Native

This article walks through the practical differences and best‑practice setups for building Weex applications on web and native platforms, covering webpack configurations, preprocessors, style quirks, navigation, data passing, image handling, incremental updates, and production tips.

Build configurationNativeVue
0 likes · 10 min read
Mastering Weex Build: Dual Configurations for Web and Native
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
May 25, 2017 · Frontend Development

Master Essential ES6 Features: Let/Const, Arrow Functions, Templates, and More

This article offers a practical guide to the most commonly used ES6 features—let/const, arrow functions, template literals, destructuring, default parameters, spread operator, object literals, and classes—explaining their syntax, behavior, and real‑world usage to help developers quickly master modern JavaScript.

Arrow FunctionsDestructuringTemplate literals
0 likes · 12 min read
Master Essential ES6 Features: Let/Const, Arrow Functions, Templates, and More
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Apr 20, 2017 · Frontend Development

How QQ Music Mini‑Program Handles Audio Playback: Core Features, Bugs & Fixes

This article walks through the core functionalities of the QQ Music mini‑program—including station launch, friend cards, guided login, playback controls, lyric scrolling, dynamic background colors, and error handling—while sharing implementation details, common bugs on Android and iOS, and practical fixes for developers building audio features in WeChat mini‑apps.

Audio PlaybackJavaScriptWeChat mini-program
0 likes · 14 min read
How QQ Music Mini‑Program Handles Audio Playback: Core Features, Bugs & Fixes
Hulu Beijing
Hulu Beijing
Apr 11, 2017 · Frontend Development

Why Declarative Programming Makes React Development a Breeze

The article uses a company’s annual party procurement process to illustrate declarative versus imperative programming, showing how React’s declarative model lets developers specify desired UI outcomes while the framework handles rendering details, resulting in simpler code, reduced duplication, and better global coordination.

Programming ParadigmsReActdeclarative programming
0 likes · 7 min read
Why Declarative Programming Makes React Development a Breeze
Ctrip Technology
Ctrip Technology
Apr 6, 2017 · Frontend Development

CTrip's WeChat Mini‑Program Framework: Architecture, Development Practices, and Solutions to Common Issues

This article introduces CTrip's self‑built WeChat mini‑program framework, explains its core components such as CPage and CWX, shares practical solutions to performance, page‑depth, authorization, and package‑size problems, and outlines the review challenges and future roadmap for the platform.

Performance OptimizationWeChat Mini-Programframework
0 likes · 9 min read
CTrip's WeChat Mini‑Program Framework: Architecture, Development Practices, and Solutions to Common Issues
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Mar 26, 2017 · Frontend Development

Master Vue.js: From Basics to Advanced Component Practices

This comprehensive guide walks you through Vue.js fundamentals, installation via script tags or the Vue CLI, component creation, handling common pitfalls, integrating webpack, using .vue single‑file components, vue‑loader, vue‑router, Vuex, and hot‑reloading, plus curated resources for deeper learning.

Component ArchitectureSingle Page ApplicationVue CLI
0 likes · 15 min read
Master Vue.js: From Basics to Advanced Component Practices
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Mar 19, 2017 · Frontend Development

Mastering WePY: Complete Guide to Building Mini‑Program Apps

This article introduces the WePY framework for WeChat mini‑programs, covering its purpose, demo projects, quick‑start commands, project structure, component architecture, data binding, event communication, plugin support, and advanced configuration, providing developers with a comprehensive reference for modern mini‑program development.

Component ArchitectureJavaScriptWeChat
0 likes · 16 min read
Mastering WePY: Complete Guide to Building Mini‑Program Apps
Tencent Cloud Developer
Tencent Cloud Developer
Feb 5, 2017 · Frontend Development

Analysis of Vue.js 2.0 Initialization and Rendering Logic

Vue.js 2.0 initializes a component via the _init method, merges options, and mounts it with $mount, which creates a render function—whether from a custom function, template, or element—producing a Virtual DOM VNode that the patch algorithm diffs against the previous VNode to efficiently update the real DOM.

InitializationRenderingVirtual DOM
0 likes · 8 min read
Analysis of Vue.js 2.0 Initialization and Rendering Logic
Tencent Cloud Developer
Tencent Cloud Developer
Jan 25, 2017 · Frontend Development

Understanding React: Component Architecture, Props, State, Lifecycle, Server‑Side Rendering, and React‑Native

Zuo Ming explains React’s component architecture—props, state, lifecycle methods, server‑side rendering, and React‑Native—using a bamboo water‑wheel analogy, demonstrating prop validation, state updates, lifecycle phases, SSR hydration, cross‑platform code reuse, and unit testing to give front‑end engineers a complete practical foundation.

PropsReActReact Native
0 likes · 12 min read
Understanding React: Component Architecture, Props, State, Lifecycle, Server‑Side Rendering, and React‑Native
Qunar Tech Salon
Qunar Tech Salon
Jan 25, 2017 · Frontend Development

Using Docker to Simplify Front‑End Development Environments

This article explains how Docker can address common front‑end development environment challenges—such as dependency complexity, version inconsistencies, and re‑deployment overhead—by providing lightweight, reproducible containers, and introduces the Dokit tool for rapid setup.

Dockerdevelopment environmentfrontend development
0 likes · 9 min read
Using Docker to Simplify Front‑End Development Environments
Tencent Cloud Developer
Tencent Cloud Developer
Jan 24, 2017 · Frontend Development

React Fundamentals: Understanding Virtual DOM, JSX, and Component Architecture

This article introduces React, the Facebook‑originated JavaScript UI library, explaining its rise in popularity and core concepts—JSX syntax that compiles to React.createElement calls, the virtual DOM that efficiently batches updates, and a component architecture that separates props and state for reusable, maintainable code.

Component ArchitectureJSXJavaScript library
0 likes · 9 min read
React Fundamentals: Understanding Virtual DOM, JSX, and Component Architecture
Tencent Cloud Developer
Tencent Cloud Developer
Jan 22, 2017 · Frontend Development

Dazhong Dianping+ WeChat Mini Program Development Experience and Best Practices

The Dazhong Dianping+ WeChat mini‑program, built by a Meituan‑Dianping engineer using a web‑like hybrid approach, launched on Jan 9 with over two million visits, delivering fast store search and group‑purchase services while adhering to strict limits (1 MB bundle, five pages, no external navigation) through gulp builds, ES6/Promise helpers, manual size optimizations, and Tencent Cloud APIs.

Hybrid AppPerformance OptimizationWeChat mini-program
0 likes · 13 min read
Dazhong Dianping+ WeChat Mini Program Development Experience and Best Practices
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
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Jan 8, 2017 · Frontend Development

Building a Scalable Web Interactive System with NEJ: Module Decomposition Guide

This article, the third in a series on constructing high‑scalable web interactive systems, demonstrates how to use NetEase's NEJ framework to decompose complex SPA modules, define hierarchical and dependency trees, register external and layout modules, map functionalities, and configure the entire application for scalable development and maintenance.

JavaScriptNEJSPA
0 likes · 22 min read
Building a Scalable Web Interactive System with NEJ: Module Decomposition Guide
Tencent Cloud Developer
Tencent Cloud Developer
Jan 3, 2017 · Frontend Development

Quick Guide to Setting Up Tencent Cloud WeChat Mini‑Program Development Environment in 10 Minutes

This quick‑start guide shows how certified developers can purchase Tencent Cloud’s low‑cost (3 CNY) WeChat Mini‑Program solution, automatically provision a sub‑domain, load balancer, server and MySQL database, configure the domain, deploy the service, and begin coding with the provided demo repository, all within ten minutes.

Cloud BackendTencent CloudWeChat mini-program
0 likes · 5 min read
Quick Guide to Setting Up Tencent Cloud WeChat Mini‑Program Development Environment in 10 Minutes
Tencent Cloud Developer
Tencent Cloud Developer
Dec 30, 2016 · Mobile Development

Step-by-Step Guide to Quickly Build a WeChat Mini Program Using Tencent Cloud

This step‑by‑step tutorial shows how to use Tencent Cloud’s one‑click Mini Program scaffold to create, configure, and deploy a WeChat Mini Program—automating domain registration, HTTPS/WSS, authentication, scaling and other infrastructure—so developers can bypass traditional setup hurdles and launch a functional app within minutes.

Cloud ScaffoldTencent CloudTutorial
0 likes · 8 min read
Step-by-Step Guide to Quickly Build a WeChat Mini Program Using Tencent Cloud
Hujiang Technology
Hujiang Technology
Nov 21, 2016 · Frontend Development

Introduction to Vue.js: Core Concepts, Comparison with React, and Hands‑On Project Walkthrough

This article introduces Vue.js fundamentals, compares its similarities and differences with React, demonstrates a sample project structure with component examples, and guides readers on obtaining the demo repository and exploring Vue 2.0 enhancements, providing a practical hands‑on overview for front‑end developers.

JavaScriptReact ComparisonVue 2.0
0 likes · 5 min read
Introduction to Vue.js: Core Concepts, Comparison with React, and Hands‑On Project Walkthrough
Alibaba Cloud Developer
Alibaba Cloud Developer
Nov 12, 2016 · Mobile Development

How Alibaba’s 2016 Double 11 Boosted Mobile Tech with VR, DIVA, and Weex

The 2016 Double 11 event showcased Alibaba's cutting‑edge mobile innovations—including VR shopping via Buy+, the DIVA visual augmentation platform, rapid mobile marketing delivery, and the high‑performance Weex framework—demonstrating how interactive technology can transform large‑scale e‑commerce experiences.

DIVAMobile DevelopmentVR
0 likes · 10 min read
How Alibaba’s 2016 Double 11 Boosted Mobile Tech with VR, DIVA, and Weex
Tencent TDS Service
Tencent TDS Service
Nov 4, 2016 · Frontend Development

Mastering WeChat Mini Programs: From Architecture to Real-World Development

This comprehensive guide explains what WeChat Mini Programs are, their underlying framework, supported components and APIs, development workflow, modular design patterns, differences from traditional H5 apps, debugging, building, publishing, and practical advantages and limitations for mobile front‑end developers.

JavaScriptMobile UITutorial
0 likes · 13 min read
Mastering WeChat Mini Programs: From Architecture to Real-World Development
Architecture Digest
Architecture Digest
Oct 16, 2016 · Frontend Development

Building a DouBan Book Search Mini Program with WeChat Mini Program

This article walks through creating a simple WeChat Mini Program that searches and displays DouBan book information, covering API usage, project setup, page design, event handling, network requests, pagination, and code organization with practical code examples.

Douban APIJavaScriptTutorial
0 likes · 8 min read
Building a DouBan Book Search Mini Program with WeChat Mini Program
Aotu Lab
Aotu Lab
Sep 1, 2016 · Frontend Development

Master SeaJS: Complete CMD Module Guide and Compare with RequireJS

This article provides a comprehensive guide to SeaJS, covering its CMD‑based module definition, the define syntax, factory parameters, module identifiers, startup process, debugging tools, loading flow, and key differences from RequireJS, with practical code examples and reference links.

JavaScriptRequireJSSeaJS
0 likes · 13 min read
Master SeaJS: Complete CMD Module Guide and Compare with RequireJS
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Aug 11, 2016 · Frontend Development

Master JavaScript Test Cases: TDD, BDD, Mocha, Should, Nock, Istanbul

This guide explains why test cases are essential, compares TDD and BDD agile approaches, and introduces key frontend testing tools—including Mocha for test suites, Should for assertions, Nock for HTTP mocking, and Istanbul for coverage—while providing code examples and best‑practice recommendations for writing maintainable, high‑quality tests.

BDDJavaScriptTDD
0 likes · 8 min read
Master JavaScript Test Cases: TDD, BDD, Mocha, Should, Nock, Istanbul
Aotu Lab
Aotu Lab
Jul 8, 2016 · Frontend Development

Building a Cross‑Platform Gulp UI with Electron, React, Redux, and Immutable.js

feWorkflow replaces the original gulp‑ui by leveraging Electron to run a bundled gulpfile, while React, Redux, and Immutable.js provide a modern UI and state management, and Webpack compiles ES6 code; the article details the architecture, setup, key features, and code examples for this desktop workflow tool.

Immutable.jsReduxfrontend development
0 likes · 18 min read
Building a Cross‑Platform Gulp UI with Electron, React, Redux, and Immutable.js
21CTO
21CTO
Jun 16, 2016 · Frontend Development

Mastering React Performance: Real-World Optimizations for Mobile Apps

This article shares practical React performance‑optimization techniques—such as using the Virtual DOM wisely, integrating Immutable.js, fine‑tuning shouldComponentUpdate, and applying code‑splitting and Redux data management—to dramatically improve first‑paint time and interaction smoothness on mobile web applications.

Immutable.jsReActRedux
0 likes · 21 min read
Mastering React Performance: Real-World Optimizations for Mobile Apps
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Jun 12, 2016 · Frontend Development

Master Webpack: From Basics to Advanced Configuration

This article introduces webpack, explains its advantages, guides through installation, configuration, loaders, plugins, and practical usage examples, covering module formats, shimming, extracting CSS, CDN integration, and integration with tools like Gulp, providing a comprehensive beginner‑to‑intermediate tutorial.

Build ToolsReActfrontend development
0 likes · 15 min read
Master Webpack: From Basics to Advanced Configuration
21CTO
21CTO
Jun 9, 2016 · Frontend Development

How We Optimized React for Mobile: Lessons from HandQ School Group Refactor

This article details the challenges and solutions encountered while refactoring the HandQ school‑group web app with React, covering React's core features, performance pitfalls, the use of Immutable.js and pure‑render decorators, build‑tool choices, and concrete optimization tips that yielded measurable speed gains.

Immutable.jsReActRedux
0 likes · 20 min read
How We Optimized React for Mobile: Lessons from HandQ School Group Refactor
Tencent TDS Service
Tencent TDS Service
Apr 14, 2016 · Frontend Development

Build a Simple Canvas Particle Engine from Scratch

This tutorial walks you through creating a lightweight Canvas particle engine—including world, launcher, and grain components, physics forces, rendering loop, and core JavaScript modules—so you can experiment with interactive particle effects in web projects.

AnimationCanvasJavaScript
0 likes · 12 min read
Build a Simple Canvas Particle Engine from Scratch
Node Underground
Node Underground
Jan 19, 2016 · Operations

Why Front‑End Developers Should Care About Docker: A Beginner’s Guide

This article explains how Docker’s build‑ship‑run model bridges front‑end development and containerization, covering Docker’s history, core concepts, a sample Dockerfile for a Node.js app, and practical scenarios where Docker improves environment consistency, resource efficiency, and scalability.

DevOpsDockerOperations
0 likes · 11 min read
Why Front‑End Developers Should Care About Docker: A Beginner’s Guide
DevOps
DevOps
Dec 23, 2015 · Backend Development

Microsoft’s Surprising Open‑Source and Linux Contributions in 2015

During 2015 Microsoft made a series of notable open‑source and Linux‑related moves—including adding VP9 support to Edge, open‑sourcing the Chakra JavaScript engine, .NET, MSBuild, contributing Hyper‑V to Linux, releasing Azure Cloud Switch, and bringing Visual Studio Code and its compiler tools to Linux.

Microsoftfrontend developmentopen-source
0 likes · 3 min read
Microsoft’s Surprising Open‑Source and Linux Contributions in 2015
ITPUB
ITPUB
Dec 18, 2015 · Frontend Development

Build a Chrome Extension to Auto‑Click Taobao Red‑Envelope Buttons

This guide walks through building a Chrome extension that automatically clicks Taobao’s red‑envelope buttons, covering folder setup, manifest configuration, XPath button detection, script insertion, loading the extension in developer mode, and testing while noting anti‑cheat limitations.

Chrome extensionTaobaofrontend development
0 likes · 3 min read
Build a Chrome Extension to Auto‑Click Taobao Red‑Envelope Buttons
We-Design
We-Design
Dec 15, 2015 · Mobile Development

Build WeChat‑Style Mobile Web Interfaces in Minutes with WeUI

WeUI, the official WeChat design team's component library, offers a collection of native‑look UI elements such as buttons, cells, dialogs, and icons; by integrating its CSS and copying demo markup, developers can quickly create mobile‑friendly web pages that match WeChat’s visual experience without extensive design work.

Component LibraryWeChatWeUI
0 likes · 4 min read
Build WeChat‑Style Mobile Web Interfaces in Minutes with WeUI
21CTO
21CTO
Dec 11, 2015 · Frontend Development

Why KISSY Became Alibaba’s Front‑End Powerhouse: Architecture & Real‑World Use

An in‑depth overview of KISSY, Alibaba’s home‑grown front‑end framework, covering its origins, architectural layers, modular system, component library, tooling, mobile support, testing, CI, and real‑world deployment examples such as shop and product detail pages, highlighting strengths and current challenges.

Component LibraryKISSYModule System
0 likes · 22 min read
Why KISSY Became Alibaba’s Front‑End Powerhouse: Architecture & Real‑World Use
21CTO
21CTO
Nov 13, 2015 · Frontend Development

What Anders Hejlsberg Revealed About TypeScript’s Future and Design Philosophy

During his first visit to China, Anders Hejlsberg, the creator of Delphi, C# and lead of TypeScript, shared personal insights on lifelong coding, open‑source advocacy, and his minimalist language design principles, while highlighting TypeScript’s type system, ES6 support, and its growing industry adoption.

Anders HejlsbergProgramming Language DesignTypeScript
0 likes · 9 min read
What Anders Hejlsberg Revealed About TypeScript’s Future and Design Philosophy
21CTO
21CTO
Sep 19, 2015 · Backend Development

Is the Full‑Stack Engineer a Myth? Why Hiring One Is Unrealistic

The article argues that the full‑stack developer role is largely a myth, explaining employers' unrealistic expectations, the ever‑growing skill stack, and why the term often masks a desire for "amazing people" rather than a clearly defined technical profile.

DevOpsFull-StackSoftware Engineering
0 likes · 6 min read
Is the Full‑Stack Engineer a Myth? Why Hiring One Is Unrealistic
21CTO
21CTO
Sep 14, 2015 · Fundamentals

Can Event‑Driven Architecture Revolutionize Web Frameworks?

The article explores how ideal web frameworks could evolve by separating data description from logic, using event‑driven architectures, graph databases, and cross‑language components to achieve minimal, maintainable, and extensible code, while discussing practical implementations, challenges, and philosophical foundations.

data modelingevent-driven architecturefrontend development
0 likes · 25 min read
Can Event‑Driven Architecture Revolutionize Web Frameworks?
21CTO
21CTO
Sep 1, 2015 · R&D Management

How to Build a Startup Tech Team: Roles Explained Through a Shopping Mall Analogy

Using a shopping‑mall metaphor, the article outlines essential tech‑team roles—CTO, database, backend and frontend engineers, and UI/UX designers—explaining their responsibilities, recommended tools, and how founders without a technical background can effectively assemble and manage a development team.

CTODatabase EngineeringUI/UX
0 likes · 8 min read
How to Build a Startup Tech Team: Roles Explained Through a Shopping Mall Analogy
21CTO
21CTO
Aug 17, 2015 · Frontend Development

Mastering Browser Caching: How HTTP Headers Control What You See

This article explains how browsers cache resources using HTTP headers like Expires, Cache‑Control, Last‑Modified, and ETag, describes non‑HTTP meta tag tricks, outlines which requests cannot be cached, and shows how different user actions affect cache behavior.

HTTP headersWeb Performancebrowser caching
0 likes · 10 min read
Mastering Browser Caching: How HTTP Headers Control What You See
21CTO
21CTO
Aug 14, 2015 · Frontend Development

From AJAX to Node: A Journey Through Modern Web Development

Tracing the evolution of web technologies—from early AJAX challenges and jQuery’s rise, through Chrome’s dominance, GitHub’s impact, OAuth, JSON, and modern frameworks like Node.js and Bootstrap—the article reflects on how these tools reshaped frontend development and the broader software landscape.

AJAXNode.jsbig data
0 likes · 14 min read
From AJAX to Node: A Journey Through Modern Web Development
Baidu Tech Salon
Baidu Tech Salon
Dec 25, 2014 · Frontend Development

8 Common Web Usability Mistakes and Best Practices

The article outlines eight frequent web‑usability errors—unlinked logo, missing form‑label associations, absent visited‑link cues, unclear active fields, images lacking alt text, background images without fallback colors, inconsistent design, and underlined non‑links—and offers practical fixes such as proper labeling, linking, styling, and consistent templates to enhance user experience.

CSS best practicesHTML formsUI design
0 likes · 5 min read
8 Common Web Usability Mistakes and Best Practices
Baidu Tech Salon
Baidu Tech Salon
Dec 17, 2014 · Frontend Development

Baidu Technical Salon: 25-Year Evolution of Web Design

The Baidu Technical Salon article traces 25 years of web‑design evolution—from text‑only Unix browsers in 1989, through Mosaic’s image tables, JavaScript and Flash, the rise of CSS, the iPhone‑driven shift to responsive and flat design, and looks ahead to tools that will finally free designers from cross‑browser hassles.

CSSFlashJavaScript
0 likes · 4 min read
Baidu Technical Salon: 25-Year Evolution of Web Design