Vanilla JS 还是框架?
这个问题不断出现在几乎每个前端或全栈开发人员的脑海中,尤其是初创公司。他们会喜欢我应该去哪一个? vanilla js还是框架? vanilla js 是当您编写纯 javascript 时,例如: 常量触发器 u003d document.querySelector('.element'); trigger.addEventListener('click', (e)u003d>{ /*这里有一些
这个问题不断出现在几乎每个前端或全栈开发人员的脑海中,尤其是初创公司。他们会喜欢我应该去哪一个? 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.框架(优势)
- 选择框架的好处是可以轻松地做很多事情。
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.框架(缺点)
-
当涉及到具有大量强大功能和代码库的功能时,某些框架非常庞大,例如 angular
-
在没有深入了解 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)
更多推荐
所有评论(0)