如何使用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="http://www.srcmini.com/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 eggconsole.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();

【如何使用JavaScript将复活节彩蛋添加到你的网站(网络应用)】在回调内部, 你可以执行诸如显示没人希望看到的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="http://www.srcmini.com/node_modules/cheet.js/cheet.min.js"> < /script> < !-- Or add it from a web CDN --> < script src="http://www.srcmini.com//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 firstcheet('d t w', function () {alert('Destroying world'); }); });

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