愤怒的小鸟与 JavaScript 系列

2014-03-28 W.Y. 更多博文 » 博客 » GitHub »

Architecture

原文链接 https://bubkoo.github.io/2014/03/28/angry-birds-of-javascript-series/
注:以下为加速网络访问所做的原文缓存,经过重新格式化,可能存在格式方面的问题,或偶有遗漏信息,请以原文为准。


OlechkaDesign.com

介绍

一群恶魔的猪从无辜的小鸟那里偷走了所有的前端架构,现在它们要夺回来,一对特工英雄(愤怒的小鸟)将攻击那些卑鄙的猪,直到夺回属于他们的前端架构。(译者注:本系列是关乎前端架构的讨论,作者借用当前最风靡的游戏 - 愤怒的小鸟,为我们揭开了前端架构的真实面目。)

来认识一下我们的特工英雄

在接下来的几周里会逐渐向你介绍我们的超级英雄...

红色大鸟兄弟依靠 IIFE 的力量进行攻击,IIFE 是一切私有化的基础。封装你的代码,保护代码免受其他代码的干扰。

译注:IIFE (Immediately-invoked Function Expression) 立即调用的函数表达式

蓝色小鸟触发事件和消息来渗透进猪猪的城堡中。

黄色小鸟使用 RequireJS 作为助推器,利用动态脚本加载来攻击那些讨厌的猪。

黑色小鸟被证明是最有组织的方法来打击小猪们,它们引入了 Backbone.js 的先进理念,采用炸弹进攻。

白色小鸟看似没有攻击力,但是,当它们拿出严格的代码风格和质量检查时,小猪们都惊呆了。

绿色小鸟可以抵达那些难以到达的地方,利用模拟和间谍方式来打击那些偷东西的猪。

开始时,它是一个简单的模板,然后被解析成 DOM 对象,这明确传达了一个消息就是小鸟们是认真的。

大兄弟拿出了设计模式和有限状态机这杆大枪。

神鹰使用超级武器,一套工具,可以组织和部署其它鸟儿们,来对抗他们即将征服的敌人。

图片来源于 Angry Birds Wiki