程式設計師如何祝自己生日快樂

小芋頭君發表於2018-04-03
程式設計師

本文教你如何用程式碼表達對自己的生日快樂之祝福或者對女孩的愛慕之情，具體如何應用大家可以發散思維，例如情人節給暗戀的女孩發一個 JS 檔案過去表白，或者是清明節的時候用程式碼燒個香，祭奠死去的愛情之類的。

直接看效果吧。

線上地址：

github.com/xinyu198736…

程式設計師如何祝自己生日快樂

這是用 Vue.js 的原始碼壓縮出來的，最重要的一點是，壓縮後的程式碼依然可以執行，也就是說，你可以把壓縮後的程式碼放到線上去，你可以把整個公司的前端程式碼都壓縮成對女神的表白（被開除了別找我），想想是不是很刺激！

要自己壓縮出這樣的程式碼其實很簡單，使用 js2image 這個庫就可以。

github 地址：github.com/xinyu198736…

執行以下命令安裝全域性命令：

$ npm install js2image -g
複製程式碼

使用方法：

# 直接在命令列裡執行此命令即可壓縮，預設壓縮出一個xmas.js字尾的檔案。
# -s 原始碼路徑 必須的引數！
# -r 是否反相影像 可省
# -i 指定使用的圖片的路徑，預設使用 ./resource/tree.png 可省

$ js2image -s ./resource/jquery.js

# 新增支援打包一個資料夾內所有js檔案，慎用！不保證打包後的js100%執行正常，請經過人工測試確認。
$ js2image -s ./resource

$ js2image -s ./resource/jquery.js -i ./resource/tree.png
複製程式碼

如果要定製一些具體的引數，可以用 require 的方式引入使用

var Js2Image = require("./index.js");
var path = require("path");
var source = "./resource/vue.js";
var image = path.join(__dirname,"./resource/happy.png");
var out = source.replace(".js",".xmas.js");
// 定製每一行的畫素畫素寬度
Js2Image.writeToFile(source,image,out,{
    reverse:false,
    size:{
        width:70
    }
}).then(function(code){

});

複製程式碼

詳細的技術實現，可以看這篇文章：聖誕節，把網站所有的js程式碼都壓縮成聖誕樹吧。

玩的開心！

相關文章