尝试在 Vanilla JS 中创建 Web 组件库,你会如何开始?

Posted

技术标签:

【中文标题】尝试在 Vanilla JS 中创建 Web 组件库,你会如何开始?【英文标题】:Trying to create a web component Library in Vanilla JS, How would you start? 【发布时间】:2020-12-27 18:21:47 【问题描述】:

我是一个刚接触编程的女孩,我想在 vanilla js 中创建一个小型可构建库,其中包含带和不带加载器的按钮,例如,用于启动...然后添加一些表单、图像滑块等

对于构建可重用组件实际需要什么、如何将其制成可供我的团队访问的库以及如何将组件实现到实际页面中,我有点困惑。

有人可以“像我 5 岁一样解释”我应该采取哪些步骤吗?有很多使用 react 和 angular 的教程,但我现在更喜欢没有框架。

提前感谢您的帮助:)

【问题讨论】:

【参考方案1】:

你可以从我的文章开始。我为初学者写了一篇深入的文章。

中型博客:

https://medium.com/@mrahmedkhan019

视频教程:

对于视频教程,我会推荐这个:

https://www.youtube.com/watch?v=vLkPBj9ZaU0

https://www.youtube.com/watch?v=Tus_GVxyOtU

学习愉快:)

【讨论】:

谢谢你我检查了你发布的链接,它很有帮助

以上是关于尝试在 Vanilla JS 中创建 Web 组件库,你会如何开始?的主要内容,如果未能解决你的问题,请参考以下文章

有没有办法在“Vanilla”PHP 中创建异步代码?

你如何避免使用 vanilla web 组件的请求地狱?

从现有的 .cpp 和 .h 文件在 QtCreator 中创建 Vanilla C++ 项目

在 Web 应用中创建 Node.js 应用程序

在 web3.js 中创建帐户而不运行 geth?

如何在 react.js 中创建动态网格?