模态框

~~早上来公司没啥事~人都没来呢，怎么能工作呢，写写日记吧，模态框是来公司用bootstrap之后才接触到的，讲真的，刚开始用的bootstrap的时候我的html和css已经彻底还给老师了，其实以前也没咋学，唯一看的时候就是大一那个暑假，实习的时候现在想想应该是培训机构的老师来给我们上的课，（ps:感觉培训班的老师其实挺好的，对比是拿普通一本的老师，因为只能和自己学校的老师对比啦），css的浮动啊盒子模型啊一点都不记得了，唯一印象就是一个页面可以包括多个页面，结果把模态框当做新页面了，后来呢，看了页面代码，知道了是div，当时是哪个地方触发的模态框，就在哪个地方写模态框，都是后来慢慢理解加上看了bootstrap的官网，才渐渐知道把模态框放在最后比较好，感觉这样也会不影响页面的布局啊，别的人看你的代码也比较方便。

因为第一次做的项目比较简单，其实就是办公自动化，当时一般我们都是一个人做，前台加后台，改同事代码的时候，发现他的代码复用性真的很好，比如添加和修改，之前的我，肯定是写两个模态框，可是做的时候自己就能发现，代码重复性会很大，这两个模态框基本就是一样的，js获取前台数据也是，写了两遍一模一样的获取前台页面的数据，只是修改的时候多了个id啊，毕竟update的时候需要id啊，同事当时就是在修改按钮的时候用data方法往这个模态框里面注入了个id，如果能检测到，就ajax调用后台修改方法，否则就调用添加方法，当然模态框的标题也是要修改的。之前还有种就是就是点击修改按钮的时候，把模态框的保存按钮id改掉，这样两次触发的方法也不一样，其实道理都是一样的。需要注意的就是，一定要确保点击模态框打开后，没有做任何处理，下次打开的时候模态框依旧能像一个新的模态框一样，像我之前，点击修改按钮，但是木有修改啊，下次点击添加按钮的时候，其实是对上一次点击修改按钮的那条记录进行修改。所以这个时候模态框那个啥，什么钩子的函数很好用，模态框隐藏的时候对模态框进行相应的处理。还有模态框的打开和隐藏可以用modal('show') 和modal('hide'),相比于封装好的，这个可以实时调用。

感觉写了这么多，没有和代码相关的知识，哈哈，但还是分在itbasic里面把