20个无库无框架的小型web项目中文版

31次阅读

共计 824 个字符,预计需要花费 3 分钟才能阅读完成。

前言

前一阵子看到了大火的 github 我的项目 vanillawebprojects,对其中的实现有些好奇,于是钻研了写法,然而对英文有些不太熟悉的我,无法忍受这样的纯英文我的项目,于是花了二周工夫,潜心研究了我的项目的实现思路,而后本人实现了这 20web我的项目的中文版。尽管思路来源于原我的项目,然而很多性能我做了扩大,置信仔细的人肯定会发现有哪些不同之处,让咱们来一一看一下吧。

表单验证

成果如下图所示:

在线示例。
github 源码地址。

筛选电影座位

成果如下图所示:

在线示例。
github 源码地址。

视频播放器

成果如下图所示:

在线示例。
github 源码地址。

汇率计算器

成果如下图所示:

在线示例。
github 源码地址。

DOM 数组办法

成果如下图所示:

在线示例。
github 源码地址。

弹窗与滑动菜单

成果如下图所示:

在线示例。
github 源码地址。

猜单词的双人小游戏

成果如下图所示:

在线示例。
github 源码地址。

查找膳食

成果如下图所示:

在线示例。
github 源码地址。

费用追踪器

成果如下图所示:

在线示例。
github 源码地址。

音乐播放器

成果如下图所示:

在线示例。
github 源码地址。

有限滚动

成果如下图所示:

在线示例。
github 源码地址。

打字游戏

成果如下图所示:

在线示例。
github 源码地址。

文本阅读器

成果如下图所示:

在线示例。
github 源码地址。

记忆卡片

成果如下图所示:

在线示例。
github 源码地址。

歌词搜索器

成果如下图所示:

在线示例。
github 源码地址。

呼吸调节器

成果如下图所示:

在线示例。
github 源码地址。

打砖块小游戏

成果如下图所示:

在线示例。
github 源码地址。

新年倒计时

成果如下图所示:

在线示例。
github 源码地址。

拖拽排序列表

成果如下图所示:

在线示例。
github 源码地址。

猜数字小游戏

成果如下图所示:

在线示例。
github 源码地址。

如果有人能发现bug, 欢送提issue, 如果这些我的项目可能帮忙到您,心愿您能点个star

正文完
 0