在vscode中开发uniapp小程序

  1. 如果用到uview这个库 依赖要用npm安装 如果用到node-sass可以单独用cnpm装node-sass
  2. 如果在components文件夹中发现了uni-开头的组件 这是HBuilderX安装组件的方式 要及时换成npm引入
  3. pages.json中的easycom配置可以实现组件的全局引入
      "easycom": {
        "uni-popup": "@dcloudio/uni-ui/lib/uni-popup/uni-popup.vue"
    },
  1. 按需引入的组件不会自动引入子组件 需要在easycom中引入

小程序

  1. 小程序自定义navigation 使用position: sticky实现吸顶 (外层dom不能有overflow: hidden;)
.sticky {
  position: sticky;
  top: 0;
  z-index: 999;
}

  1. 阻止小程序输入框聚焦上推页面设置adjust-position为false
    阻止输入框自动上移 在focus事件拿到键盘高度设置输入框位置
    click事件可以先预设一个差不多的高度 到focus再设置准确高度 用c3过渡
 

H5

  1. 隐藏滚动条
// 写在全局样式 (比如uni.scss)
html,body{ width: 100%; height: 100%; overflow: scroll;}
html::-webkit-scrollbar, body::-webkit-scrollbar{width:0px;height:0px;}
body{margin:0;}

你可能感兴趣的:(在vscode中开发uniapp小程序)