写了一个可以把你网站所有 js 代码格式化成圣诞树的 NodeJS 库： js2image

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3679 天前的主题，其中的信息可能已经有所发展或是发生改变。

其实代码拼成图形不麻烦，最麻烦的是拼完了之后，代码仍然可以运行，为这个做了很多工作。

github 开源地址： https://github.com/xinyu198736/js2image 欢迎围观。

这里还有篇技术细节讲解的文章： http://zhuanlan.zhihu.com/yutou/20439979

效果：可以看一下我们公司官网页面里的 js ， http://www.souche.com
http://assets.souche.com/assets/js/lib/jquery-1.7.1.min.js
效果图：

35 条回复 • 2017-10-24 19:41:12 +08:00

zythum

2015 年 12 月 23 日

看来贵公司很闲... 把所有 js 都处理了下。是不是功能都要测一遍才敢上啊....

xinyu198736

2015 年 12 月 23 日

@zythum 其实只替换了主要的几个 js ，随手测了下没报错就上了。。。

zythum

2015 年 12 月 23 日

@xinyu198736 js 是运行时的随手测不一定能测全。朱一比较保守。不太敢这么玩....

zythum

2015 年 12 月 23 日

@xinyu198736 不过确实挺有趣的

chairuosen

2015 年 12 月 23 日

可以扩展一下，拼成个对联。。。。

Strikeactor

2015 年 12 月 23 日

你们。。赢了。。

xinyu198736

2015 年 12 月 23 日

@chairuosen 有图片就能拼。。。

xinyu198736

2015 年 12 月 23 日

@zythum 官网用的人不多了。。。没人管，随便改，哈哈

rvw

2015 年 12 月 23 日

你牛你说话

swolf119

2015 年 12 月 23 日

也是寂寞的够了

kiito

2015 年 12 月 23 日 via Android

有女朋友么

banricho

2015 年 12 月 23 日

看来工作不饱和啊，不得不说这个团队氛围真的很赞

xinyu198736

2015 年 12 月 23 日

@kiito 早结婚了，老婆还没毕业的时候就领证了

ilotuo

2015 年 12 月 23 日

用 c 比较无压力

xinyu198736

2015 年 12 月 23 日

已经 110 个 star 了，顶上去，走出中国冲出世界登录火星

Wangxf

2015 年 12 月 23 日

建议加上英文版 readme_EN ，哈哈

50vip

2015 年 12 月 23 日

要有英文才能登上火星。

aksoft

2015 年 12 月 23 日

@chairuosen 我顶你

zonghua

2015 年 12 月 23 日 via iPhone

这就是 javascript 要加分号的重要原因

xinyu198736

2015 年 12 月 23 日

@Wangxf 英文已加

xinyu198736

2015 年 12 月 23 日

@chairuosen 过年可以拼成对联

otakustay

2015 年 12 月 23 日

@zythum 这个其实没这么麻烦，通常这种格式美化只是换行和空格的调整，并不会改变代码的执行逻辑

所以，拉出 AST 来看是不是没变就行了，我看到有少数的字符串被分开做+运算以便能够插入换行，这个可以很简单地在 AST 上做 merge 的

也有可能会额外加入一些空语句来填充一些位置，这个我不确定是否方便，但做 tree shaking 应该也可以有效地去除

但总的来说，嗯，你确实得很闲