2017-07-25 14:53:43

开源

本博客 - blog

前后端分离+服务端渲染的博客系统. 基于Vue2、Koa2、MongoDB、Redis。

Github: https://github.com/smallpath/blog

采用了如下各种手段进行优化:

也做了一些细节的优化:

  • 支持offline访问
  • 上传图片时指定高度以防止页面闪烁
  • 在safari等浏览器中webp图片自动降级至png
  • ssr服务器不可用时自动降级至客户端渲染
  • tree-shaking减少静态资源打包大小
  • 后台编辑支持本地草稿
  • 提供sitemap以增强SEO

目前,首屏访问的后台平均响应速度为10毫秒,压测数据如下:

安卓和IOS客户端 - psnine

基于Typescript、React Native、Redux写的Psnine第三方安卓客户端,已获得官方的第三方应用授权。

Github: https://github.com/smallpath/psnine
Google Play: https://play.google.com/store/apps/details?id=com.psnine
Apple Store: https://itunes.apple.com/cn/app/psnine/id1279618123

psnine拥有超过100个组件,实现了网站的所有功能,客户端截图如下:

一键生成MG - memory

视频后期软件After Effects的层存储脚本,提供动态预览特性,特别适合存储生成MG(Motion Graphics、运动图形)。

Github: https://github.com/smallpath/memory

从2015年4月发布至今,历经8个版本的开发和维护,具有全面的功能和较高的稳定性,脚本界面截图如下:

配合bodymovin、lottie,可以达到不错的多平台渲染效果