93

0

HTML DOM

使用 vanilla JavaScript 管理 HTML DOM 的常见任务

HTML DOM

故事

Web 开发速度非常快。我仍然记得开始使用jQueryPrototype、 script.aculo.usZepto等等的那些时刻。

如今,即使我们的应用程序由 Angular、Vue、React、Svelte 等现代工具提供支持,我们也必须处理 DOM。这些框架直接封装和隐藏 DOM 管理,但仍然为我们提供了通过ref事件处理程序使用 DOM 的大门。

如果您在任何框架中开发或使用 Web 组件,则必须在一定程度上使用 DOM。

了解浏览器 DOM API 以及如何使用它们在 Web 开发中起着重要作用。介绍 API、众所周知的问题、最流行的问题的网站可能非常有用。

特征

  • [X] 没有外部库。仅原生浏览器的 API
  • [X] 小而易懂的例子
  • [X] 现场演示
  • [X] 包括许多提示和良好做法
  • [X] 许多实际用例
  • [X] 使用现代浏览器。尝试支持 IE 11

在本地运行它

  1. 克隆项目:
$ git clone https://github.com/phuocng/html-dom
  1. 安装依赖项:
$ cd html-dom
$ npm install
  1. 在本地运行它:
$ npm run start

在浏览器中打开http://localhost:8081以查看它的运行情况。

关于

该项目由Nguyen Huu Phuoc开发。我喜欢构建产品和分享知识。

成为我的朋友