JS 抽认卡 使用抽认卡学习 JS

2025-06-09

JS 抽认卡

使用抽认卡学习 JS

使用抽认卡学习 JS

我使用 Vue 和 Tailwind 搭建了一个网站,用于创建用于学习 JS 的抽认卡。过去几周我一直在开发这个网站,现在已经可以发布了。你可以在这里找到它。目前网站仍在开发中,但前两个部分已经完成。我计划每周更新一次,并添加更多章节和内容。

我建立这个网站的原因

我建立该网站有两个原因。

  1. 第一个原因是想创建一个我自己构思的 Vue 项目。这不仅能让我练习 Vue 技能,还能让我练习一些其他的前端技能。

  2. 第二个原因是制作抽认卡,帮助其他人学习 JS,同时也巩固我自己的学习成果。思考卡片上应该包含哪些内容以及内容量的过程对我来说是一次很好的练习,也强化了我的理解。毋庸置疑,确保自己理解某个知识点的最佳方法之一就是尝试教给别人。

文章系列

在接下来的几周里,我将发布一系列文章,解释我是如何整合这些要素的,并详细描述我是如何克服遇到的挑战的。以下是我将涵盖的一些主题:

  1. 设计和配色方案——我如何为项目选择设计和颜色
  2. 导航栏- 使用 flexbox 将一个元素放在其他元素的对面
  3. 移动导航- 汉堡菜单并隐藏在更大的屏幕上
  4. 翻转卡片- 添加内容和动画
  5. 模态框- 点击时显示和隐藏
  6. 按钮- 单击翻转卡片上的按钮,卡片不会翻转
  7. 使用 Tailwind CSS 进行样式设置- 在 tailwind.config.js 中扩展主题

制作自己的抽认卡

我使用 Vue 作为框架,JS 作为主题,但您可以使用任何框架或主题,并制作自己的抽认卡。您可以继续关注文章,也可以立即在Github 上查看该项目。

欢迎提出意见和建议。

感谢您查看该项目!

鏂囩珷鏉ユ簮锛�https://dev.to/jamiemccarville/js-flashcards-41cf
PREV
CSS 类型转换为数字:tan(atan2()) 标量
NEXT
将 Next.js 应用部署到 GitHub Pages