昨天折腾了一个晚上，今天在抽空折腾的东西，不记下来未免太浪费了，于是我决定花晚上把它写下来。
Ajax是目前最流行的优化用户体验的方法，但在过去，他往往代表着牺牲SEO以及抛弃浏览器后退前进功能，但是现在，已经不是这样了。
现在的Ajax完全可以做到兼备，所以你可以看到，基本上，在你提交表单之后再也不用跳转之后才告诉你你的输入是否正确，甚至在搜索时，一边输入字符，一边进行检索。
这些都是Ajax所带来的便利，但是鉴于我还没有前后端整站写过（只有使用前后框架[PHP MVC]以及前端的经历），所以对整个流程还不能说熟悉。这次，我们从后端写到前端，一点点来解刨Ajax的套路。
今天早上去上班的时候还在纠结，设定before和after，可是他们的位置位于元素的哪里呢？兄弟元素？子元素？在firebug里看不到他们俩的位置，在FF自带的审查元素里倒是能看到，其实是位于该元素的子元素。
于是，以前，我们说过用一个div来清除浮动，现在我们可以把它省掉了——给父元素设定after。
如下：
element:after {
clear: both;
content: "";
display: block;
}这篇文章和jQuery其实是完全没有关系的，只是我始终无法理解，直接实现DOM不就好了，OOP有什么实践价值么？
于是师匠通过一例，似乎让我有点收获嘛~至少感觉这样写，比我过去写的function都优雅不少。
找了下貌似这一篇没写，于是乎坑出了可能是一个月前的代码mark。
我们来看以下两段
window.Option = {};
Option.defaultProps = function(obj, defaults) {
function isObject(obj) {
return Object.prototype.toString.call(obj) === '[object Object]';
}
if (!isObject(obj)) {
return defaults;
}
for (var key in defaults) {
if (!defaults.hasOwnProperty(key)) {
continue;
}
var objValues = obj[key];
var defaultValue = defaults[key];
if (isObject(objValues)) {
obj[key] = Option.defaultProps(objValues, defaultValue);
} else if (objValues === undefined) {
obj[key] = defaultValue;
}
}
return obj;
};
function People() {};
People.defaults = {
name: 'Hi',
job: 'Student',
age: 19,
friends: ['No One']
};
people1 = Option.defaultProps({
name: 'Sky',
age: 20
}, People.defaults);
people1.prototype = People.prototype;
People.prototype = {
constructor: People
};
People.prototype.sayName = function() {
console.log(this.name);
};
People.prototype.sayName.call(people1);
console.log(Object.getPrototypeOf(people1) == People.prototype);
people2 = new People();
console.log(people2.prototype);这一种类型似乎略繁琐，但他确实实现了默认值，当然，相比之下实在是不够优秀，有各种问题，包括constructor之类的。这里我们之所以不直接定义函数，而是先用对象，再里面再加一个方法，是因为javascript没有命名空间(namespace)的概念，万一重名了=A=~
function Person(name, age, job, friends) {
this.name = name || "hi";
this.age = age || 19;
this.job = job || "Student";
this.friends = friends || "No one";
}相比之下，我们来看这样一段= =唔，很明显他更加常用。
在安装drupal的时候，由于需要大量建立表，于是乎Loading的时候超过30s，每次都跪，发现报错是在database.incLine 2171，在前面加上set_time_limit()函数。
set_time_limit(0)表示不设置超时时间。
也可以修改php.ini:max_execution_time = 300
秒可以设置更大,然后重起服务
前两天在研究CSS3中的transform和animation，感觉transform对于一个没有立体感的人而言还是很难的，但是，这里有一篇文章却把它讲的好理解多了（但还是有不理解的部分，果然技术有待加强）：好吧，CSS3 3D transform变换，不过如此！
本文演示均未考虑到Chrome问题
在修改Hi GPA的时候需要增加一个全选用户的功能，结果被坑惨了。
首先，最终代码是这么写的：
var text = $('#select-all-student').html();
if (text == '全选') {
$('input[name="studentNumber"]').prop('checked', true);
$('#select-all-student').html('取消全选')
} else {
$('input[name="studentNumber"]').prop('checked', false);
$('#select-all-student').html('全选');
}这里集成了一个全选和反选的功能，可以选中所有name为studentNumber的checkbox。
这里mark一下常用英文字体：
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;当然还有诸如：Verdana Tahoma之类的字体啦~
另外，还有一个现在常用的英文字体：Open Sans
jQuery中虽然用animate，但是他支持的毕竟有限，比如说就不支持background-color，所以要想起到过渡效果，还得靠CSS3来撑门面啦。
刚开始时候写了个function，然后想想这样一点都不好用，我还得传个obj参数进去好麻烦，后来想到了，何不在jQuery里加个方法，就能和原生函数一样调用了。
jQuery.prototype.switchBackgroundColor = function(color1, color2, time) {
var self = this;
self.css('background', color1);
setTimeout(function() {
self.css('background', color2)
}, time);
}以前尝试过用body来，结果由于冒泡的缘故，导致就算点击，也会被body中的点击事件覆盖导致根本无法弹出窗体。
于是去查了一下：
$(document).mouseup(function(e){
var _con = $(' 目标区域 '); // 设置目标区域
if(!_con.is(e.target) && _con.has(e.target).length === 0){ // Mark 1
some code... // 功能代码
}
});
/* Mark 1 的原理：
判断点击事件发生在区域外的条件是：
1. 点击事件的对象不是目标区域本身
2. 事件对象同时也不是目标区域的子元素
*/在关于点击空白关闭弹窗的js写法推荐？看到的，里面有许多方法， 这是其中一种，感觉也挺好的。