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.
This guide explains how to create a quarter‑circle arc inside a physics engine by using SVG path commands—especially the A (arc) command—and converting the SVG shape to Matter.js vertices for realistic simulation.
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.
This article walks through the evolution of front‑end communication techniques—from classic AJAX to JSONP, Server‑Sent Events, and WebSocket—explaining their principles, differences, and providing concise code demos for each method.
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.
This article walks through the author's experience of exploring WeChat Mini Programs as a front‑end framework, comparing it to Vue and React Native, and provides a step‑by‑step tutorial for creating a basic catalog page with code snippets and screenshots.
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.
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.
This article explains how to improve WebGL map performance by applying Google’s RAIL model, synchronizing updates with requestAnimationFrame, and using a task scheduler to defer non‑critical work, ensuring smooth frame rates and responsive interactions.
This guide explains how to use Chrome's breakpoint debugging to step through JavaScript code, visualize the call stack, scope chain, and this binding, and understand closures through practical examples, helping developers quickly locate bugs and grasp execution flow.
This article explains what Progressive Web Apps are, outlines the ten criteria that define a qualified PWA, discusses related technologies such as Service Workers and Web Workers, and provides guidance for developers to start building their own PWAs.
This article explains how to host a simple front‑end project on Qiniu Cloud by uploading static files, obtaining public URLs, replacing local references, and accessing the index.html URL, while also outlining Qiniu's free tier and additional services.
This article explains how the new ES decorator syntax enables reusable, non‑intrusive enhancements such as logging, timing, deprecation warnings, and API consistency across large JavaScript codebases, while improving readability and supporting static analysis.
This article explains the fundamentals of WebAR, introduces WebRTC and its APIs, discusses browser compatibility, and provides step‑by‑step instructions for creating a basic WebAR prototype that captures camera video and overlays interactive content using HTML, CSS, and JavaScript.
This tutorial walks you through analyzing the page structure, designing start, game, and end screens, and implementing the bird, obstacles, scoring, and game‑over logic using HTML, CSS, and JavaScript, complete with code snippets and visual illustrations.
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.
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.
This comprehensive guide walks beginners through JavaScript basics, DOM interaction, debugging, experiments, advanced concepts, frameworks, design patterns, and resources, providing a clear roadmap to become a proficient front‑end developer.
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.
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.
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.
This article provides a comprehensive overview of WeChat Mini Programs, covering their technical stack (WXML, WXSS, WXAPI), development environment setup, file architecture, component system, application and page lifecycles, login process, and practical considerations for frontend developers.
This article introduces Baidu's open‑source ECharts library, walks through installing the JavaScript package, embedding it in a web page, and demonstrates using the Python ECharts API to create interactive charts, while highlighting key setup notes and resources.
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.
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.
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.
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.
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.
This article explores the structure and development workflow of WeChat Mini Programs, detailing their view and logic layers, WXML/WXSS syntax, component system, routing, performance advantages, limitations, and how their concepts compare to Progressive Web Apps.
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.
This article shares the product logic, development challenges, and practical solutions behind the Futu NiuNiu stock mini‑program, highlighting how Tencent Cloud services helped accelerate a lightweight, low‑frequency trading app for Hong Kong and US markets.
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.
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.
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.
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.
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.
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.
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.
This article explains why encodeURIComponent can raise a URI malformed error, clarifies the concepts of high and low surrogate pairs, and provides a comprehensive overview of character sets, Unicode, and the UTF‑8 and UTF‑16 encodings used in JavaScript.
This guide explains how to use common UI components—including toast messages, progress bars, action sheets, modal dialogs, and navigator links—by detailing their code structures, key attributes, and usage examples for front‑end development.
This guide explains what Browserify is, why it’s useful for front‑end developers, how it works, and provides step‑by‑step examples—including npm package usage, custom modules, debugging, and automatic bundling with watchify—to help you efficiently bundle JavaScript for the browser.
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.
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.
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.
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.
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.
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.
With the release of V8 5.1, Google adds preliminary WebAssembly support to Chrome 51, reviving hopes for near‑native web performance, while also boosting ES6 compatibility to 97%, and the article points readers to essential ES6 learning resources for modern front‑end development.
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.
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.
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.
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.
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.
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.
This article explores Baidu Mobile's approach to personalization, detailing its recommendation algorithms, cloud‑side architecture, and front‑end engineering practices that together enable a highly tailored user experience across billions of users.
This guide explains how to use the browser's Performance.now() API to precisely measure the time between two markers, compare it with Date timestamps, and demonstrates a practical example of timing an image's load event with JavaScript code.
This article explores React's soaring popularity, explains its core concepts such as JSX, virtual DOM, component architecture, lifecycle methods, server‑side rendering, and React‑Native, and demonstrates how these features give developers a powerful, modern front‑end toolkit.
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.
This article explains how the browser’s UI thread manages a task queue to sequentially process UI‑update operations, illustrated with a button‑click example that creates multiple tasks and demonstrates the thread’s idle‑time processing of queued updates.
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.
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.
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.
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.
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.
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.
The Baidu Tech Salon introduced the Blend framework, an open‑source solution that merges native device capabilities and cloud services into WebApps, enabling faster iteration, richer APIs, and near‑native user experiences across iOS, Android, and browsers.
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.
This article presents a detailed overview of front‑end developer salaries in six major Chinese cities, showing average monthly pay, salary ranges, and skill‑level brackets, while noting that the figures are based on recent job postings and are for reference only.
This guide explains the essential symbols and conventions for creating information architecture diagrams, covering pages, files, groups, connections, arrows, concurrent events, link points, areas, processes, and various conditional elements to help web development teams effectively communicate system structure and interaction design.
