This article shares playful programming examples—including Python string‑manipulation, ASCII‑code mapping, and a one‑line heart‑shape generator—as well as JavaScript and canvas snippets that let you create romantic text and graphics for the Qixi festival.
Analyzing recent Stack Overflow and GitHub data, this article predicts that Python, JavaScript (Node.js), and Go will be the three most popular programming languages in 2021, explaining their broad applications, ease of use, and strong community support that drive their rising demand.
This article reviews the latest TC39 proposals advancing from Stage 3 to Stage 4—including Promise.any, AggregateError, WeakRefs, FinalizationRegistry, logical assignment operators, numeric literal separators, Intl.ListFormat, Intl.DateTimeFormat styles, iterator.item, Intl.Segmenter, Record & Tuple, JSON.parse source‑text access, await extensions, Array.prototype.unique, and resizable array buffers—explaining their goals, required thresholds, and providing concrete code examples.
This article examines middleware as a front‑end design pattern, presents simple compose implementations, analyzes real‑world cases like Bridge and Fetch, compares middleware with the decorator pattern, and proposes API design guidelines to balance flexibility and maintainability.
This article walks a front‑end beginner through the fundamentals of WebGL, explaining canvas basics, hardware vs software acceleration, and providing a complete Hello World example with HTML, shader code, and JavaScript to render a single red point on a green canvas.
This article explains why Python developers often need to run JavaScript—especially obfuscated code—during web scraping, demonstrates how to use the ExecJS library to execute both simple and heavily obfuscated JavaScript from Python, and shows that the approach works seamlessly without de‑obfuscation.
After mastering HTML and CSS, many learners find JavaScript daunting, so this guide outlines JavaScript's key characteristics and eight practical steps—understanding its purpose, setting goals, hands‑on practice, learning jQuery, Vue/Node, staying disciplined, frequent coding, mind‑mapping, and summarizing—to help you study JavaScript efficiently and confidently.
React Fiber replaces the old Stack Reconciler with a linked‑list of Fiber nodes that enable incremental, pause‑and‑resume rendering, priority scheduling, and a three‑step commit phase, allowing smoother asynchronous updates, better performance, and the foundation for Concurrent Mode and Suspense.
This article presents a curated list of ten essential front-end development tools—including Glitch, Shadows, Coolors, Blobmaker, GetWaves, Undraw, Marcdown, Postwoman, Screely, and a CSS Grid Generator—explaining their key features and how they can streamline coding and design workflows.
The article explains APNG’s file structure and decoding process, then demonstrates how to render animated PNGs on the web using both Canvas 2D (with drawImage, clearRect, getImageData, putImageData) and WebGL (via multiple textures and custom disposal/blending handling) for efficient, controllable animation playback.
This article explains several JavaScript techniques—including event handlers, inline script tags, body attributes, and key‑down interception—to block right‑click menus, text selection, copying, pasting, and Ctrl+C/Ctrl+V on a webpage, while noting their limitations and trade‑offs.
This tutorial explains four practical methods—PyExecJS, js2py, Node.js, and PyV8—to execute JavaScript code from Python, providing code examples and tips for handling encrypted parameters during web crawling.
This guide walks through creating a browser‑based face login system by capturing video with getUserMedia, processing frames with Baidu's facial analysis API and the Python face_recognition library, and integrating the workflow with front‑end HTML/JavaScript and back‑end handling of image data.
This guide introduces the Rainbow Fart VSCode extension, explains how to install it from the marketplace, shows the step‑by‑step activation process, and highlights its voice feedback features, supported languages, community feedback, and related resources.
This step‑by‑step tutorial shows how to create a circular countdown timer by constructing a fixed container, drawing light and dark arcs with CSS, adding a masking circle, and animating the progress using a small JavaScript snippet that updates the rotation and countdown display.
This article explains how the JD.com "Jingxi" mini‑program uses the official miniprogram‑automator SDK to build an automated disaster‑recovery testing workflow that launches the devtools, simulates user actions, intercepts network requests, generates screenshots, and validates fallback behavior with manual comparison.
This article explains the origins of ahooks, its co‑creation by Alibaba teams, the problems it solves for reusable React Hook logic, its API design, open‑source release, example usage, and future plans to simplify frontend development and boost productivity.
This tutorial introduces Deno.js, explains its security‑first runtime features, compares it with Node.js, and walks through building a complete MySQL‑backed CRUD REST API using TypeScript, covering installation, code structure, and execution steps.
This article explains why adding 0.1 and 0.2 in JavaScript (and most other languages) does not yield exactly 0.3, covering binary representation of decimal fractions, IEEE‑754 precision limits, single‑ and double‑precision formats, and practical implications for developers.
This guide walks you through installing Node.js, creating a project directory, installing Cypress via npm, launching the tool, and understanding its default file structure, providing clear step‑by‑step instructions and screenshots for a smooth setup.
This week’s WecTeam frontend roundup covers Meituan’s Flutter dynamic system (Flap) that unifies DSL and runtime for faster releases, the official launch of ES2020 (ES11) adding ten new JavaScript features, and a low‑cost AST‑based code‑scanning technique for detecting financial‑loss risks in source code.
This article compares the five main JavaScript iteration constructs—traditional for loops, forEach, map, for...in, and for...of—detailing their syntax, use‑cases, performance characteristics, and how to choose the most appropriate one for a given scenario.
This guide clarifies the differences between native JavaScript and jQuery iteration functions, shows how to convert between DOM and jQuery objects, and provides concrete code examples for each looping method—including for, forEach, every, some, map, filter, for‑in, each, $.map, $.grep, $.inArray and $.filter—so developers can choose the right tool without errors.
This weekly tech roundup explains how JavaScript sandboxes isolate code, details a low‑cost AST‑based code‑scanning approach, compares Vue, React and Angular, and shows how domain‑driven design and CSS variables can streamline modern front‑end development.
This article presents a practical case study of front‑end error monitoring for a real‑estate broker web site, detailing the background problem, pain points, analysis, design adjustments, code implementations, data collection, reporting strategies, and the resulting improvements in issue‑resolution efficiency.
V8 version 8.4, slated for release with Chrome 84, introduces developer‑focused enhancements including faster WebAssembly startup via Liftoff, improved debugging, SIMD origin trial support, new JavaScript WeakRef and FinalizationRegistry APIs, and syntax for private methods and accessors using the # prefix.
This article explains step‑by‑step how to create, configure, and use custom synchronous and asynchronous Webpack loaders—including a console‑log remover and an ES6‑to‑ES5 transformer—covering project setup, loader implementation, options validation, source‑map generation, and loader resolution.
This article outlines the requirements, common approaches, drawbacks, and a comprehensive solution for creating flexible, visual printing templates in administrative workflows by leveraging OnlyOffice's extensible API, a custom JavaScript plugin, and backend integration to enable real‑time preview, variable insertion, and fine‑grained style control.
The article explains how Harbor Front‑End extends Lighthouse with a custom plugin—defining gatherers, audits, and categories—to uniformly monitor web pages and mini‑programs, illustrating setup, a sample native API‑call logger, and configuration steps that produce detailed performance reports alongside standard Lighthouse metrics.
This guide explains the key HTML5 video/audio methods, properties, and events, demonstrates how to check format support, control playback, volume, fullscreen, and looping, and provides a complete custom video player example with HTML, CSS, and JavaScript code.
Pipcook 1.0, an open‑source machine‑learning toolkit designed for front‑end developers, brings seamless Python integration, a flexible plugin system, and easy‑to‑use pipelines and PipApp experiments, enabling JavaScript engineers to build, train, and deploy AI models directly in their web projects.
Electron has officially graduated from the OpenJS Foundation’s incubation phase to become an Impact project, highlighting its maturity, broad industry support, and the foundation’s role in fostering collaborative, neutral development of this cross‑platform desktop framework.
This article explains how many Chinese web sites use hidden CSS ::before content to hide characters, shows how to locate the relevant network request, decode the span class mappings from obfuscated JavaScript, and restore the original text for successful web scraping.
Bootstrap 5 Alpha introduces a jQuery‑free core, drops Internet Explorer support, revamps the documentation UI, adds CSS custom properties, expands the grid system and utilities, and brings numerous enhancements to forms, colors, and overall developer experience.
This article outlines a comprehensive front‑end learning path—from basic HTML/CSS/JavaScript through framework mastery, Node.js, engineering tools, and code abstraction—while sharing personal experiences, practical code examples, and advice on continuous skill development for aspiring developers.
This article outlines a decade‑long, game‑style learning path for aspiring front‑end engineers, covering fundamentals, framework mastery, Node.js, engineering tooling, code abstraction techniques, and higher‑level thinking to help developers progress from beginner to senior level.
The article explains how to set up Jest for front‑end unit testing, demonstrates basic test writing, async handling, hooks, snapshot and React component testing, shows coverage configuration and thresholds, compares Jest’s built‑in features to Mocha’s limitations, and offers tips on concurrency, mocking, and test‑driven development.
This article explains why developers should dive into the massive ECMAScript specification, outlines the kinds of language features it defines, shows how to locate the official text, and walks through concrete examples that reveal the spec’s role in everyday JavaScript behavior.
Wenyan‑lang is an open‑source programming language that uses only Classical Chinese characters for source code, compiles to JavaScript or Python, and provides a full set of language constructs such as variables, control flow, operations, containers, and functions illustrated with clear code examples.
This article presents a comprehensive overview of more than forty Baidu open‑source projects, ranging from JavaScript charting libraries and UI frameworks to distributed configuration platforms, mobile testing tools, RPC frameworks, big‑data visualization, and AI software, highlighting their main features and typical use cases.
This article compiles over 70 open‑source projects released by Baidu, spanning front‑end libraries, backend frameworks, mobile tools, data‑visualization, distributed systems, AI platforms, and more, offering brief descriptions to help developers discover which of these resources they have already used.
This article systematically presents ten classic sorting algorithms—bubble, selection, insertion, quick, heap, merge, shell, counting, bucket, and radix—detailing their concepts, time and space complexities, step‑by‑step logic, animated illustrations, and complete source code examples in C++ and JavaScript.
The article explains how MySQL Shell 8.0.17+ can be extended using JavaScript or Python to build reusable reports and plugins, describes the directory layout, provides a complete example of registering a report and a plugin that list tables without primary keys, and shows how to invoke them via \show, \watch or direct function calls.
This article provides a comprehensive overview of the three leading front‑end technologies—React, Angular, and Vue—detailing their core concepts, component models, rendering mechanisms, key features, and typical command‑line workflows to help developers choose the most suitable framework for their projects.
This article explains the fundamentals of machine learning by illustrating how humans recognize cats, extracting features, training models with gradient descent, implementing linear regression, and providing practical JavaScript and SQL code examples for building a simple classifier.
This article explains why Selenium test automation requires ongoing maintenance, outlines the two main maintenance scenarios—test failures and dependency changes—and provides practical guidance for developers and testers to efficiently support and sustain automated testing in agile environments.
This article presents practical front‑end optimization strategies, covering ES6 syntax shortcuts, efficient JavaScript array operations, careful use of closures and timers, as well as CSS tricks like sprites, animation, and avoiding repaint/reflow to improve website performance and cross‑browser compatibility.
Meituan Takeaway built a hybrid JavaScript‑CocoaScript Sketch plugin that enforces a unified design system, lets designers select library elements which are exported as Sketch symbols and native code components, integrates a webview bridge, uses skpm/Webpack tooling, and dramatically cuts design drift, development cost, and QA effort across multiple platforms.
This article walks through a step‑by‑step implementation of JavaScript's Promise, covering prototype methods, static helpers like resolve, reject, all, and race, with detailed code examples, execution flow explanations, and a summary of the underlying observer pattern.
This article introduces Deno 1.0.0, outlines its security‑focused design and TypeScript support, provides step‑by‑step installation commands for macOS, Linux, and Windows, demonstrates a simple Hello World server, and explains required permissions and how it compares to Node.js.
This article explains how Node.js’s AsyncHooks API can be used to implicitly propagate request context across asynchronous calls, illustrates the mechanism with login flow diagrams, compares explicit context handling in frameworks like Express and Egg, and discusses performance and adoption considerations.
This article explains how Alibaba Cloud’s ConsoleOS implements a JavaScript and CSS sandbox for micro‑frontend applications, covering the underlying principles, code examples, native object simulation via iframes, CSS isolation techniques, and integration tips for other micro‑frontend frameworks.
This article examines TypeScript—a Microsoft‑backed JavaScript superset—detailing its static‑typing benefits, improved readability, bug reduction, and active ecosystem while also discussing learning costs, slower development speed, library compatibility issues, and the necessity of compilation, helping developers decide whether to adopt it.
This article introduces Nightwatch.js 1.3, outlines its new BDD interface, additional assertions and APIs, provides step‑by‑step installation of Nightwatch and browser drivers via npm, explains CLI options, demonstrates running a sample test, and offers guidance on unit testing and example projects.
Deno 1.0, the Rust‑written JavaScript/TypeScript runtime created by Ryan Dahl, introduces a CLI, a Rust‑based core, a new plugin system, and an HTTP server that handles about 25k requests per second with low latency, positioning it as a modern alternative to Node.js.
The article reflects on how frontend development has evolved from battling performance, compatibility, and legacy issues to exploring its true potential without constraints, discusses current bottlenecks in frameworks, tooling, and languages, and looks ahead to emerging technologies such as ESBuild, Deno, and Figma that may shape its future.
This article compiles over 70 Baidu open‑source projects spanning front‑end libraries, back‑end platforms, mobile frameworks, AI tools, and infrastructure components, providing concise descriptions of each to help developers discover useful resources across a wide range of technologies.
This weekly tech roundup explains the continuation concept in JavaScript, shows how CallCC underpins React hooks, highlights 2020 front‑end trends like low‑code, serverless and AI‑driven UI generation, and reports on recent Flutter web developments and a controversial COVID‑related news story.
The article explains JavaScript’s single‑threaded nature and how asynchronous programming—using callbacks, timers, Ajax, and Promises—relies on the event loop to manage macro‑tasks and micro‑tasks, illustrates execution order, warns against callback hell, and provides a custom Promise implementation.
This article introduces Boa, a Node.js library that bridges CPython, enabling JavaScript developers to import and use Python packages—especially machine‑learning libraries like PyTorch—seamlessly within Node.js, complete with practical code examples and API explanations.
This article chronicles Vue's journey from its first 0.6.0 release through major milestones like 1.0, 2.0, and the upcoming 3.0, explains the architectural changes, reactive system overhaul, Composition API, and provides practical code examples for migration and local experimentation.
This article explains the technical principles and step‑by‑step implementation of QR code login used by major platforms like WeChat and Taobao, covering server‑side UUID generation, Redis storage, token exchange, client polling, JSONP handling, and concrete code examples.
This article walks through the complete implementation of a match‑3 (three‑in‑a‑row) game using Vue, covering the core grid logic, swap mechanics, combo detection, crushing, sorting, filling new tiles, move‑possibility checks, and the Vue rendering pipeline with animation states.
This article details the design and implementation of a JavaScript library that enables TV remote navigation for webview‑based H5 pages, covering screen adaptation, focus management, scrolling logic, event handling, and practical usage within a TV‑side hardware product.
The article describes how Youzan Retail built a unified, cross‑platform printing library—using JavaScript as a common runtime—to replace duplicated native implementations, evolve its template language from JSON to HTML, and translate rendered receipts into ESC/POS commands, supporting iOS, Android, Java, PC and future Node.js services.
This article walks through the step‑by‑step creation of a JavaScript Promise implementation, explains why true chaining requires returning a new Promise from then, demonstrates mock asynchronous calls, and provides detailed code examples and execution logs to illustrate the complete chain behavior.
This article introduces the G2 JavaScript visualization engine, highlights its ease of creating interactive, data‑driven charts, and provides three complete code examples—including an app user distribution chart, an enterprise cash‑flow chart, and a dynamic bar chart—demonstrating how to render Canvas or SVG graphics with minimal effort.
Despite the rise of modern frameworks like React, Vue, and Angular, 97.5% of sites still use jQuery, and the newest jQuery release focuses on essential security patches while offering a slimmer build that removes ajax, highlighting the library’s continued stability and relevance for front‑end developers.
This article provides a thorough, step‑by‑step explanation of the entire browser request‑response cycle—including URL parsing, DNS lookup, TCP connection, server handling, response processing, and the detailed rendering pipeline—offering clear insight for developers and interview preparation.
jQuery 3.5.0 focuses on security fixes, removes a vulnerable regex from htmlPrefilter, offers a migration plugin to restore the old behavior, and introduces .even() and .odd() methods as replacements for the deprecated positional selectors.
This article explains how Vue 2 implements a virtual DOM by describing the structure of VNode objects, the render function, the createElement process, and the normalization utilities, providing detailed code examples and step‑by‑step analysis of the rendering pipeline.
This article explains why micro frontends are needed, outlines their engineering and product benefits, describes key architectural requirements, shares practical decisions such as stack‑independent bootstrapping, routing, isolation, resource loading, and communication, and presents real‑world results from Ant Financial’s OneX platform.
This article walks through Vue's source code to explain how the new Vue constructor initializes a component, merges options, proxies data, mounts the instance, and ultimately replaces template interpolations with reactive data during the rendering process.
Xianyu created a highly extensible user‑behavior collection framework that standardizes data into a common ODPS schema, uses JavaScript Proxy to intercept navigation and API calls, maps business metrics via JSON, aggregates reports to cut dataset‑creation effort from days to minutes while avoiding heavy full‑tracking overhead.
This article explains two algorithmic solutions for locating any duplicate number in an array of length n where values range from 0 to n‑1: a straightforward HashSet method using O(n) extra space and an in‑place swapping technique that achieves O(1) space, complete with Java and JavaScript code examples and complexity analysis.
An in‑depth analysis of V8’s Inline Cache mechanism shows how hidden classes, map transitions, type‑feedback vectors, and the IC state machine cause the second invocation of a JavaScript constructor to be slower than the first, while the third becomes faster, explaining performance variations in property accesses.
This article introduces Chrome extension fundamentals, outlines its core components and APIs, and provides a step‑by‑step guide—including server‑side WebSocket handling, content‑script communication, popup QR‑code generation, and installation methods—to create a flip‑pen remote‑control plugin.
This article explains the technical principles and step‑by‑step implementation of QR‑code login, covering both the web‑client and server sides, with detailed examples from WeChat and Taobao, including request flows, Redis usage, token handling, and JavaScript code snippets.
During pandemic remote work, this guide shows engineers how to use a webcam, TensorFlow.js pose detection, and simple web APIs to monitor posture, automate meal and water reminders, and generate audio alerts, turning everyday health risks into a programmable personal wellness system.
This article demonstrates how to enhance Selenium web‑scraping scripts by using JavaScript to directly modify date picker values and to automatically scroll dynamic pages, providing concise code examples that overcome common challenges when crawling sites like 12306 and Tencent Video.
This article ranks the seven most popular programming languages for test automation in 2020—Python, Java, JavaScript, C#, Ruby, PHP, and SmashTest—detailing their strengths, community support, and key frameworks to help you select the best language for your automation projects.
This article explains how to create a long‑press button in a Vue application by using native JavaScript events, timers, and a custom Vue directive, covering variable setup, start and cancel functions, event listeners for mouse and touch, and error handling for non‑function bindings.
This guide walks you through the rationale for desktop (C/S) apps, introduces Electron, details environment setup, project scaffolding, source structure, main and renderer processes, and showcases complete example applications built with Electron‑Vue.
This article explains why Chinese web fonts are large, how to analyze their structure, and presents practical techniques—including fontmin subsetting, SVG rendering, and the FontFace API—to dramatically reduce load time and control font display behavior for better user experience.
This article explains why dark mode has become a web design focus, describes system‑level dark/light themes, and provides step‑by‑step CSS and JavaScript solutions—including media queries, custom properties, color‑scheme, filters, mix‑blend‑mode, image handling, and loading strategies—to implement reliable dark mode across browsers.
This article introduces the Quill rich‑text editor, explains its built‑in modules, details the toolbar module loading process, and walks through creating a custom counter module, providing code examples and configuration tips for extending Quill in frontend projects.
The article explains front‑end development as browser‑side code that renders HTML skeleton, CSS styling, and JavaScript interactivity, traces the full request‑to‑display lifecycle, recounts JavaScript’s history from 1995 to ES6, and surveys evolving paradigms such as Ajax, MVC, MVVM, SPA, SSR, and full‑stack Node.
This article explains why dark mode has become a web design priority, describes the system‑level nature of dark/light themes, and provides practical CSS and JavaScript solutions—including media queries, custom properties, color‑scheme, filters, mix‑blend‑mode, and transition effects—to implement seamless dark mode support across browsers.
This article chronicles Yuque's evolution from a 2016 internal prototype to a fully commercialized knowledge‑base platform, detailing its JavaScript full‑stack architecture, migration from BaaS to IaaS, adoption of microservices and serverless functions, and the security and stability practices that support its growth.
This article explains the middleware design pattern in JavaScript, illustrating recursive and chainable implementations with Koa and Redux, and explores techniques such as function composition, reduceRight, parameter passing, and the role of currying and closures.
The article outlines typical anti‑crawling measures such as browser detection, captchas, login requirements, JavaScript obfuscation, and behavior‑based blocks, and provides practical counter‑strategies including header spoofing, captcha solving, session/token handling, JS emulation, and human‑like request pacing.
This article explains the technical principles behind QR code login, detailing the client‑server interaction, UUID generation, Redis storage, long‑polling, and token handling, and illustrates the implementation with real‑world examples from Taobao and WeChat, including code snippets and flow diagrams.
This article explains the technical principles behind QR code login, detailing the interaction between web, mobile, and server components, and provides concrete implementation examples from Taobao and WeChat, including code snippets, request flows, and handling of various response states.
This article explains the technical principles behind QR‑code login, detailing the end‑to‑end workflow between browsers, mobile apps and servers, and provides concrete implementations from Taobao and WeChat, including code snippets, polling mechanisms, Redis usage, and error handling.
This tutorial walks through essential Selenium WebDriver techniques in Python, covering driver path configuration, capturing full and partial screenshots, page refresh methods, opening new tabs, cropping images with Pillow, executing JavaScript, and retrieving script results, all with clear code examples.
This article provides a clear, step‑by‑step tutorial on regular expressions—covering fundamental metacharacters, quantifiers, grouping, alternation, character classes, assertions, capturing, back‑references, greedy vs. lazy matching, and includes runnable code snippets in Java and JavaScript for common validation tasks.
This article surveys the ten most promising Chinese front‑end frameworks of 2019‑2020, such as Ramda, WeUI, ColorUI, Omi, Taro, Flutter, SpriteJS, NestJS, DoKit and imgcook, highlighting their origins, key features, ecosystem support and GitHub popularity to illustrate the rapid evolution of front‑end technology.
This week’s Front‑End roundup covers a visual page‑builder design, Canvas‑based image filters, a Vue vs React comparison, a 2019 technology review, Airbnb’s large‑scale GraphQL migration, and the latest ES2020 JavaScript features, each with concise insights and illustrative images.
This tutorial explains how to implement common image filters such as red, grayscale, and inverse effects using the Canvas API, then introduces convolution fundamentals to achieve advanced effects like edge detection and sharpening, complete with code samples and visual results.
This article explains how to create a Babel plugin that removes console calls in production builds while extending console methods with styled output and source location information in development, covering installation, configuration, AST manipulation, option validation, and comprehensive testing using TypeScript, ts‑mocha, and chai.
