curTain

2020.2 lazy-load-img-tan

一个 typescript 构建的图片懒加载插件

Features:

  • typescript
  • npm

源码地址:github
使用文档:github-lazy-load-img-tan

2020.1 little chat

一直都想重构之前的chatGo聊天项目,终于重构了!开心…

Features:

  • 使用create-react-app构建
  • hooks
  • redux + redux-saga 状态管理
  • 使用immutable.js
  • 适配移动端
  • 私聊
  • 群聊
  • 申请加群
  • 支持发送图片和emoji

服务端:

  • socket.io搭配koa2
  • 使用单例模式管理状态
  • 使用函数柯理接收参数

一开始用dva构建的项目,后来用create-react-app重构了项目:

react版本:react版本预览
dva简化版本:dva版本预览地址
源码地址:github

2019.11 nextGo


使用nextjs搭配koa2搭建的仿写github的ssr项目,项目使用github接口,使用OAuth进行登录。

Features:

  • 使用nextjs构建
  • 使用hooks
  • 使用redux管理状态
  • 集成koa2
  • 使用HOC定制props
  • 接入github—OAuth
  • 使用webpack-bundle-analyzer分析打包依赖

预览地址:nextGo
源码地址:github
打包分析:点击直达

2019.9 fabric-board

fabric-board

用fabric.js重写的面向对象的画板

使用了同学(胡翔)的ipad和配套的Apple Pencil,体验了记事本的功能,突发奇想,我就实现了一下,使用图层对象的形式来开发画板,体验还是不错的。

这个项目从开始构想,到大体完成只花了两天,
后面在完善获取图层组,然后将图层组单独拿出来渲染到右侧的小canvas上的时候,出现了问题,

断断续续的写了下,还是没有解决。

Features:

  • fabric.js
  • canvas
  • vue
  • 图层式操作

预览地址:fabricGo
源码地址:github

2019.8 canvasGo

使用canvas构建的画板项目,原生js操作。

Features:

  • 原生js
  • canvas
  • 兼容手机端
  • 拥有发送弹幕功能
  • 截图功能
  • 截图可旋转
  • 撤销/前进

预览地址:canvasGo
源码地址:github
配套文章:快到碗里来

2019.6 electron-music

是学习electron的小demo吧,后面一定会推出electron的更完善的应用的。

Features:

  • electron
  • 原生js
  • 桌面应用
  • 本地数据缓存

源码地址:github

2019.5 网易云Go

使用flutter构建的模仿网易云音乐app,界面还原度很高,

Features:

  • flutter构建
  • 播放视频与vedio
  • 播放音乐
  • 导航栏级联滑动
  • 搜索提示
  • 节流操作
  • provide状态管理
  • 组件式开发

源码地址:github
下载地址:

安卓下载:点我下载 扫码下载:

ios:由于没有ios手机和mac,所以没有打包ios版本

2019.3 知程

使用原生小程序构建,工作室团队项目,

Features:

  • 微信小程序
  • 城市级联
  • flex布局

源码地址:github

2018.10 chatGo

使用socket.io搭配express搭建而成的在线聊天系统,后面会使用框架搭建一个更全面,界面更友好的在线聊天系统,

Features:

  • socket.io构建而成
  • bootstrap栅格系统

源码地址:github
预览地址:chatGo

2018.10 小小论坛


这是最初的作品,也是心心念念想要去完成的作品,最初是版本是留言板,后来一再一再的扩展,就变成了这样的一个论坛了。其实蛮喜欢这个作品的,最近也在重构中,也在试图添加更多功能…

Features:

  • vuejs、vuex、vue-router全家桶
  • quill富文本编辑器
  • 路由守卫
  • token鉴权

源码地址:github
预览地址:点击直达


 评论