前端问题积累

这两天一直在该前端的一些bug，修改的过程中也逐渐清楚了一些以前模糊的知识，这里记录一下。

一、javaScript的onchange和onblur事件

<input class="easyui-validatebox" readonly="readonly" onchange="isExistBuildTypeCode(this)"></input> //第一种写法
<input class="easyui-validatebox" readonly="readonly" onblur="isExistBuildTypeCode(this)"></input>   //第二种写法
  原来觉得差不多，后来才发现作用很不同。编辑的时候，需求上是建筑代码不可以修改，处于Readonly状态，如果使用onblur，如果建筑代码重复，文本框就会被清除，就不是Readonly状态了。所以这里需要使用onchange事件 。
简单来说，onblur是输入焦点失去；onchange是内容发生改变第一种写法：onblur 是在你光标焦点只要离开调用方法的文本框就执行isExistBuildTypeCode(this);第二种写法和第一种不同的在于第二种不只光标离开时会调用isExistBuildTypeCode(this)方法，在改文本框的值发生改变时也调用了该方法。也就是说在你光标焦点离开的时候里面的值发生改变的话那么isExistBuildTypeCode(this)方法会被调用两遍。二、遮罩效果
登录admin账号，进入场所管理，点击建筑管理，点击添加按钮，弹出窗口，在不关闭窗口的情况下，基础界面依然可以进行操作。
解决方法 data-options中加modal:true modal 是否将窗体显示为模式化窗口 closed 是否可以关闭窗口 。modal:是否生成模态窗口。true[是] false[否]。相似的一个属性，shadow:是否显示窗口阴影。true[显示] false[不显示]
很好地参考博客：easuy使用和注意的一些问题    
参考easyui消息框
3，多个滚动条显示进入场所管理，点击“建筑管理”，将建筑列表的页面显示该为每页30条记录，页面右侧出现了两个滚动条，有点多余。
解决方法如下:
小结：
   这几天都在调试前端的东西，现在才觉得理解了一点。任重热道远，一点点的积累。