【WARNING】本故事纯属虚（chě）构（dàn），如有雷同纯属巧（zhuāng）合（bī）。

More...

鉴于本周 技术沙龙 讨论的话题，特此我也发布下个人的观点，如有说得不对的请大家排砖指正，贤弟不胜感激！

好的工程师基本素养：

1.保证项目进度、稳定和可靠性；
2.对于需求的变更能够快速响应；
3.遇到棘手的问题能够迎难而上；
4.强烈的探索精神和求知的欲望。

好的工程师之工具篇：

工欲善其事必先利其器，找到一款适合自己的 IDE（诸如前端常用的开发工具：WebStorm、Sublime Text、ATOM都是比较不错的），第一时间把它常用的快捷键（单行注释、多行注释、取消注释、转到定义、前进、后退、代码格式化、查找替换…）掌握提高开发效率。

More...

此规范主要实现的目标：代码一致性和最佳实践。通过代码风格的一致性，降低维护代码的成本以及改善多人协作的效率。同时遵守最佳实践，确保页面性能得到最佳优化和高效的代码。

• 基本规范

IDE

推荐 WebStorm、PhpStorm、IDEA，能够将所有的代码格式问题搞定，形成统一标准。

More...

to()

移动到目标点

• 参数一：元素或者对象
• 参数二：执行时间（单位：秒）
• 参数三：移动到目标点属性，回调也在该对象中
• 参数四：延时（单位：秒，除了数字还可以是表达式，诸如：’+=1’、’-=0.5’）

示例：

1
2
3
4
5
6
7
8
9
10
11
12

var t = new TimelineMax();

t.to(box, 1, { width: 200, onComplete: function(){
    alert(20);
}}, 1);
t.to(box, 1, { height: 200, onReverseComplete: function(){
        alert('高度100px');
    } }, '+=1');
t.to(box, 2, { left: 200 });
t.to(box, 2, { top: 200 });
t.to(box, 2, { rotation: 180 });
t.to(box, 2, { opacity: 0 });

More...

• 前期准备

用WAMP搭建两个站点分别：http://www.example.com 、 http://api.example.com，很显然第一个站点是主站点，第二个站点是提供服务的站点（当然我们在实际的架构上也是这种方式，我们还可以为提供静态资源专门配置一个站点诸如：http://assets.example.com ）。

• JSONP解决GET跨域

关于跨域问题出现的，是因为浏览器 同源策略 ，本文就不一一概述了这里主要讲干货，JSON和JSONP其实就像Java和JavaScript的区别，你可以理解为雷锋和雷锋塔的区别，JSONP是我们程序猿想出的跨域的解决方案，跟JSON没有办毛线的关系，我们先举一个通俗易懂的栗子：

首先在 http://api.example.com 域下新建一个文件：get_user_info.php，其内容

1
2

$user_info = '{ "name": "张三", "age": "18" }';
echo "get_user_info($user_info)";

More...