This article explains JavaScript's type coercion mechanisms, covering both implicit and explicit conversions for strings, numbers, booleans, objects, and symbols, and demonstrates how abstract operations like ToPrimitive, ToString, ToNumber, and ToBoolean affect runtime behavior.
This newsletter highlights design principles for massive JavaScript applications, secure sandboxing techniques for Node.js, the latest Node.js 10 and V8 6.6 features, WebAssembly debugging, and the CRNWEB framework enabling a single codebase across React‑Native, web, and PWA platforms.
GitHub’s security alerts, launched in October, have dramatically cut remediation times for Ruby and JavaScript projects—nearly half of alerts are addressed within a week and 98% of actively maintained repositories patch within seven days—identifying over 400 million vulnerabilities across more than 500 thousand repositories, with detailed notifications delivered via the platform, email, and a new weekly summary, and future support planned for Python.
This article reviews the major additions and deprecations introduced in React 16, including component array returns, portals, error boundaries, fragments, strict mode, the new context API, createRef/forwardRef, fiber architecture, and async rendering utilities, illustrated with code examples.
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.
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.
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.
This article analyzes the ten most frequent JavaScript errors identified from over a thousand projects, explains why each occurs, and offers practical code examples and preventive techniques to help developers avoid these common pitfalls.
This article explores practical JavaScript and DOM optimization techniques—avoiding eval, using local variables, minimizing reflows, and leveraging efficient string handling—to dramatically improve web application performance.
This article introduces WebAssembly, explains its performance advantages over JavaScript, details the setup of development tools like Emscripten, CMake, and WABT on macOS, and provides step‑by‑step examples for compiling C/C++ code to .wasm, loading modules in JavaScript, and using advanced features.
This article explains the theory and JavaScript implementations of various knapsack problem variants—including 0/1, complete, unbounded, and multi‑knapsack—detailing state transition equations, space‑optimisation techniques such as rolling arrays and binary decomposition, and provides full code examples for each solution.
This article explores WebAssembly’s origins, technical architecture, current browser support, limitations such as lack of OOP, garbage collection, and multithreading, and discusses its security concerns and roadmap, ultimately questioning whether it will ever supplant JavaScript in the web ecosystem.
An in‑depth exploration of React Hot Loader’s origins, underlying HMR principles, challenges with state and DOM preservation, the development of proxy‑based solutions, React Transform, and the progression to newer versions, providing practical code examples and insights for frontend developers.
G3D is a WebGL‑based JavaScript 3D rendering engine created by Alibaba’s terminal team to run in hybrid environments like Weex and React Native, offering core 3D features while addressing the limitations of existing engines such as three.js and Babylon.js.
This tutorial walks you through creating a Chrome extension—from understanding what extensions are, setting up the manifest and HTML files, testing in developer mode, adding movie‑background features with the TMDb API, to publishing the finished extension on the Chrome Web Store.
This article walks through the inner mechanics of JavaScript Promises, explaining their basic prototype, asynchronous handling with the event loop, state management, chainable behavior, and error handling, all illustrated with step‑by‑step code examples and diagrams.
This guide demonstrates how to create a CAPTCHA verification feature in Java by generating random characters and interference lines using Graphics, serving the image via a servlet, and integrating it into an HTML registration page with JavaScript for dynamic refresh.
This article explains the fundamentals of hash tables, covering their basic concepts, construction methods, various collision‑resolution techniques such as open addressing and chaining, and compares several widely used hash functions with performance insights.
This article compares the traditional XMLHttpRequest‑based AJAX approach with the modern Fetch API, highlighting its Promise‑based design, cleaner syntax, better compatibility strategies, common pitfalls, and practical usage tips for frontend developers.
Loder is a lightweight, declarative web loader that optimizes resource‑task dependencies, enables ultra‑fast app startup, and provides performance tracking, helping developers overcome the limitations of traditional linear loading especially on constrained mobile devices.
This article examines how developers can decide on their first programming language by analyzing job market trends, long‑term prospects, learning speed, and project potential, using data visualizations and expert opinions to highlight why JavaScript often emerges as the top choice.
This article presents a comprehensive, up‑to‑date guide for invoking native apps from H5 pages on platforms such as WeChat, QQ, Weibo and Safari, covering universal links, scheme URLs, fallback strategies, platform‑specific quirks, testing tips, and a ready‑to‑use JavaScript implementation.
This article explains what a Webpack loader is, how it works, how to configure single or multiple loaders in webpack.config.js, best‑practice guidelines, and provides a complete example of an html‑minify loader with both synchronous and asynchronous implementations.
This tutorial walks you through installing Node.js, configuring npm to avoid permission issues, using npm in both global and local modes, managing package versions with package.json, searching for packages, cleaning the cache, and leveraging version managers, providing a complete guide for modern JavaScript development.
This article explains the rules, scoring system, and level design of the classic "Popstar" match‑3 game, then details a full MVC implementation in JavaScript—including tile representation, wave‑average distribution, shuffle, wall solidification, view updates, control bindings, and a discussion of the knapsack‑style max‑score problem—while providing complete code snippets and a GitHub repository link.
This article explains the evolution of JavaScript performance, introduces WebAssembly concepts and browser support, provides step‑by‑step installation of Emscripten, WABT, and related tools on macOS, demonstrates WebAssembly APIs such as validate, Module, compile, Instance, Memory and Table, and shows practical examples of compiling and invoking C/C++ and Rust code from JavaScript.
This article explains how LINE Manga uses a custom Page Stack architecture, inspired by iOS UINavigationController, to deliver native‑like, smooth page transitions in a web environment, addressing back‑button latency, scroll restoration, and lazy‑load image issues with practical React/React‑Router examples.
This comprehensive guide introduces Rax—a lightweight, cross‑container JavaScript framework from Alibaba—covers its core concepts, JSX syntax, component lifecycle, event handling, drivers, framework APIs, development tools, debugging, deployment best practices, and provides practical code examples for beginners and experienced developers alike.
Despite its reputation for oddities and browser inconsistencies, JavaScript has evolved with ES6 features like default parameters, arrow functions, template literals, destructuring, and more, making it expressive and efficient; this article explores those quirks and explains why the author prefers JavaScript for modern development.
This article explains the concept, purpose, and elements of data binding in JavaScript, describes view‑to‑model and model‑to‑view binding techniques such as publish‑subscribe, data hijacking and dirty checking, and provides a complete implementation using an Observer, a Compile engine, and a ViewModel to achieve automatic UI updates when the underlying data changes.
The 2017 npm State of JavaScript report analyzes the popularity and growth of major front‑end frameworks—React, Preact, Angular, Ember, Vue, and Backbone—showing dramatic shifts, rapid adoption rates, and guidance for developers choosing the right tool for their projects.
This article presents a curated collection of 48 practical JavaScript utilities—from generating anagrams and calculating averages to deep‑flattening arrays and creating UUIDs—each explained in a concise description with ready‑to‑use code examples for front‑end developers.
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.
This article explains how to implement client‑side image compression in mobile browsers by converting selected files to DataURL, resizing them with a Canvas element, adjusting compression rates based on file size, and finally uploading the compressed Blob to a server via AJAX.
This concise JavaScript example demonstrates how to employ setTimeout to schedule a console.log call that prints a colored 'Good night, friends~' message after a two‑hour delay, illustrating the use of timing functions and CSS styling within console output.
Based on responses from over 23,000 developers, this survey uncovers the latest JavaScript ecosystem trends—including the dominance of React, the evolving roles of Angular and Vue, rising interest in GraphQL, salary impacts of framework choices, and the expanding use of JavaScript beyond the browser.
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.
This article explains why all IEEE‑754 based languages suffer from floating‑point precision errors, illustrates common problematic calculations, and presents integer‑conversion techniques and library recommendations such as decimal.js to achieve accurate numeric results, especially for financial computations.
This article explains why ESLint’s no‑return‑assign and no‑constant‑condition rules fire, shows concrete examples—including arrow functions and leftover debug code—and provides step‑by‑step fixes to make the intent of the JavaScript code clear and maintainable.
This article explores why unit testing is essential for frontend projects, compares Mocha and Jest across assertions, coverage, environment setup, mocking, snapshots, and watch mode, and offers practical guidance on choosing tools, writing maintainable tests, and balancing coverage with development speed.
This article explains the concept of self‑modifying code, shares a JavaScript example that changes its behavior on Thanksgiving, and discusses when such dynamic techniques are appropriate in modern development.
This article walks you through using JavaScript to implement a simple k‑nearest neighbours classifier for the MNIST handwritten digit dataset, covering data representation, preparation, algorithm implementation, testing, performance analysis, and practical deployment considerations.
The article explains how to adapt a JavaScript API module from using the Fetch API to Axios by introducing adapter abstractions, detailing code changes, error handling, and the benefits of refactoring for maintainability and extensibility.
This article explains the evolution from asm.js to WebAssembly, compares their performance, outlines implementation strategies—including AssemblyScript, hand‑written asm.js, and C/C++ compilation with Emscripten—and provides practical code examples and tips for integrating WebAssembly into web applications.
This article explains how Draft.js, a React‑based rich‑text editor framework, can be applied to build a customizable editor with support for structured content, immutable state management, custom block rendering, data conversion, and hook handling, providing code examples throughout.
This article explains how to replace traditional pagination with scroll‑triggered lazy loading, using a 200 px threshold, 60 ms event throttling, a loading‑state lock, UI feedback, error handling, and cross‑platform scroll compatibility to improve user experience on web and mobile pages.
This tutorial walks through creating a web‑based basketball shooting game by initializing LayaAir, integrating the Matter.js physics engine, handling user gestures to draw aim lines, applying forces to a ball, and adding realistic basket components, while sharing practical code snippets and performance tips.
This guide explains how to create linear, curved, and path‑based movement animations on the web using pure CSS keyframes, SVG animation techniques, and JavaScript libraries like Greensock, while also showing how to export After Effects keyframes into CSS code.
This tutorial walks you through installing React Router v4, creating basic, nested, and dynamic routes, handling URL parameters, and implementing protected routes with authentication, providing comprehensive code examples and best practices for building robust client‑side navigation in modern React applications.
This article explains how to implement a one‑stroke puzzle game using graph theory, describes the two‑step rendering process, provides JavaScript pseudocode for touch interaction, and details an automatic image‑recognition tool that extracts level data from hand‑drawn diagrams while optimizing performance.
This article explains the concept and implementation of virtual DOM, focusing on Vue's use of the Snabbdom algorithm, detailing its node structure, creation, update process, lifecycle hooks, and code examples to illustrate how virtual DOM optimizes front‑end performance.
Promisify converts Node‑style callback functions into Promise‑based ones by ensuring the callback is the last argument and its first parameter is an error, enabling cleaner asynchronous code with examples, implementation details, and optimizations for JavaScript developers.
This guide outlines the essential skills—from HTML/CSS and JavaScript to backend languages, databases, HTTP/REST, architecture, Git, and core algorithms—needed to become a full‑stack web developer in 2017 and land your first job.
This guide explains how to obtain an element's CSS background‑color value using Nightwatch's getCssProperty method, wrap it in a custom command, and compare the retrieved RGBA color with the expected RGB value in automated UI tests.
This article explains how to apply common design patterns such as Singleton and Observer in front‑end JavaScript, demonstrating practical extensions using Function.prototype, discussing the Open‑Closed Principle, and providing code examples for flexible, maintainable code without invasive modifications.
This article explains why rules like eqeqeq, no‑bitwise, and no‑implicit‑coercion should be avoided, shows concrete examples of problematic code, and provides clear manual fixes to improve JavaScript quality with ESLint.
This article explains how to create a JavaScript function that sends a POST request to a license‑generation API, retrieve the license data, and use it in subsequent automated test cases, including handling asynchronous callbacks and example usage.
This tutorial walks through using Three.js to create basic 3D scenes in HTML, covering library inclusion, renderer, scene, camera, object creation, camera positioning and angle adjustments, as well as adding rotation effects and rendering textured objects, with visual demos and code snippets.
This article walks front‑end developers through the author's deductive model of React, covering transformation, abstraction, composition, state handling, memoization, list management, continuations, state maps, and algebraic effects with clear code examples.
This article explains how to retrieve a license count using Nightwatch.js, manage JavaScript's asynchronous callbacks, compare two retrieved values, and assert the expected increment, providing complete code examples and practical tips for reliable UI automation testing.
This article explains how to perform simple and combined keyboard actions such as Enter and Ctrl+A in Nightwatch.js automated tests, provides code examples for Google (or Baidu) searches, and lists all available key constants for reference.
This article shows how to create a global timer object that tracks setTimeout and setInterval IDs, provides batch clearing, adds pause and resume capabilities, and demonstrates framework‑agnostic implementations inspired by CreateJS and PIXI, with full code examples and GitHub references.
This article explains how to implement the classic Snake game using the MVC pattern, detailing the model's grid representation, chain‑list versus array for the snake body, random food placement algorithms, view rendering optimizations with PIXI, and control APIs for game interaction.
This article introduces the Chinese translation of "Functional Light JavaScript," explaining the book’s focus on lightweight functional programming concepts in JavaScript, the author’s journey, the core philosophy, a detailed table of contents, and where to find the open‑source translation.
This article curates the 18 most popular Chinese front‑end open‑source projects—covering UI frameworks, chart libraries, responsive grids, animation tools and more—detailing their ratings, star counts, licenses, primary languages, platforms and key features to help developers choose effective learning resources.
Learn how to efficiently locate and fix JavaScript bugs by reproducing errors, setting breakpoints, stepping through code, inspecting variables with Watch expressions, and editing code directly in Chrome DevTools, all demonstrated through a concrete addition calculator example.
According to the October 2017 TIOBE Index, Java, C, and C++ remain the top three languages, while C# and Python hold fourth and fifth places; Swift has slipped to 16th, and the rise of hybrid mobile frameworks is boosting C# and JavaScript at the expense of Java and Swift.
This article explains the fundamentals of unit testing, including its importance, various test types, tool categories, implementation principles, hooks, best‑practice guidelines, and introduces the Jest JavaScript testing framework with installation steps, features, and example test scripts for both synchronous and asynchronous code.
This guide walks you through analyzing the Meituan Waimai app's comment section, uncovering the AJAX requests that load data, constructing the proper URL pattern, looping through pages to fetch JSON, and storing the results in files or a database for further analysis.
This guide introduces Bootstrap Table, a jQuery‑based plugin for enhancing HTML tables, covering basic initialization with local data, server‑side loading via AJAX, detailed parameter explanations, common events, and frequently used methods, providing code examples for each scenario.
This article introduces Electron and the Nightmare framework, explains how to install and use Nightmare for web automation and crawling, and provides a complete example of scraping Zhihu topic data with JavaScript, Node.js, and Cheerio, including code snippets and JSON output.
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.
This article shares a developer's transition from Android to front‑end, outlines browser engine fundamentals, essential web technologies, a simple code example, recommended tools, engineering workflow, and future learning paths to help beginners build a solid front‑end foundation.
This article examines why JavaScript developers experience fatigue, explains that software exists to reduce costs and increase revenue, and offers practical strategies—such as mastering fundamentals, selective tool use, and test‑driven development—to help engineers stay productive and focused on solving real business problems.
This article introduces Nightwatch.js, a Node.js‑based end‑to‑end testing framework for web and app testing, explains why the author switched from Java‑Selenium‑TestNG to Nightwatch.js, and outlines its key features such as simple syntax, built‑in runner, Selenium integration, cloud support, CI reporting, and extensibility.
Learn how Nuxt.js extends Vue.js to provide seamless server‑side rendering, from installation and project scaffolding to directory structure, rendering flow, middleware, asyncData handling, routing conventions, and configuration tips, enabling SEO‑friendly, high‑performance web applications.
This article presents a detailed roadmap for aspiring front‑end engineers, covering essential fundamentals, design principles, development techniques, networking basics, server‑side knowledge, database skills, and soft‑skill practices, while providing practical code examples and resource recommendations.
This article presents a comprehensive Mini Program tutorial covering the full course syllabus—from introductory setup and appID registration to intermediate project structure, utility extraction, network handling, list and detail page implementation—along with a detailed step‑by‑step guide for obtaining and configuring an appID.
This week’s frontend roundup covers Tencent’s soaring profits, Andrew Ng’s $150 million AI fund, Google’s DeepLearn.js library, Next.js 3.0, Node 8.3, Angular 5 PWA features, .NET Standard 2.0, AWS joining CNCF, Huawei’s drone‑based emergency network, and Firefox 55’s WebVR support.
This article explains why switching iframe pages to HTTPS broke automatic resizing due to cross-origin restrictions, introduces the easyXDM library as a comprehensive solution, and provides step‑by‑step code examples for parent‑child communication, protocol selection, multi‑iframe handling, and debugging techniques.
This article reviews the compatibility of various Node.js versions with ES6 features, explains key ES6 constructs such as let, const, template literals, default parameters, destructuring, and classes, and presents performance benchmarks comparing these features to their ES5 equivalents, concluding with practical recommendations for developers.
This article, adapted from a university‑level front‑end lecture, explains what front‑end development is, how browsers render pages, the layered architecture of HTML, CSS, and JavaScript, and the modern tools and practices that turn static markup into interactive web applications.
This tutorial shows how to build a cross‑platform WebVR voxel‑building demo, similar to Minecraft, using A‑Frame and just a handful of HTML elements, covering scene setup, assets preloading, entity‑component patterns, custom components, mixins, hand controllers, teleportation, and device‑agnostic interaction.
This article provides a comprehensive overview of the front‑end development workflow, explaining core concepts like HTML, CSS, JavaScript, and detailing essential tools such as npm, Babel, Gulp, Webpack, and popular frameworks like React and Vue, while addressing their roles and interactions.
This week’s front‑end roundup covers Storybook 3.2’s Vue support, Webpack’s first‑class WebAssembly push, WebKit’s PWA plans, a browser‑based neural‑network framework, Coinbase’s $100 M raise, TensorFlow 1.3 updates, Netflix’s Vectorflow, Visual Studio 2017 preview, and Angular AOT memory limits.
This article examines Chrome extension manifest structures, recent security‑related changes, and presents methods—including script onload/onerror probing and a web‑store spider—to detect and enumerate extensions, supplemented by sample code and data from large‑scale analysis.
This article examines a production incident caused by using the ES5 for...in loop to iterate over arrays, explains its pitfalls such as prototype pollution and string indexes, and demonstrates why switching to the ES6 for...of construct provides safer, more predictable array traversal.
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.
This article explains the concept of higher‑order components (HOCs) in React, demonstrates basic and advanced implementations—including parameterized HOCs, display‑name handling, composition with compose, and practical examples such as loading and copy utilities—while comparing HOCs with parent components and recommending open‑source libraries.
This guide explains what Gitalk is, outlines its key features, shows how to install it via CDN or npm, details required GitHub application settings, provides configuration options with code examples, and describes usage, rendering, contribution steps, and related projects.
This article explains how to construct regular expressions that balance matching expected strings, avoiding false matches, maintaining readability, and achieving performance, while covering when to use regex, practical JavaScript examples, accuracy techniques for phone numbers and floats, and key optimization strategies.
This guide explores JavaScript's console object, detailing its logging methods, formatting placeholders, table displays, grouping, timing, and additional utilities, while providing code snippets and visual examples to help developers debug and present information effectively in browsers.
This article explains the fundamentals of functional programming, its contrast with imperative coding, the role of pure functions and monads, and why its declarative and asynchronous features are increasingly essential for modern front‑end frameworks and reactive UI development.
This article explores practical lossy and lossless compression techniques for web front‑end assets, covering image compression via Canvas, data compression using LZ‑based algorithms, recommended JavaScript libraries, and a novel PNG‑based approach to shrink resources without sacrificing functionality.
A roundup of this week's front‑end highlights includes NetEase's new "Dream Werewolf" game, Apple's iPod discontinuation, Facebook Messenger 2.1 with embedded NLP, React's licensing controversy, npm 5.3.0 updates, Expo SDK v19.0.0, Angular releases, Google IPv6 stats, the Facets visualization tool, and Adobe's Flash sunset.
This article reviews twelve free, open‑source coding‑game platforms—such as CodeCombat, Screeps, CheckiO, VIM Adventures, Cyber‑Dojo, CodeMonkey, the Elevator Programming Game, Codewars, Ruby Quiz, Git‑Game and hacker.org—covering languages from JavaScript to Python and suitable for beginners to advanced programmers.
This article provides a detailed walkthrough of building controlled form components in React.js, covering text, number, checkbox, radio, textarea, and select inputs, along with state management, form submission, clearing, validation, and full source code examples.
This article explains how Node.js achieves its single‑threaded, non‑blocking behavior through callbacks, an event‑driven model, and an event‑loop that leverages libuv’s thread pool, and it illustrates these concepts with detailed code examples and diagrams.
This tutorial introduces CreateJS’s four modules, demonstrates asset preloading, drawing workflows, tick handling, touch support, object layering, image manipulation, and provides a complete seamless‑scrolling background demo with full code examples.
This article introduces WKWebView, compares it with the legacy UIWebView in terms of performance and memory usage, explains usage patterns, delegate protocols, JavaScript‑Native interaction, common pitfalls such as cookie handling, process crashes, caching, and offers practical solutions and best‑practice recommendations for iOS developers.
