uni-app
吃鱼陈默
前端coder
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
小程序获取高度以及单位转换px转rpx
小程序单位转换 px->rpx rpx->px原创 2024-03-12 16:51:12 · 1101 阅读 · 0 评论 -
微信小程序:ios弹出键盘遮挡底部input框且把文字挤出输入框
问题:安卓没有问题,键盘弹出时,自动把窗体上移了,ios其实也上移窗体了,但是问题时仍然遮挡了输入框,这个是微信小程序默认属性adjust-position控制的,默认既是true,在网上搜索,很多要监听窗体事件,手动修改滚动的,但都太麻烦了,最终解决了,只需要给input添加了两个属性。这个属性是设定了输入光标和键盘的距离,默认是0,给到一个距离就可以把页面再上推一段距离,就可以实现不遮挡输入框了。这个属性我理解的是讲input绑定为同一层级,避免文字被推出框外。原创 2024-01-11 15:01:23 · 1825 阅读 · 0 评论 -
微信小程序:input用正则限制输入但是失效
加一个$nextTick()函数进行实时监听修改,就解决了,或者使用setTimeOut函数重复调用赋值应该也ok。问题:正则匹配修改,但是仍然失效,通过打印数值发现已经修改成功,所以问题出在没有实时修改上。效果:想要实现输入框只能输入数字,第一位不能是点,小数点后只有两位数字等等。最后贴上正则处理函数。原创 2024-01-11 14:48:50 · 1341 阅读 · 0 评论 -
页面加载时发生顺序及优化
1.uni-app框架,首先根据pages.json的配置,创建页面所以原生导航栏是最快显示的。页面背景色也应该在这里配置。2. 根据页面template里的组件,创建dom。这里的dom创建仅包含第一批处理的静态dom。对于通过js/uts更新data然后通过v-for再创建的列表数据,不在第一批处理。要注意一个页面静态dom元素过多,会影响页面加载速度。在uni-app x Android版本上,可能会阻碍页面进入的转场动画。因为此时,页面转场动画还没有启动。3. 触发onLoad。转载 2023-12-13 09:41:51 · 347 阅读 · 1 评论
分享