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

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

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

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,348评论 1赞 92
  • 原文链接:https://github.com/opendigg/awesome-github-android-u...
    IM魂影阅读 33,199评论 6赞 472
  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 2,882评论 0赞 25
  • 在历史的长河中,50年很短,短到几页书的记载就可以翻越过去。但对一个个具体的普通人来说,50年却是大半辈子了。...
    慢1点慢1点阅读 356评论 0赞 2
  • 科研人员进行过一项有趣的心理学实验,名曰“伤痕实验”。 他们向参与的志愿者宣称,该实验旨在观察人们对身体有缺陷的陌...
    自在人生心想生阅读 598评论 0赞 2

友情链接更多精彩内容