如何使用JavaScript将复活节彩蛋添加到你的网站(网络应用)

本文概述

• A.使用egg.js
• B.使用cheet.js

复活节彩蛋(在编程区域中)是一件计算机软件或DVD上意外或未记录的功能, 包括笑话或红利。每个人都知道Google的复活节彩蛋, 尝试在Google中写” Dot a roll roll”, ” Zerg Rush”或” Google in 1998″, 你会看到它们。许多软件开发人员过去常常隐藏软件中的功能, 这些功能只有在你知道复杂的按键序列时才可以显示出来。

回到过去, 在你的应用程序中实现复活节彩蛋, 在本文中, 你将学习如何使用Javascript向你的Web应用程序添加故意的复活节彩蛋或作弊。

A.使用egg.js

1.下载并安装egg.js

不是, 我们不是在谈论构建更好的企业框架和应用程序的框架。我们正在谈论egg.js, 这是由Mike Flynn编写的非常简单的脚本, 可让你将复活节彩蛋添加到Web应用程序, Electron应用程序或网站中。它没有任何先决条件, 并且允许你通过查看用户的按键来轻松添加网络复活节彩蛋。

要将egg.js添加到你的项目中, 可以使用NPM下载它：

npm install egg.js

或凉亭：

bower install egg.js

或者只是从此处的官方Github存储库下载缩小的文件。然后包含带有脚本标签的egg.js：

<!-- Add the minified script -->
<script type="text/javascript" src="node_modules/egg.js/egg.min.js"></script>

<!-- Or add it from a web CDN -->
<script type="text/javascript" src="https://cdn.rawgit.com/mikeflynn/egg.js/master/egg.min.js"></script>

最后, Egg函数将在窗口中可用, 此脚本仅重1.53KB。访问图书馆的资料库以获取更多信息。

2. egg.js的用法

Egg.js的工作方式如下, 你需要使用一个新的Egg类实例化一个变量, 然后使用addCode方法, 该方法需要触发复活节彩蛋的指令(需要按下的击键)。你也可以使用addHook添加一个钩子, 如以下代码片段所示, 该钩子将在触发任何egg代码后运行。你可以使用它来引发Google Analytics(分析)事件, 或发出一条推文, 表明某人终于找到了你的复活节彩蛋。挂钩可以访问整个Egg.js对象, 因此你可以获取有关通过this.activeEgg发射的复活节彩蛋的信息：

var egg = new Egg();

var instructions = "up, up, down, down";
var easterEggName = "Random Name";

var action = function () {
    console.log("Triggered");
};

egg.addCode(instructions, action , easterEggName)
   .addHook(function () {
        console.log("Hook called for: " + this.activeEgg.keys);
        // Name of the easter egg
        console.log(this.activeEgg.metadata);
   }).listen();

如果你不需要知道哪个复活节被触发, 则只需在构造函数中将指令添加为第一个参数, 并将回调添加为第二个参数。从构造函数的返回值中, 执行listen方法：

var egg = new Egg("up, up, down, down, a, b, c, 1", function() {
    console.log("Easter Egg triggered");
}).listen();

在回调内部, 你可以执行诸如显示没人希望看到的Gif之类的操作。你可以在此网站上看到该脚本的实时示例。此外, 你甚至可以使用该库来添加应用程序中的”秘籍”。

B.使用cheet.js

1.下载并安装cheet.js

要将cheet.js添加到你的项目中, 可以使用NPM下载它：

npm install cheet.js

或凉亭：

bower install cheet.js

或者只是从此处的官方Github存储库下载缩小的文件。然后包含带有脚本标签的egg.js：

<!-- Add the minified script -->
<script type="text/javascript" src="node_modules/cheet.js/cheet.min.js"></script>

<!-- Or add it from a web CDN -->
<script src="//cdn.rawgit.com/namuol/cheet.js/master/cheet.min.js" type="text/javascript"></script>

最后, cheet功能将在窗口中可用, 此脚本仅重2.87KB。访问图书馆的资料库以获取更多信息。

2.使用cheet.js

添加作弊

Cheet允许你使用cheet方法轻松添加秘籍, 这会将一系列按键映射到回调。可以多次调用：

cheet('i d d q d', function () {
    alert('god mode enabled');
});

它甚至可以使用特殊字符：

cheet('↑ ↑ ↓ ↓ ← → ← → b a', function () { 
    alert('Doing something awesome'); 
});

请注意, 所有指令均以空格而不是逗号分隔(如果你的命令需要空格键, 请使用关键字space)。

全局作弊执行回调

你可以设置在执行任何作弊操作时触发的全局侦听器：

var sequences = {
    cross: 'up down left right', circle: 'left up right down'
};

cheet(sequences.cross);
cheet(sequences.circle);

cheet.done(function (seq) {
    if (seq === sequences.cross) {
        console.log('cross!');
    } else {
        console.log('circle!');
    }
});

作弊只有一次

你可以使用需要与指令使用相同指令的cheet.disable方法禁用作弊功能。

cheet('o n c e', function () {
    console.log('This will only fire once.');
    cheet.disable('o n c e');
});

使用cheet.js, 你可以使用许多特殊键, 请在此处查看参考表。例如, 按下特殊键F1后启用作弊功能：

cheet('f1', function () {
    console.log('Cheats activated');

    // This will only work if the f1 key is pressed first
    cheet('d t w', function () {
        alert('Destroying world');
    });
});

你玩过GTA San Andreas吗？然后, 我确定你会找到这些库的用法。

编码愉快！