小程序开发笔记

发表于 | 分类于 | | 阅读次数: | 本文总阅读量 次

小程序开发所遇到的问题:

1.input输入框在获取焦点时候真机调试时候会有一闪而过的阴影
此问题微信官方demo和其他所有小程序都存在这个问题，字体小一点可能稍微好点。

2.button默认样式时候设置圆角会导致左右圆角显示不清楚，直接给border设为none也不行

1
2
3
4
5
6
7
8
//以下代码可将button的border取消掉，之后重新设置你自己的样式
button::after {
  border: none
}
.plain {
  border: none;
  border-color: transparent;
}

3.事件event.target.dataset会导致有时候获取设置的默认属性取不到，跟有异步一样

1
2
//需要使用
event.currentTarget.dataset

4.阻止页面上下可滑动，可在每个页面的json文件中配置如下

1
2
//page.json
"disableScroll": true

<<<<<<< HEAD
5.自定义组件在默认没有引入全局的css样式即app.wxss,需要在Component中设置options.addGlobalClass = true；
如下：

1
2
3
4
5
Component({
  options: {
    addGlobalClass: true,
  }
})

6.开发微信小程序有时候会遇到弹出“该小程序可能导致微信响应变慢被终止”提示，用户端看到此提示一定以为开发者的问题。网上查阅文档一方面是用户手机内存不足，一方面for循环未绑定key值

1
2
3
4
<view wx:for="{{arr}}" wx:key="{{index}}"></view> //需绑定key
=======

5.对于小程序全屏图片展示，即图片可以撑开到手机顶部，包括显示时间的那个位置

//在每个页面的json文件中配置
//index.json
{
“navigationStyle”:”custom”//设置为此属性后小程序顶部导航需要自己定义，除了右边小程序自带的按钮
}

10790c9a50373032037547dbb09b258faaf79967
`