【微信小程序】学习拾遗六（错误汇总一、template模板、getWXContext函数、本地缓存实操、异步同步的理解、弹窗）_微信小程序运行时template内无法获取到<script setup>写法内定义的const常量-CSDN博客

本文链接：https://blog.csdn.net/cscw333/article/details/128400922

本文总结了微信小程序开发中的常见错误，包括名称错误、空格问题和未保存文件导致的错误，并介绍了template组件的创建和使用，以及用户信息获取与存储的方法。此外，还探讨了新用户与已记录用户的判断读取策略、本地缓存操作、异步同步方法的应用和wx.showModal的使用。

摘要由CSDN通过智能技术生成

低端错误汇总

1、名称错误：最容易出的错，属性、变量名、方法名、组件名等需要复用的元素，容易在使用的时候写错，建议复制，拼写容易出错且容易被惯性忽略。

2、不该出现的空格：其实也可以归类在名称错误里，某些地方不能使用空格，而多了空格会报错，比如image的src地址中，如果使用{ {}}方法，也不能有空格，如果有空格，就会解析错误。

3、没有保存文件导致的错误，一般新人容易出的错，只要养成随时随地ctrl+s的习惯后，就很少出了。

未完待续

template组件的使用

1、创建template组件文件夹；
2、在组件文件中定义元素和css样式；

<!--template/list/list.wxml-->
<template name="list">
  <view class="listv">
    <view class="leftv">左侧</view>
    <view class="rightv">右侧</view>
  </view>
</template>

/* template/list/list.wxss */
.listv {
   
  display: flex;
  color: red;
  text-align: center;
  line-height: 200rpx;
}
.listv .leftv{
   
  width: 200rpx;
  height: 200rpx;
  background-color: aquamarine;
}
.listv .rightv{
   
  flex: 1;
  background-color: yellowgreen;
}

3、在引入的页面和样式文件中使用。

<!-- pages/index/index.wxml -->
<import src="../../template/list/list"></import>
<template is="list"></template>

/* pages/index/index.wxss */
@import '../../template/list/list.wxss';

用户信息的获取与存储

推荐使用wx.getUserProfile(Object object)

在页面上设置登录按钮及登录后显示的元素，然后在js文件中编写获取用户信息的事件，

login(){
   
    let that = this
    // 推荐使用 wx.getUserProfile 获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认
    // 开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
    wx.getUserProfile({
   
      desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
      success: (e) => {
   
         wx.cloud.callFunction({
   
          name:"getUserInfo",
          success:res=>{
   
            that.setData({
   
              userId:res.result.openid,
              userInfo: e.userInfo