这个问题不断出现在几乎每个前端或全栈开发人员的脑海中,尤其是初创公司。他们会喜欢我应该去哪一个? vanilla js还是框架? vanilla js 是当您编写纯 javascript 时,例如:

常量触发器 u003d document.querySelector('.element');

trigger.addEventListener('click', (e)u003d>{

/*这里有一些代码*/

}

问题是对于初学者来说,使用框架可能不是最好的选择,如果你刚开始作为开发人员,从 vanilla js 开始对你来说将是一个很好的选择,因为当你直接跳到框架时,有一些东西在那里工作你不会知道它是如何工作的,也不知道它背后的逻辑,而且你会发现很难把头绕在它周围。现在让我们强调一下使用两者的优点和缺点。

1.香草js(优势)

• 了解 vanilla js 的美妙之处在于,您可以学习任何 web 框架,例如 react、angular、vue、backbone 等,只需命名框架,您就可以选择其中的任何一个并尽可能快地用它做点什么.

• 在您的应用程序中使用 vanilla js 会让您放心,因为您的应用程序不会依赖于疯狂快速变化的 js 生态系统。

• 香草js(缺点)

• vanilla js 的唯一缺点是我们必须从头开始编写代码的时间有限。在开始编写之前想象一下 const div u003d document.getElementById('element');等等在你实现点击事件之前,它有点可怕和耗时。

[](https://res.cloudinary.com/practicaldev/image/fetch/s--qR5a5gfU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://images.squarespace -cdn.com/content/v1/58d20c79725e25b221549193/1521098258210-W9FBV72SMJJX3LESUA7Z/ke17ZwdGBToddI8pDm48kNvT88LknE-K9M4pGNO0Iqd7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1USOFn4xF8vTWDNAUBm5ducQhX-V3oVjSmr829Rco4W2Uo49ZdOtO_QXox0_W7i2zEA/js.jpg%3Fformat%3D2500w)

1.框架(优势)

2. 选择框架的好处是可以轻松地做很多事情。

3.它有很多漂亮的预定义函数,你不用写50行js就可以使用。

[](https://res.cloudinary.com/practicaldev/image/fetch/s--4fnuKu3P--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.searchenginejournal.com /wp-content/uploads/2019/04/the-seo-guide-to-angular-1520x800.png)

[](https://res.cloudinary.com/practicaldev/image/fetch/s--bysphXEy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://miro.medium.com /max/3920/1%2AoZqGznbYXJfBlvGp5gQlYQ.jpeg)

1.框架(缺点)

2. 当涉及到具有大量强大功能和代码库的功能时,某些框架非常庞大,例如 angular

3. 在没有深入了解 vanilla js 的情况下了解框架对你来说可能不是一件好事,因为有些事情对你来说就像魔术一样工作。

因此,如果您刚开始作为开发人员,我建议您从 vanilla js 开始,然后一旦您对 vanillaJs 非常熟悉,就可以选择您选择的任何框架并轻松学习。

如果您有任何增减,请不要犹豫,在下面的评论框中分享它们......

[](https://res.cloudinary.com/practicaldev/image/fetch/s--LKVGaDlU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https:// cdn.clipart.email/9122c9d6213db078f25a6a1116ae7e6d_dd-animated-thank-you-image-thank-you-for-your-attention-clipart-_408-251.gif)