小皮咖 Demo

ps:我写了一本前端进阶小书，推荐给大家 github 地址

项目介绍

• 在这里记录着自己写文章，做项目存放的一些 demo 和 源码。

• 欢迎大家到 Issues 交流，鼓励 PR，感谢 Star、感谢 watch，大家有啥好的建议可以加我微信一起交流讨论！

• 熬夜不易，如果您觉得我的文章或者 demo 有用，可以赏我杯咖啡(^_−)☆

备注：

在 github 项目的右上角，有三个按钮,分别是 watch、star、fork，新来的同学注意不要用错了，无休止的邮件提醒会给你造成不必要的信息干扰。

当你选择 Watching，表示你以后会关注这个项目的全部动态，以后只要这个项目发生变动，被别人提交了 pull request、被发起了 issue 等情况你都会收到邮件通知。

star 相当于是点赞或收藏，方便以后查找。

fork 表示你想要补充完善这个项目的内容。

demo 模块

模块	文章	demo	源码
1. CANVAS 页面时钟	CANVAS 页面时钟	demo	源码
2. Quill 富文本编辑器	quill——简单的富文本编辑器	demo	源码
3. 拖曳效果	利用 JQ 实现简单的拖曳效果	demo	源码
4. 图片懒加载	懒加载	demo	源码
5. websocket	使用 socket.io.js 实现 websocket 实时通讯	--	源码
6. 瀑布流的实现	瀑布流布局的实现	--	--
--	CSS 实现瀑布流	demo	源码
--	JAVASCRIPT 实现瀑布流	demo	源码
--	JQUERY 实现瀑布流	demo	源码
7. CANVAS 刮奖小 Demo	canvas 实现刮刮乐	demo	源码
8. VUE 时间选择器	vue 手写一个时间选择器	demo	源码
9. ES6 手写一个“辨色”小游戏	ES6 手写一个“辨色”小游戏	demo	源码
10. 一款轮播组件的诞生	一款轮播组件的诞生	demo	源码
11. 情人节撸一个表白页面	情人节撸一个表白页面	demo	源码
12. 小皮咖导航	--	demo	源码
13. 二维码的生成	Canvas 进阶（一）二维码的生成与扫码识别	demo	源码
14. 二维码的扫码识别	Canvas 进阶（一）二维码的生成与扫码识别	demo	源码
15. 写一个生成带 logo 的二维码 npm 插件	Canvas 进阶（二）写一个生成带 logo 的二维码 npm 插件	demo	源码
16. Typescript 手写辨色小游戏	Canvas 进阶（三）ts + canvas 重写”辨色“小游戏	demo	源码
17. 实现一个“刮刮乐”游戏	Canvas 进阶（四）实现一个“刮刮乐”游戏	demo	源码
18. 拼图小游戏	玩法：拼图小游戏（将 1-9 按顺序排在中间位置即可）	demo	源码
19. 小皮咖图像滤镜	Canvas 进阶（五）实现图片滤镜效果	demo	源码
20. 简单轮播图	--	demo	源码
21. hash 路由	简易路由实现——（hash 路由）	demo	源码
22. history 路由	简易路由实现——（history 路由）	demo	源码
22. 图片压缩	Canvas 进阶（六）实现图片压缩功能	demo	源码
23. vue 实现数独（做了些优化）	用 vue 开发一个所谓的数独	demo	源码
24. 雪花飞舞效果	--	demo	源码

关于作者 👦

作者： 小皮咖

Email：zxpscau@163.com

Github: https://github.com/zxpsuper

知乎：https://www.zhihu.com/people/super-32-94-54/activities

掘金：https://juejin.im/user/5af17df4518825672a02e1f5

对内容有任何疑问，欢迎联系我。