<返回更多

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

2020-07-17    
加入收藏
20个无库无框架的小型web项目

 

作者:夕水

转发链接:https://segmentfault.com/a/1190000023213609

前言

前一阵子看到了大火的github项目vanillawebprojects,对其中的实现有些好奇,于是研究了写法,但是对英文有些不太熟悉的我,无法忍受这样的纯英文项目,于是花了二周时间,潜心研究了项目的实现思路,然后自己实现了这20个web项目的中文版。虽然思路来源于原项目,但是很多功能我做了扩展,相信细心的人一定会发现有哪些不同之处,让我们来一一看一下吧。

表单验证

效果如下图所示:

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

 

github :https://github.com/eveningwater/my-web-projects/tree/master/js/1

挑选电影座位

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/2

视频播放器

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/3

汇率计算器

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/4

DOM数组方法

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/5

弹窗与滑动菜单

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/6

猜单词的双人小游戏

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/7

查找膳食

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/8

费用追踪器

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/9

音乐播放器

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/10

无限滚动

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/11

打字游戏

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/12

文本阅读器

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/13

记忆卡片

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/14

歌词搜索器

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/15

呼吸调节器

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/16

打砖块小游戏

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/17

新年倒计时

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/18

拖拽排序列表

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/19

猜数字小游戏

效果如下图所示:

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

 

github:https://github.com/eveningwater/my-web-projects/tree/master/js/20

如果有人能发现bug,欢迎提issue,如果这些项目能够帮助到您,希望您能点个star。

作者:夕水

转发链接:https://segmentfault.com/a/1190000023213609

声明:本站部分内容来自互联网,如有版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
▍相关推荐
更多资讯 >>>