MUI在项目中使用时遇到的问题的个人总结

picker 添加年插件问题总结

1. 取消按钮点击事件无法获取

   可以获取到取消按钮标签和确定按钮标签

   但是只能获取去顶按钮事件, 取消点击事件无法获取

   通过判断 picker 的 display 状态也不能确认此事件

2. lable 标签无法绑定事件

   这时需要添加一个单独全选按钮时

   可以在 herder 内添加一个按钮

3. 调用同一 picker 会保存一部分数据不清除

   可以在 picker.dispose() 结束时判断第一个 picker 是否已经调用，

   如果第一个 picker 调用了 判断函数内重新生成新的 picker，

   存储新的数据，这时就可以 最后清除这个 picker

4.setData 后 在 show() 调用前重新赋值添加新的元素只能添加值 没有对应的 html 片段

 可以在 setData 前把 data 存储到一个变量内 进行修改后再传入 setData

5. 单页时由于下拉刷新只能在页面内使用一次 再次使用会造成冲突 两者均不可用

 只在首页面使用 或者像 mui 库示例一样 跳转到新页面 双 webview

6.picker 蒙层点击禁止事件无法绑定

 可以获取到此蒙层点击事件，但是无法阻止默认事件

可通过点击后删除此蒙层，再次调出此 picker display = block

生成一个自定义蒙层 判断点击事件是否在蒙层上 添加私有 class

生成前先判断是否有此 class 蒙层 有则先移除 removeChild

减少在页面新生的元素 每当点击到蒙层就先删除原私有蒙层

再创建新私有蒙层 以此模拟禁止蒙层点击事件

7. 模拟禁止蒙层会同时影响其他蒙层效果 如折叠框蒙层

 重新给折叠框蒙层添加事件 先判断其 display 值 none 或者 null;

首次点击可能已经被模拟禁止清除 此时为空值

剩下的根据 display 状态修改即可

8.360 浏览器兼容模式模拟 IE 浏览时 JQ 的 AJAX 请求 GET 类型不能正常执行，使用 POST 请求。

9.IE EDGE 下 Iframe 标签渲染问题可以使用 META 调整至 IE 低版本渲染模式。

10.mui 返回按钮不支持通过 window.open 打开的页面 可以使用 window.location.href 打开新页面，能够直接使用。

11.onbeforeunload 事件，除 IE 完全支持至修改返回内容外，其余浏览器均不支持。查到相关内容大致原因如下：此机制避免某些开发者通过监听此事件，阻止用户离开页面，做些不一道德的事情。仅对想要在用户关闭页面时还执行各种操作阻止用户关闭操作的 PM 表示，咳咳咳。。。

mui 返回按钮返回 mui 可滑动单页面套用时需要严格按照 demo 模板静态 HTML 层进行修改 不需要的内容可以通过 z -index 覆盖隐藏。mui 遮罩在手机端容易出现不能正常显示的问题，使用原生 js 和 html 生成遮罩效果。JS 拼接 HTML 片段时 闭合标签需要不换行拼接，或者换行使用转义符进行拼接。对页面功能进行调整后，功能函数耦合度要同时尽可能降低耦合度，减少页面功能修改时其他受影响函数的修改。