与网页设计一样，网页开发的技术发展也非常快。不断变化的前端工具为前端提供了越来越强大的开发能力和效率，甚至改变了网站的构建方式。 VirtualDOM是改变前端开发的众多工具之一。

DOM（文档对象模型）是一种定义网站结构的树模型。选择和遍历DOM可能是一项非常昂贵的操作，甚至会直接影响网站的性能。当然，DOM如何工作不在今天文章的范围内。今天的文章更多关于推荐可帮助您更好地实现VirtualDOM的库和工具。

MaquetteJS

这是VirtualDOM的一个实现，您可以使用MaquetteJS创建流畅的用户界面并随时更新相关数据。这是一个用纯JS编写的库，可以用于合成语音，如CoffeeScript，TypeScritp和JSX。它只有3kb，是React.js的一个很好的替代品。

ReDOM

这是我最喜欢的VirtualDOM库之一，您只需要查看其语法即可快速入门。只有2kb的ReDOM允许您快速呈现和自定义HTML组件。

ReactiveJS

这是一个模板化的UI库，用于构建高度交互的Web应用程序。 ReactiveJS最初是为TheGuardian而构建的，它具有跨浏览器和跨设备功能，所以它足够可靠。 ReactiveJS还具有Web应用程序所需的许多功能，如Scoped CSS，自定义组件，SVG和动画。

RiotJS

RiotJS是一个非常友好的初学者库，允许您使用HTML元素和属性自定义组件，而其他库通常要求纯JS语法。 RiotJS与Node.js环境和浏览器兼容，可以用作Vue.js的替代品。

HyperHTML

您可以使用HyperHTML创建自定义元素和Web组件。它就像jQuery一样简单。您可以通过CDN加载脚本和访问HyperHTML，您可以在浏览器中轻松访问它，而无需任何复杂的工具。 。

秘

Mithril是一个很酷且功能强大的JS库。除了VirutalDOM和租赁价格之外，Mithril还配备了Routing和XHR，您可以使用它来构建单页Web应用程序，而无需依赖其他库。

SlimJS

SlimJS是一个JS库，它使用本机Web组件API来构建自定义Web组件。由于它经常用于本地浏览器组件，SlimJS还配备了Polyfill，可以将API填充到尚不支持它的浏览器中。如果你喜欢在本地开发的方式，那么它是一个非常好的框架。

VSVG

虽然它的语法与HTML非常相似，但它显然有自己的首选项。这个名为VSVG的库实际上允许您创建和控制SVG。

EmotionSH

EmotionSH是一个CSS-in-JS框架，当您使用VirtualDOM创建网站时，可能需要它。有了它，您只需发布站点的CSS部分并动态更新样式，而无需使用类命名和特定功能。

反应入门套件

如果您最近一直关注前端相关技术，您会发现React现在几乎无处不在。这个React Starter Kit是一个简短的视频课程，供初学者帮助您入门。

元素

Elements是用于在Sketch中创建iOS应用原型的iOS组件的集合。

Modaal

Modaal是目前通过“WCAG 2.0 AA Level Support”提供的最易访问的模型库。它轻巧，兼容jQuery，适用于视频，图像甚至Instagram。

WordPressify

这是一个NPM包，允许您拥有一个可在几分钟内启动并运行的WordPress开发环境。所有这些都建立在Gulp，LinveReload，PostCSS和Babel等现代工具的基础之上，这使您可以更多地关注开发而不是开发。

兰多

Lando也是一种快速，轻松地创建开发环境的工具，就像上面提到的WordPressify一样。但是，它没有利用Node.js，而是利用Docker的清洁容器化技术。

WP-Docklines

WP-Docklines是一组图像，可以集成到WordPress主题中或应用于服务插件，如Bitbucket，CircleCl和Gitlab。每个映像都与您开发WordPress，注入PHP代码，PHPUnit和WP-CLI通常需要的工具捆绑在一起。

WP-储物柜

WP-Locker基于Docker Compose配置，可在几分钟内创建WordPress开发环境。它建立在Apache，MySQL和phpMyAdmin之上，并且因为它扩展了WP-Docklines图像，所以它还有一些额外的工具来处理图像。

Docusaurus

Docusaurus也是Facebook的一个开源项目，它是一个为您的项目创建Web文档的工具。它使用React和Markdown创建，您可以使用它轻松编写文档，维护甚至为您的网站创建完整的博客。

VSCode Yo

Yeoman是一个Node包，你可以通过选择预制脚手架来快速创建项目。如果您使用的是Visual Studio，则此插件可以帮助您进一步简化工作流程，因为它允许您直接在Visual Studio的代码窗口中运行Yo命令。

BluebirdJS

BluebirdJS是一项功能，允许您在所有浏览器中使用Promise，等待和异步，甚至是Netscape。 Promise是最新Javascript规范中的一个关键特性，它使代码更加简化，易于阅读和易于维护。

漂亮

Prettier是一款可帮助您格式化代码以满足语言规范和标准的工具。它将帮助您从头到尾重写代码，确保您的团队合作更高效，而无需在代码风格中来回讨论。