介绍
一群恶魔的猪从无辜的小鸟那里偷走了所有的前端架构，现在它们要夺回来。一对特工英雄（愤怒的小鸟）将攻击那些卑鄙的猪，直到夺回属于他们的前端架构。（译者注：本系列是关乎前端架构的讨论，作者借用当前最风靡的游戏 - 愤怒的小鸟，为我们揭开了前端架构的真实面目。）
小鸟们最终能取得胜利吗？它们会战胜那些满身培根味的敌人吗？让我们一起来揭示 JavaScript 之愤怒的小鸟系列的另一个扣人心弦的章节！
阅读本系列的介绍文章，查看所有小鸟以及它们的进攻力量。
战况
红色大鸟 - 立即调用的函数表达式
蓝色小鸟的攻击力
在这篇文章中，我们将看看蓝色小鸟，它通过触发事件和消息来渗透进猪猪的城堡中，慢慢的，小鸟们将一个接一个地
继续阅读 »
介绍
一群恶魔的猪从无辜的小鸟那里偷走了所有的前端架构，现在它们要夺回来，一对特工英雄（愤怒的小鸟）将攻击那些卑鄙的猪，直到夺回属于他们的前端架构。（译者注：本系列是关乎前端架构的讨论，作者借用当前最风靡的游戏 - 愤怒的小鸟，为我们揭开了前端架构的真实面目。）
本文将介绍红色大鸟，它们以 IIFE 作为中坚力量进行进攻，IIFE 是一切私有化的基础。
译注：IIFE (Immediately-invoked Function Expression) 立即调用的函数表达式
猪猪偷走了什么
多年来小鸟们们习惯于将它们自定的变量和函数乱扔在全局命名空间下（window 对象），随着时间的推移，它们慢慢学会了如何使用一些技巧
继续阅读 »
Sumary
今天我要说的其实和之前的ajax不太一样。包括以下内容：
FormData
Fetch
CROS
如果你认为你都知道就不用看了。
CROS
最近在写一个项目，完全的前后端分离，所有数据都是来自于Ajax，连权限控制也是前端完成了。
继续阅读 »
PHP是非常流行的Web服务端语言，Ajax是Web前端异步加载的技术。刚刚学习PHP，发现PHP真是强大，对Ajax或RESTFul的支持非常好，代码写起来也非常简单。今天分享一个个人学习的测试示例，前端使用Ajax向服务端发送请求，服务端使用PHP处理请求，并返回响应信息。接口规范遵循RESTFul。
前端
为简化Ajax操作，引入JQuery来发送Ajax请求。请求包含查询字符串，HTTP头及表单数据。
```html test.html
Document
function my_post() {
var div = $('#result');
$.ajax({
继续阅读 »
在慕课网上看了高并发的课程，准备用spring+Mybaits来开发新的项目。遇到了前端跨域请求的问题。
服务器上nginx+tomcat，其中nginx监听80端口，tomcat监听8080端口。
因为对前端不熟悉，以为用ajax就可以不需要callback，然而前端的同学说不跨域的情况下才不需要callback，让我在返回的json里加上。可是我刚刚学会了最基本的spring-mvc用法，根本不知道怎么加上callback :joy:
继续阅读 »
以前都说前端坑，或者前端入坑了，为什么呢？ 因为 IE 啊。
我做前端以来，一直都是很幸福的，因为还几乎咩有处理过 ie 的兼容问题。
但是最近要处理，以前应付面试背过的兼容方案都忘掉了，所以还是要查。
忽略 IE6，IE7 的情况下，规则就这几条：
\9 IE6/IE7/IE8/IE9/IE10都生效
\0 IE8/IE9/IE10都生效
\9\0 只对IE9/IE10生效
当然还有这个东西
html
[if lt IE 9]><![endif]
继续阅读 »
作为一名前端工程师，或多或少都会接触到设计，虽然我很讨厌有人把前端和美工等同，但是我仍然很喜欢设计，这是一个Web必不可少的环节。
不过毕竟不是专业的设计师，不可能什么都靠自己，我相信工具的帮助将会让前端做起一般的设计来游刃有余。
首先介绍简单而常用的工具，颜色选择工具。
Kuler
Kuler是adobe的一款在线配色方案分享服务，上面有海量的设计师们的配色方案，最多有5种颜色，有详细的颜色代码，HSV，RGB，CMKY，LAB，HEX。每一个配色方案都可以收藏，只有你有adobe的帐户，还可以随意修改。
继续阅读 »
前端跨域
1.jsonp
原理: 标签不受同源测略
的限制，可以载入任意地方javascript文件,不要求同源
请求的文件
javascript
function getWeather(data) {
console.log(data);
}
http://x.y.com/xx.js 文件内容：(返回调用getWeatherca参数为json对象数据）
输出文件：
getWeather({
"城市": "北京",
"天气": "大雾"
});
<!--more-->
2.document.domain
使用条件:
有其他页面windowd对象的引用
二级域名相同
协
继续阅读 »
兼容性问题一直都是个头疼的问题，以至于很多接触过前端编程大部分人都会说页面太难调了。这篇文章是对常见兼容性问题的记录，有个问题是肯定不全，因为太多了，只是总结常见的兼容性问题
持续更新中。。。
CSS
CSS hack大全&详解（什么是CSS hack）
css
// 区分所有主流浏览器的hack：
.element{
color:#000; /*w3c标准*/
[;color:#f00;]; /*Webkit(chrome和safari)*/
color:#666\9; /*IE8*/
*color:#999;
继续阅读 »
通过绑定规则来确定this的绑定对象。
默认绑定
默认绑定规则看作是无法应用其他规则时的规则，
独立函数调用是最常用的函数调用方式。比如：
```
function foo() {
console.log( this.a );
}
var a = 2;
foo(); // 2
```
此时foo在调用的时候是默认绑定，因为没有指定上下文，所以默认上下文
是window，而var a = 2;这句意思是给window添加了一个a属性，并赋值为2，
所以会打印2。
如果使用严格模式(strict mode)，那么全局对象将无法使用默认绑定，因为
this会绑定到undefined.
隐式绑定
另一条需要考虑的规则是调
继续阅读 »