今天微信小程序开发教程栏目为您介绍微信小程序的开发笔记，一起来看看吧。

最近在开发一个微信小程序，把项目中经常遇到的知识点记录下来，方便下次开发时查看。

开发小程序时，推荐使用开发工具来编写代码，使用微信开发工具来查看效果和调试。

1.自定义标题栏

如今，UI要求越来越高，自定义标题栏频繁出现。

"navigationStyle": "custom"复制代码

登录后复制

2、获取用户信息

每个小程序中都会用到用户授权，你可以根据自己的项目流程编写自己的逻辑。用户授权

授权登录复制代码

登录后复制

bindGetUserInfo (e) {    console.log(e.detail.userInfo) // 获取到用户信息}复制代码

登录后复制

如果获得授权，请调用“wx”。和“wx”。来判断用户是否被授权。

wx.getSetting({  success (res){    if (res.authSetting['scope.userInfo']) {      // 已经授权，可以直接调用 getUserInfo 获取头像昵称      wx.getUserInfo({        success: function(res) {          console.log(res.userInfo)        }      })    } else {        // 未授权    }  }})复制代码

登录后复制

3. 设置风格

复制代码

登录后复制

.placeholderinput {  color: #CCCCCF;  font-size: 36rpx;}复制代码

登录后复制

4. 路由

路由跳转用得很多。每次跳的时候，我都不知道往哪个方向跳。写下来加深印象。

跳转到该页面并关闭所有其他非页面

wx.switchTab({    url: '../../index/index'})复制代码

登录后复制

跳转到应用内的某个页面，但不允许跳转到该页面并关闭当前页面

wx.redirectTo({    url: '../../index/index'})复制代码

登录后复制

保留当前页面并跳转到应用程序内的页面。但无法跳转到该页面。

wx.navigateTo({    url: '../../index/index'})复制代码

登录后复制

5、梳理组件常用模式的合法值

为什么详细解释一下，每次后台上传的图片和我们前端界面的尺寸不一样的时候，我们前端都要处理，而测试总是会提出一些图片变形的问题。为了防止他们提出这些问题，我们来详细分析一下。如果有任何错误，请随时分享并纠正我们。在宽度和高度固定的情况下：

 复制代码

登录后复制

.pic {  width: 600rpx;  height: 500rpx;  border: 1rpx solid #ccc;}复制代码

登录后复制

如果设置以下属性，图像会发生什么情况？

常用的两个“”和“”

6.设置“-type”的合法值

设置键盘右下角按钮的文本，type="text"时有效

为了实现和iOS的统一，还需要设置类型。默认值为done，默认为，iOS默认为Done，所以前四个设置可以统一。

相关免费学习推荐：微信小程序开发教程