移动端(微信小程序&uniapp)(单题)

题型 难易度 出现频率 浏览 评论
问答题 12 0
试题信息收集不易,转发请带上出处,不甚感谢!如果您对任何编程问题还有疑问,欢迎点击下方按钮向老师提问!
问答题
  • 开发移动端时遇到过哪些兼容性问题?你怎么解决的 / 在使用uniapp开发项目时你遇到过什么兼容性问题

我在使用uniapp进行多端开发时,兼容性的问题还是挺多的,我个人理解兼容性问题导致的原因就是平台运行方式的差异性导致的,我的解决手段是调试代码。

最近一个项目要使用uniapp开发微信小程序、H5、Android端,兼容三端,就遇到过兼容性问题。登录框要要垂直居中,在小程序对登录框容器使用高度100vh,使用弹性盒子布局,设置align-items:center就可以了,但在h5端不行,进过调试发现,H5端的导航栏是模拟出来,100vh是包含了导航栏的高度,所以在H5端就不能使用100vh。最后面的做法就是让page的高度为100%,登录框的容器也为100%,page的100%高度正好是去掉了导航栏的窗体高度,这样就兼容了三端。

还项目要求登录框是椭圆的,我用的是easy-input组件需要样式覆盖才能实现,发现在小程序上不行,原因是easyinput是虚拟化组件节点,添加的class不会被渲染,而在H5端是可以的,只好用view包裹起来,添加class。

兼容性的问题还是挺多的,一般进过分析,调试找出问题的原因,就能够很快的解决。

还能输入{{limitInput-commentDet.length}}个字符