前言
@arpit09/angular-vanilla 是一个用于 Angular 应用的原生 JavaScript 库，提供了一些常见的 DOM 操作和工具函数，例如事件绑定、选择器、动画等等。这个库的目标是为 Angular 开发者提供在项目中使用原生 JavaScript 来操作 DOM 的便利性。
在本文中，我们将讨论如何在 Angular 项目中使用 @arpit09/angular-vanilla 包，并提供一些示例代码来帮助你开始学习。
安装
使用 npm，你可以通过执行以下命令来安装 @arpit09/angular-vanilla 包：
npm install @arpit09/angular-vanilla --save
当安装完成后，你就可以在 Angular 项目中使用该库了。
使用
导入
在 Angular 组件中导入 @arpit09/angular-vanilla 包：
import * as vanilla from '@arpit09/angular-vanilla';
选择器
@arpit09/angular-vanilla 提供了 vanilla.query 方法用于选择器的操作，它的使用方法和原生的 querySelector 或 querySelectorAll 方法类似。
const div = vanilla.query('div');
const listItems = vanilla.queryAll('li');事件绑定
@arpit09/angular-vanilla 提供了 vanilla.on 方法用于绑定事件：
const button = vanilla.query('#my-btn');
vanilla.on(button, 'click', () => {
console.log('Button clicked!');
});动画
@arpit09/angular-vanilla 的 vanilla.animate 方法提供了一个简单的 API 用于构建动画：
-- -------------------- ---- -------
----- --- - ---------------------
-----------------
--- ----
--------- ----
------ --
------- --------------
----- -
-------- --
---------- --------------------
--
--- -
-------- --
---------- ------------------
--
--------- -- -- -
---------------------- -------------
--
---总结
@arpit09/angular-vanilla 是一个实用的 JavaScript 库，它可以帮助 Angular 开发者更方便地操作 DOM。本文提供了一些简单的示例代码，用于帮助你快速上手使用这个库。但是，我们鼓励你自己尝试更多的方法和技巧，以便更好地掌握这个库。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005587c81e8991b448d5bea