demo进一步优化，这是今天学到的。
一、YP框架
1、YP框架格式
二、书写格式
1、个人签名的标准格式（css和js）
2、命名
CSS:body-bg
JS：下划body_bg
三、弹窗思路
1、三种方法
mousedown()按下鼠标
mousemove()移动鼠标
mouseup()松开鼠标
2、节点应移动的距离 = 节点初始位置 – 鼠标初始位置 + 鼠标移动的位置
四、新的学习
1、JS用单引号
原因：便于引用HTML
2、新接触的快捷键功能
(1)全部缩进只要全选起来，按Tab即可
(2)取消缩进: Shift + Tab
(3)注释: Ctrl + /
3、width()、height()、innerWidth()、innerHeight()、outerWidth()、outerHeight()用法和区别
用content、padding、border、margin来解释
width()、height()：content
innerWidth()、innerHeight():content+padding
outerWidth()、outerHeight():content+padding+border
4、pageXpageYoffsetLeftoffsetTop
event.pageX、event.pageY:距离文档边缘鼠标的位置
offsetLeft、offsetTop:相对于父级对象的布局
5、jQuery1.7开始引入全新的事件绑定机制on()、off()
它们替换了bind(), live(), delegate()
多个事件、多个函数
6、命名要更有语义化，特别是做大项目的时候
7、绑定事件的命名空间
mousemove.model
说明：mousemove是事件类型，model是命名空间。
作用：用off()即可解除绑定在model命名空间的事件，不会解除其他命名空间所绑定的相同事件。
8、jquery调用要在bootstrap组件前，
9、将jquery对象先缓存起来，缓存到一个全局变量中。（优化）
举例：
var ui = {};
ui.$pop_form = $(‘.pop-form’);
ui.$pop_text = ui.$pop_form.find(‘input’);
ui.$pop_submit = ui.$pop_form.find(‘button’);