This tutorial demonstrates how to detect, extract, and paste content copied from WeChat into a Mini Program by using the wx.getClipboardData API, applying regular‑expression matching, and displaying a confirmation modal only when the clipboard data differs from the previously stored value.
This article provides a detailed, step‑by‑step explanation of how a browser processes a simple HTTP request—from URL parsing, DNS lookup, and TCP connection through server handling, response reception, HTML/CSS parsing, layout, painting, reflow/repaint, and JavaScript execution—highlighting key concepts, optimizations, and common pitfalls.
This article explores the evolution of front‑end technology from early web effects to modern interactive media, detailing Alibaba's comprehensive interactive platform, the shift beyond mere efficiency, the impact of serverless architectures, and the expanding role of front‑end engineers in business‑driven product development.
A Tidelift analysis of over 6,000 developers reveals that JavaScript, Python, and Java dominate modern software projects, with detailed usage percentages, team size trends, and comparisons to other language rankings, offering valuable guidance for technology decisions.
This article introduces five distinctive jQuery-powered back‑to‑top animations—including a cartoon character, rocket launcher, starry rocket, floating rocket, and a music‑ding effect—explaining their visual style, providing brief descriptions, and offering download URLs for the source code.
This curated collection presents concise overviews of recent front‑end advancements, covering micro‑frontend architecture in Xiaomi CRM, G6 4.0 visual analytics, code‑quality best practices, 2020's hottest technologies, CDN fundamentals, CSS trends, component design, TypeScript popularity, VSCode inspection tools, watermark techniques, GPU.js acceleration, React DOM manipulation, and the top JS13K 2020 games.
Celebrating JavaScript’s 25th anniversary, this article traces its rapid 10‑day creation in 1995, its evolution into the world’s most popular language, the rise of TypeScript, the impact of V8, and emerging technologies like WebAssembly that extend its influence across the web.
This article explains the various ways browsers interpret the numeric value zero in JavaScript timers, numeric comparisons, type coercion, and CSS properties such as font-size, width, height, line-height, and transform, providing code examples and cross‑browser observations.
This document identifies common JavaScript code pitfalls, such as inefficient array methods and complex conditionals, and provides best practices for improving code readability and maintainability through modern JavaScript techniques and tools.
The article reviews TC39’s 2020 final meeting, outlines stage‑gate requirements, and explains key proposals—including Error‑cause, Module Blocks, Extensions, and Grouped Accessors—detailing their motivations, syntax, and potential impact on JavaScript development.
The 2020 TC39 meeting reviewed several ECMAScript proposals—including Error Cause, Module Blocks, Extensions, and Grouped Accessor—detailing their motivations, required champion work, and code examples, while noting that no proposal advanced to a higher stage during the session.
This article walks you through building a fully functional Promise library in JavaScript, starting with a basic implementation, then adding asynchronous handling, chaining, state management, error handling, and finally aligning with the Promise/A+ specification, complete with code examples and testing guidance.
This article explains three practical SSO implementation methods—using a parent‑domain cookie, deploying an authentication center, and leveraging LocalStorage with iframe/postMessage—to share session IDs or tokens across multiple web applications, discussing their advantages, limitations, and code examples.
This guide shows how to create a simple web page that converts a given text string into spoken audio using the HTML5 SpeechSynthesis API, with a complete code example, execution steps, and browser compatibility notes.
This article introduces AntV X6, a versatile JavaScript graph‑editing engine, covering its core capabilities such as node and edge creation, custom HTML/React nodes, rich connection styles, grid and background options, interactive tools like ports, grouping, selection, undo/redo, and provides links to tutorials, demos, and extensibility mechanisms.
This article explains how Taobao redesigned its web‑to‑app deep‑link system, introduced a lightweight JavaScript SDK, standardized protocol configurations, and built a control platform to improve deep‑link success rates by up to 40% during the Double 11 shopping festival, while providing detailed metrics and future optimization directions.
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.
This article demonstrates how to replace heavy swiper libraries with a slim, pure‑CSS carousel using scroll‑snap‑type, scroll‑snap‑align, and scroll‑behavior, and adds a small JavaScript polyfill for smooth scrolling and automatic slide rotation, complete with npm packaging and compatibility notes.
This article introduces JavaScript fundamentals, explains three ways to include scripts, demonstrates simple click events, shows how to use selectors, outlines event handling, and covers DOM manipulation techniques such as modifying content, styles, and classes, including retrieving computed styles.
This article explains the differences between Node and Element in the DOM, clarifies the roles of NodeList and HTMLCollection, demonstrates how to inspect child nodes with code examples, and provides practical tips for handling these objects in frontend development.
This article provides a step‑by‑step tutorial on installing Node, vue‑cli, and Electron, explains the Electron source and project directory layouts, describes the main and renderer processes, and showcases two complete Electron‑Vue sample applications with full command‑line instructions.
This tutorial demonstrates how to create a lightweight chatroom by combining WebSocket on the front end with Swoole's WebSocket server in PHP, covering project setup, required environment, client‑side HTML/JS, server‑side PHP code, and steps to run and test the application.
The article introduces pure functions and shows how JavaScript functors like Box can lazily transform values with map, uses LazyBox to defer side effects until fold, then extends the concept to applicative functors and Either for composable validation via ap and liftA2 helpers.
The guide details how the Jimu Sketch plugin was transformed from a simple internal tool into a platform‑wide solution that supports multi‑business switching, automated library conversion, UI/UX enhancements, performance caching, a native inspector panel, and deep JavaScript‑Objective‑C integration for scalable design‑system workflows.
This article introduces the classic Hello World example in JavaScript, demonstrates the standard alert implementation, then challenges readers to output Hello World using only six characters through JSFuck techniques, explaining the underlying type coercion, array creation, and operator tricks that make it possible.
JavaScript’s 0.2 + 0.1 yielding 0.30000000000000004 stems from binary floating‑point representation, where many decimal fractions cannot be expressed exactly; the article explains decimal‑to‑binary conversion, the repeating binary of 0.1, IEEE‑754 format, and how to avoid precision loss using BigDecimal in Java.
This article provides CTOs and project managers with a comprehensive comparison of React and Vue, covering factors such as code quality, type checking, modularity, learning curve, developer friendliness, testing, server‑side rendering, performance, scalability, application size, and practical use‑case recommendations.
This article explains how Node.js's vm module creates isolated execution contexts, demonstrates several sandbox‑escape techniques using prototype chain manipulation, and offers practical solutions such as code scanning, using vm2, or building a custom interpreter to mitigate security risks.
tocbot is a JavaScript library that generates a table of contents from HTML content, allowing users to navigate documents easily with scrolling synchronization.
The 15th D2 Frontend Technology Forum, an Alibaba‑hosted online conference on Youku (Dec 19‑20 2020), offers early‑bird (30 CNY) and regular (98 CNY) tickets and features five tracks—including language frameworks, cross‑end tech, serverless Node.js, security, and diversified applications—showcasing ECMAScript, RxJS, Flutter, IoT, game‑level interaction and multimedia in a non‑profit, coffee‑price experience.
This guide explains the fundamentals of tensors in TensorFlow.js—including scalars, vectors, and higher‑dimensional tensors—demonstrates how to convert real‑world data such as the Titanic dataset into tensors, and shows how to build, compile, and train a simple neural network model using appropriate layers, loss functions, and optimizers.
A satirical list of ten misguided developer habits—from obsessively mastering JavaScript to ignoring communication—highlights how these anti‑patterns sabotage code quality, teamwork, and career growth, offering a cautionary guide for anyone aiming to become a better programmer.
This guide explains how to install Axios, set up a reusable HTTP module in a Vue project, configure environment‑specific base URLs, define request timeouts and headers, and implement request and response interceptors along with simple get/post wrapper functions.
Node.js 15, the latest runtime release, replaces Node.js 14 as the active line, introduces npm 7 with workspace and peer‑dependency auto‑install, switches unhandled promise rejections to throw mode, adds N‑API 7, updates V8 to 8.6, and includes QUIC support, though it is not yet LTS and isn’t recommended for production.
The article reviews the latest TC39 meeting, detailing the progression of multiple ECMAScript proposals—including Error Cause, Intl.DisplayNames, .item(), Import Assertions, class static blocks, resizable buffers, enumeration APIs, double‑ended iterators, integer math extensions, standardized debug, string dedent, and locale enhancements—while explaining stage requirements, implementation notes, and example code.
The article explains that JavaScript’s single‑threaded language model relies on the engine and runtime to provide asynchronous I/O and an event loop for concurrency, while multi‑core utilization is achieved through workers, child processes, or clusters, and synchronous APIs remain useful for short, predictable tasks.
In the era of big data and GDPR, front‑end developers must protect personal information beyond HTTPS by using a hybrid AES‑RSA encryption scheme, and this article explains the threats, compares symmetric, asymmetric and hash algorithms, and provides full client‑side and Node.js server implementations with code examples.
This article explains why JavaScript’s Number type, which follows the IEEE‑754 double‑precision standard, can produce unexpected results such as 0.1 + 0.2 = 0.30000000000000004, demonstrates the binary representation of numbers like 2.5 and 0.1, and offers practical techniques and libraries to mitigate floating‑point errors.
The TC39 meeting covered a range of ECMAScript proposals—including Error Cause, Intl.DisplayNames, .item() for indexables, Import Assertions, Class static initialization blocks, ResizableArrayBuffer, Intl.Enumeration, Double‑Ended Iterators, integer‑math extensions, Standardized Debug, String Dedent, Intl Locale and DisplayNames v2—detailing their stage‑gate requirements, example implementations, and impact on JavaScript development.
This article provides a comprehensive walkthrough of the Vue‑Router source code, explaining its initialization, matcher creation, routing modes, navigation methods, router‑view and router‑link components, and demonstrates how to implement dynamic route permission control using Vuex and global navigation guards.
This article identifies four common programming patterns—loops, conditional statements, vague variable names, and global scope—that hinder code clarity and maintainability, and shows how to replace them with higher‑order functions, data‑driven structures, purposeful naming, and encapsulation techniques.
This article demonstrates two ways to retrieve user-entered text in a React component—by accessing the event object's target value in an onChange handler and by defining a ref to read the input value directly—along with the supporting index.js setup.
This article explains Redux’s simple yet powerful state‑management model, its three core principles, key concepts such as actions, reducers, and store, and demonstrates how to integrate Redux with React using react‑redux’s Provider and connect APIs with practical code examples.
This tutorial introduces React fundamentals, covering installation, JSX syntax, component creation with functions and classes, props and state management, lifecycle events, controlled and uncontrolled forms, and component communication patterns and best practices.
This article introduces common frontend design patterns—creational, structural, and behavioral—explains the SOLID principles behind them, and provides clear JavaScript examples for each pattern, helping developers understand when and how to apply them for more maintainable code.
This article explains Vue's $nextTick by first detailing JavaScript's single‑threaded event loop, then showing how Vue batches DOM updates using macro‑ and micro‑tasks, and finally walks through a custom implementation with code examples and common pitfalls.
WeChat Mini Programs now support sharing to Moments via a new single‑page mode that shows a fixed navigation bar and bottom bar, imposes restrictions such as no login or navigation, requires setting navigationBarFit, and can be handled by detecting scene 1154 and using conditional logic, dedicated components, or an ExtendPage helper to adapt page behavior.
This article dissects HarmonyOS 2.0's embedded GUI stack, explaining its three abstraction layers—JS framework, JS engine/runtime, and graphics rendering—while detailing the underlying open‑source components, custom C++ integrations, performance trade‑offs, and practical code examples for developers.
This guide walks through building a Spring MVC backend that accepts multiple image uploads, returns them for preview, and covers front‑end HTML, JavaScript handling, multipart configuration, and common pitfalls such as parameter naming, file size limits, and global exception handling.
The article outlines practical front‑end performance tricks—caching object references, freezing immutable data to bypass Vue reactivity, using preload/prefetch/DNS‑prefetch/prerender/preconnect tags, and initiating parallel API and asset loads—demonstrating measurable bundle size reductions and faster page rendering in a Vue‑based Vivo site.
This article compares three real‑time data delivery techniques—long/short polling, Server‑Sent Events, and WebSockets—explaining their mechanisms, advantages, drawbacks, and providing sample client‑server implementations to help developers select the most suitable approach for a dashboard that streams GitHub/Twitter activity.
TWebLive, Tencent Cloud’s new web‑live interactive SDK, bundles TRTC, TIM and TCPlayer to let developers add push streaming, low‑latency WebRTC or CDN playback, and real‑time chat or bullet‑screen interaction with simple APIs, demo projects and open‑source code, replacing legacy Flash solutions.
The article shows how to avoid hard‑coded status strings in Vue by defining a reusable errorCode module, importing it where needed, and mapping backend response codes to human‑readable messages with a default fallback, simplifying maintenance across the project.
This tutorial explains how to configure a certified WeChat public account, construct the OAuth authorization URL, exchange the returned code for an access token, retrieve the user's basic profile—including nickname—and redirect back to the H5 page, while covering required parameters and token refresh details.
This guide shows how to protect plaintext passwords in a Vue login flow by using RSA asymmetric encryption with the JSEncrypt library, generating key pairs, creating utility functions, and storing encrypted credentials in cookies while providing decryption on retrieval.
Learn how to create a browser‑compatible MNIST image classification model using TensorFlow.js, covering data preprocessing with sprite images, model construction, training, and evaluation, while providing complete JavaScript code examples and practical tips for handling ArrayBuffer, DataView, and visualization.
Apache ECharts 4.9.0, an open‑source JavaScript charting library incubated by Apache, introduces new features such as polygon graph connections and horizontal funnel orientation, adds tooltip text shadow and brush style options, and resolves numerous bugs across components like toolbox, tooltip, and bar charts.
This article provides a step‑by‑step tutorial on installing Node, Vue‑CLI, and Electron, creating and running Electron projects, explaining the source directory layout, main and renderer processes, and showcasing real‑world examples such as a cloud music player and a QQ music client.
Using setInterval for repeated tasks in JavaScript can lead to unhandled errors, ignore network latency, and provide no guarantee of execution timing, causing request overloads and missed intervals; replacing it with setTimeout and dynamic scheduling ensures more reliable, controlled, and error‑resilient timing behavior.
This tutorial shows how to craft playful romantic messages and visual heart art using Python and JavaScript code snippets, including ASCII‑based text, a one‑line heart generator, QR code creation, and a canvas‑drawn rose, all illustrated with example outputs.
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.
