马上圣诞节了，作为一名程序猿，如何体现自己独特的过节风格，如何在朋友圈发一张专属自己的祝福照片我觉得很有必要，你们说是不是。

谈到圣诞节，话说程序猿和圣诞之间的关系还有这么一个笑话：

  1. Q：程序员为什么总是将万圣节和圣诞节弄混？
  2. A：因为oct 31==Dec 25!

....

....

....

停停停...

先不笑，咱们先冷静下...

面对圣诞节还得加班加点的苦逼程序猿们，我们来缓解下自己沉闷的心情，发挥下自己独特的艺术细胞，是时候装一下逼了...

那就让我们用手头的IDE工具来展示一颗圣诞树吧，

没有圣诞老人，没有圣诞礼物，咱们有圣诞树。

瞧，出来了，不是一棵，是一坨。

↓↓↓↓↓↓↓↓↓↓

所有的js代码都堆成树了....

关键是还是自动生成的！

这咋搞？咋搞？

下面就和大家一起分享：

首先这并非小编原创，之前便有牛逼的大神创造了这一款工具，它叫js2image。

js2image 是一个可以把js源代码压缩成一个ascii字符画的源代码的工具，它的特色是压缩后的代码仍可运行，而不是简单的拼成最终的图案哦。

安装了node和npm的童鞋可以直接使用以下命令安装js2image：

安装完毕后执行命令：

其中的路径./resource/jquery.js为你所要压缩js的文件路径

执行完命令后会生成一个xmas.js结尾的文件，打开来可以看到一棵棵圣诞树咯。

其他安装方法可详见：

github地址：https://github.com/xinyu198736/js2image

在线转换地址：http://f2e.souche.com/cheniu/js2image.html

据说压缩完了99%的代码都可以正常运行哦。

哈哈哈，有兴趣的童鞋可以尝试下，

今年圣诞咱们就和圣诞树（还是代码）过吧~

文章参考自：《圣诞节，把网站所有的js代码都压缩成圣诞树吧。》

利用js2image把代码压缩成圣诞树的更多相关文章

  1. 圣诞节，把网站所有的js代码都压缩成圣诞树吧。

    本文分两章节,分别讲解如何使用js2image这个库生成可以运行的圣诞树代码 和 js2image的原理. github地址:https://github.com/xinyu198736/js2ima ...

  2. 客户端代码压缩成zip和服务器开启gzip

     1.我说的zip是打包完的js代码,用压缩工具压缩为zip文件,这样放CDN上,下载量会进一步缩小,提高进入游戏的速度   嗯,需要在游戏页用js解压zip文件  2.最简单的就服务器开启gzip 

  3. 如何利用Grunt生成对应的Source Map文件,线上代码压缩使用chrome浏览器便于调式

    如何利用Grunt生成对应的Source Map文件,线上代码压缩使用chrome浏览器便于调式 首先我们来说说为何要生成sourceMap文件呢?简单的说,sourceMap是为了压缩后的代码调式提 ...

  4. 我们的代码为什么要压缩成7z？

    代码为什么要压缩成7z? a. 代码的复制速度是非常慢的.  几M或几KB都是常事. b. 压缩成7z格式后,压缩速度迅速提高上百倍 网页为什么要压缩成7z? 怎么使用7z压缩(以好压2345为例子) ...

  5. java 实现Excel压缩成Zip导出

    1 概述 在web项目中常见的一种场景就是将文件导出为Excel,但是当需要导出多个Excel时,使用者将频繁操作,这样就严重降低了项目的友好交互性以及易用性,那么怎么才能优雅的解决这个问题呢?笔者今 ...

  6. Python实现加密压缩成RAR或ZIP文件

    博主在前两篇博文分别介绍了加密RAR文件的解压https://www.cnblogs.com/kangbazi666/p/13646308.html和加密ZIP文件的解压https://www.cnb ...

  7. asp.net 把图片压缩成zip之后再进行下载

    //这是导出的js方法 function fundaochu() { var data = "keyword=GetImageListdaochu&type=daochu&m ...

  8. UglifyJS--javascript代码压缩使用指南{转}

    在线测试地址 http://lisperator.net/uglifyjs/下面都是基于linux系统的安装使用.UglifyJS是遵循了CommonJS规范写成的,可以在支持CommonJS模块系统 ...

  9. ios怎样实现快速将显卡中数据读出压缩成视频在cocos2dx扩展开发中

    如果解决ios怎样实现快速将显卡中数据读出压缩成视频在cocos2dx扩展开发中 手机平台性能是个关键问题. 压缩视频分成3个步骤: 读取显卡数据, 使用编码器压缩,保存文件. 使用libav 压缩的 ...

随机推荐

  1. 移动开发可能用到的css单位

    众所周知CSS技术我们虽然很熟悉,在使用的过程却很容易被困住,这让我们在新问题出现的时候变得很不利.随着web继续不断地发展,对于新技术新 解决方案的要求也会不断增长.因此,作为网页设计师和前端开发人 ...

  2. 如何修改SQL SERVER服务器的端口

    sql server的服务器端口默认是1433,设置服务器端口的位置在这里: 这里的端口,默认是1433,我把它改成了65499 修改端口之后,客户端如何连接? 下面是SSMS的连接方式: 下面是一个 ...

  3. NoSQL初探之人人都爱Redis：（1）Redis简介与简单安装

    一.NoSQL的风生水起 1.1 后Web2.0时代的发展要求 随着互联网Web2.0网站的兴起,传统的关系数据库在应付Web2.0网站,特别是超大规模和高并发的SNS类型的Web2.0纯动态网站已经 ...

  4. 【js技巧】~(按位非)运算符的妙用

    今天在reivew部门牙套姐MM的代码的时候,有点小心得,给大家分享.我们常常说到,“学以致用”,但我发现自己却很少能真正做到.<javascript高级程序设计>即大家常说的“红宝书”, ...

  5. 我所记录的git命令（非常实用）

    一.前言 记录一下工作中常用到的git命令,只是简单的笔记,欢迎大家交流... [ 顺便问下园友们,怎么感觉博客园发布的博客搜索有时都搜不到,后台编辑能填的都填写了,还是觉得搜索排名不高? 相同的标题 ...

  6. C语言 · 2的次幂表示

    问题描述 任何一个正整数都可以用2进制表示,例如:137的2进制表示为10001001. 将这种2进制表示写成2的次幂的和的形式,令次幂高的排在前面,可得到如下表达式:137=2^7+2^3+2^0 ...

  7. 手把手教你搭建Hive Web环境

    了解Hive的都知道Hive有三种使用方式--CLI命令行,HWI(hie web interface)浏览器 以及 Thrift客户端连接方式. 为了体验下HWI模式,特意查询了多方的资料,都没有一 ...

  8. KnockoutJS 3.X API 第八章 映射(mapping)插件

    Knockout旨在允许您将任意JavaScript对象用作视图模型. 只要一些视图模型的属性是observables,您可以使用KO将它们绑定到您的UI,并且UI将在可观察属性更改时自动更新. 大多 ...

  9. Yii2-多表关联的用法示例

    本篇博客是基于<活动记录(Active Record)>中对于AR表关联用法的介绍. 我会构造一个业务场景,主要是测试我比较存疑的各种表关联写法,而非再次介绍基础用法. 构造场景 订单ar ...

  10. jQuery 2.0.3 源码分析 钩子机制 - 属性操作

    jQuery提供了一些快捷函数来对dom对象的属性进行存取操作. 这一部分还是比较简单的. 根据API这章主要是分解5个方法 .attr()   获取匹配的元素集合中的第一个元素的属性的值  或 设置 ...