平日里项目开发过程中或者项目初期开发结束后，经常会需要把项目目录结构列出来以供后人和以后的自己快速查阅。通常的方式是使用 md格式。 生成这种格式的md一般是通过cmd tree或者npm包来过滤文件生成树结构再一一添加注释。这种方法我用起来很不习惯，于是自己做了一个vscode的插件，可以更图形化的来完成这一工作。

在线 demo。包含所有功能演示

git地址

vscode插件商城地址

放一些这一两年在工作或生活中发布的一些npm包，在公司搭建的有私有npm，但有些我觉得还行，自己平时也能用得到，就发布出来了。

逐帧动画生成器 - ns frame by frame animation

在线地址

首先必须声明。我不喜欢抖音。不喜欢快手。

但这个世界不是你不喜欢就能改变的。所以我偶尔看看土味。

抖音快手中有一种视频。人声在念笑话或者鸡汤。视频里会跟随跳动出现一句一句话。如果你玩肯定见到过。

我查了一下。最初是用AE的typeMonkey制作的。后来字说APP做了个易用版。都挺不错的。

于是。机缘巧合之下。我也搜了一下好像没有web端实现的。那么。我来试试。

在线预览：Demo
github

最近无聊整理资料。翻到了很久之前做过的一些微信运营的活动和游戏。

虽然当时比较简单。代码也比较一般。但感觉还是蛮有趣的。

稍微整理了一下。留作纪念吧！最关键的是。这些游戏除了设计。完全是由我个人完成的。包括数据库、接口、前端、微信、发布等等。所有代码相关的。甚至很多游戏人物动作场景都是我找的。额。大多数是从别的游戏里摘取过来的。

小tips：手机观看效果更佳。浏览器模拟也可以。

东方。作为一个过气的车万。已经蹦跶不出多少活力了。更别提th12.3东方非想天则了。作为入坑较晚的人。回顾过去十年则的发展。真是感慨万千。总想着能以自己的能力为则来做点儿什么。嗯。于是就是在线tsk数据分析了。tsk嘛。是记录则战绩的软件。不知道请@钢琴男。

在线预览：Demo
github

在线预览：Demo

github

请使用手机浏览。

在线预览：Demo

github

可惜这个礼物并不被赞许呀。。。啧啧啧。还不如用来做简历呢。
好像原创意人本来就是用来做简历的。

版权声明：英文原文 中文译文

写的挺不错的。不过。也不一定要急着完全了解和运用这一堆名词。反正。。。百尺竿头望九州。前人田土后人收。 后人收后休欢喜。更有收人在后头。。。

公司最近在开发一个平台中。赫然出现了一个常见却又奇葩的设计交互细节。就是标签云。普通的标签云。飘浮3D什么的都还好。至少都做过也知道怎么做。可。UI交互说道。我们之前看过一个视频。就是让这些标签大小、颜色、位置随机。鼠标放上去有放大、离开有缩小效果就可以了。嗯。。。似乎很简单嘛。

在线预览：Demo

github