uniapp开发小程序经验记录

uniapp开发小程序的过程中会遇到很多问题,这里记录一下相关工具优化,便于后来者参考。

每次保存代码后,小程序都跳回首页

针对这个问题,常规的做法就是修改pages配置文件,但是这种方式不便于路由参数的设置,而且每次都是编码级的调整。

因此推荐使用开发工具中提供的"编译模式进行指定,流程如下:

  1. 小程序模拟器界面点进正在修改的目标页面
  2. 在"普通编译"下拉框中选择"添加编译模式"
  3. 这一步会弹出对话框表单,并自动将当前页面已传入的参数填充进表单。如无特殊配置,那么录入"模式名称"然后点击确定即可保存。

    后续再修改代码,只要这里的编译模式切换为指定模式,即可以此页面及当前所设置的传参为首页。

设计稿没按750 宽的屏幕为基准

查看设计稿宽度基准值,使用基准值除以750,将值写入下方箭头所指向的位置。比如我的设计稿宽度是390,那么390 ÷ 750 = 0.52,因此我在此处填入值为0.52,保留小数点后两位。

操作入口:工具》设置》语言服务配置

设置后效果

相关推荐
V+zmm101342 小时前
基于微信小程序的乡村政务服务系统springboot+论文源码调试讲解
java·微信小程序·小程序·毕业设计·ssm
还这么多错误?!2 小时前
uniapp微信小程序,使用fastadmin完成一个一键获取微信手机号的功能
微信小程序·小程序·uni-app
_院长大人_2 小时前
微信小程序用户信息解密 AES/CBC/NoPadding 解密失败问题
微信小程序·小程序
IT 前端 张2 小时前
Uniapp 手机基座调试App 打包成Apk文件,并上传到应用商店
uni-app
User_undefined2 小时前
uniapp Native.js原生arr插件服务发送广播到uniapp页面中
android·javascript·uni-app
web135085886352 小时前
uniapp小程序使用webview 嵌套 vue 项目
vue.js·小程序·uni-app
麦兜*3 小时前
轮播图带详情插件、uniApp插件
前端·javascript·uni-app·vue
veminhe3 小时前
uni-app使用组件button遇到的问题
uni-app·vue
m0_748240023 小时前
uniapp跨平台开发---webview调用app方法
uni-app
guanpinkeji3 小时前
废品回收小程序:助力企业转型发展
小程序·小程序开发·小程序制作·回收·废品回收小程序·废品回收