happy-dom

Home
happy-dom

Happy DOM is a JavaScript implementation of a web browser without its graphical user interface. It includes many web standards from WHATWG DOM and HTML.

Package: happy-dom

Created by: capricorn86

Last modified: Sun, 07 Apr 2024 15:20:38 GMT

Version: 14.7.1

License: MIT

Downloads: 2,883,106

Repository: https://github.com/capricorn86/happy-dom

Install

npm install happy-dom

yarn add happy-dom

A JavaScript implementation of a web browser without its graphical user interface.

DOM Features

Custom Elements (Web Components)
Declarative Shadow DOM
Mutation Observer
Tree Walker
Fetch API

And much more..

Documentation

Documentation | Getting Started | Setup as Test Environment | GitHub

Works With

Module Systems

ESM | CommonJS

Performance

Operation	JSDOM	Happy DOM
Import / Require	333 ms	45 ms
Parse HTML	256 ms	26 ms
Serialize HTML	65 ms	8 ms
Render custom element	214 ms	19 ms
querySelectorAll('tagname')	4.9 ms	0.7 ms
querySelectorAll(':nth-child(2n+1)')	10.4 ms	3.8 ms

See how the test was done here

Dependencies

entities: ^4.5.0 webidl-conversions: ^7.0.0 whatwg-mimetype: ^3.0.0

Dependencies

@types/node: ^16.11.7 @vitest/ui: ^0.33.0 @webref/css: 6.6.2 prettier: ^2.6.0 typescript: ^5.0.4 vitest: ^0.32.4

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Vue.js has gained immense popularity as a JavaScript framework for building user interfaces. Its simplicity, flexibility, and performance have made it a favorite among developers. However, to...

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Data validation is a critical aspect of web development that ensures the accuracy and integrity of user input. Whether it's validating an email address, password, or phone number, implementing robust...

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Hey there, Vue.js enthusiasts! Are you ready to dive into the world of troubleshooting? In this blog post, we'll be discussing common issues and solutions with vue-loader without using vue-cli....

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Welcome to another blog post on optimizing Webpack 4 with Vue CLI 3! In this article, we'll explore how to disable the Cache-Loader in Webpack and discuss the importance of optimizing build times for...

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

In today's blog post, we are going to dive into the world of Vuex plugins and explore how to add a function to your plugin. Vuex is an essential part of managing state in Vue applications, and...

Introducing a blog that delves into the exciting world of Vue.js components. Stay tuned for insightful examples and valuable insights that will elevate your Vue.js development skills.

Install

DOM Features

Documentation

Works With

Module Systems

Performance

Dependencies

Dependencies

RELATED POST