美文网首页
MUI在项目中使用时遇到的问题的个人总结

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

作者: 来干了这碗疙瘩汤 | 来源:发表于2017-09-04 20:54 被阅读0次

     mui summary

    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片段时 闭合标签需要不换行拼接,或者换行使用转义符进行拼接。

    对页面功能进行调整后,功能函数耦合度要同时尽可能降低耦合度,减少页面功能修改时其他受影响函数的修改。

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/zoqyjxtx.html