[先行者周日课程-0305] web前端组件 之 拖动窗口

学习笔记如下：

今天的内容，是拖动窗口。

js的引用数据类型，基本数据类型。

js它有5种基本数据类型：

undefined , null, Boolean, Number, String，

这几种都是按值访问。你可以直接操作“保存在变量中的实际的值”。

js还有引用数据类型，它们的值是保存在内存中的对象。

js不允许直接去访问内存当中的数据。

我们在操作对象的时候，其实是“操作的是对象的引用”，这个引用就类似于“地址”。

//================

js的模块化好多方案，今天用jq的思路，再加一些window的命名空间的思路。

总体 来讲，今天的模块化的思路，偏向于早期的YUI。

//============

同学们写东西之前，先把套路写好，然后写代码就像填空一样。

代码也别怕烂，再烂的代码，把它写完，然后再优化。

这叫进步。

;(function(){
 console.log('werxcvxcv')
})();
//============
;(function(win,undefined){
 function drag(){
 console.log('24234')
 }
 //这是把方法直接挂载在window上面
 win.drag = drag;
})(window);
drag();

这种方法的缺点，就是可能另一个人也在window上面挂载了一个 drag方法。

依然存在同名覆盖的可能。

//==============
;(function(win,undefined){
 function drag(){
 console.log('webfeelxxx')
 }
 //这是把方法挂载在window的webfeel命名空间上面
 win.drag = drag;
})(window.webfeel = window.webfeel || {});
webfeel.drag();

这种方法的缺点，就是命名空间以后会很长，也麻烦。