深圳智学无忧项目面试题(单题)

题型 难易度 出现频率 浏览 评论
问答题 6 0
试题信息收集不易,转发请带上出处,不甚感谢!如果您对任何编程问题还有疑问,欢迎点击下方按钮向老师提问!
问答题

最近使用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}}个字符