江苏龙网

  1. 主页 > 生活百科 > >

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

web项目


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


推荐阅读


上一篇：Excel运用合并计算功能对不同工作表数据进行合并求和

下一篇：分布式系统架构之构建你的任务调度中心