Demo
Demo copied to clipboard
Practice Demo and Article
小皮咖 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 | 源码 |
关于作者 :boy:
作者: 小皮咖
Email:[email protected]
Github: https://github.com/zxpsuper
知乎:https://www.zhihu.com/people/super-32-94-54/activities
掘金:https://juejin.im/user/5af17df4518825672a02e1f5
对内容有任何疑问,欢迎联系我。