锋盈数科-知识库 Logo
首页
软件开发
计算机基础
Hello Halo
新手必读
关于本知识库
登录 →
锋盈数科-知识库 Logo
首页 软件开发 计算机基础 Hello Halo 新手必读 关于本知识库
登录
  1. 首页
  2. 软件开发
  3. 小程序
  4. 微信小程序开发注意事项

微信小程序开发注意事项

0
  • 小程序
  • 发布于 2024-09-26
  • 14 次阅读
黄健
黄健

跳转tabBar页面时,不能使用navigator标签、 wx.navigateTo、wx.redirectTo方法跳转页面,可以使用wx.switchTab(Object object)和wx.reLaunch(Object object)

延时执行

setTimeout(function(){

  console.log("延时1秒后执行"); 
}, 1000); 

wxss中的本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64,或者使用标签。

自定义导航栏

"navigationStyle":"custom"
"renderer": "skyline",

border-radius设置失效:给container元素添加overflow: hidden 或 transform: translateY(0)

是图片充满容器

<view class="location-img"><image src="" mode=""/></view>
//设置:
img{

width:100%;
height:100%
}

注意 e.currentTarget.dataset.value 和 e.targetarget.dataset.value

success不能使用this.setData

var that=this   //然后that.setData

报错:No primary or single unique constructor found for interface java.util.List

//添加
(@RequestParam(value = "arr") List<Integer> arr)

wx.getLocation({})不执行

//在app.json中添加
"requiredPrivateInfos": [
    "getLocation"
  ],

小程序做删除的时候,请求用的是delete时,按平时做GET,POST时的方式传参,后台是接收不到参数的。原因是因为传的是json格式,但是delete接口要的是query string格式的,所以就导致参数传过去,后端无法接收。 PUT也是
解决方法:

//1.手动拼接
wx.request({

            url: 'http://localhost:8080/personalinfo/delete?id='+that.data.personalInfo.id, //手动拼接
            method: 'DELETE',
            data: {

            },
            header: {
    'content-type': 'application/json' },
            success(res) {

            }
          })
//2.content-type用formData的
wx.request({

     url: "http://test/xxx",
     method:'DELETE',
     data:{
   id},
     header:{

         "content-type":"application/x-www-form-urlencoded"
     },

解决swiper轮播图不能占满

swiper {

  width: 100%;
  height: calc(100vw * 327 /  491);
}
image {

  width: 100%;
}

解决switchTab数据不刷新 switchTab成功跳转后调用success,此时可以拿到跳转后页面的page对象,从而调用页面onLoad方法重载页面;微信后期应该会加相应的参数来决定是否刷新跳转

wx.switchTab({

    url: '../index/index',
    success: function (e) {

        var page = getCurrentPages().pop();
        if (page == undefined || page == null) return;
        page.onLoad();
    }
})

获取当前时间

const now = new Date();  
    const year = now.getFullYear();  
    const month = this.formatNumber(now.getMonth() + 1);  
    const day = this.formatNumber(now.getDate());  
    const hours = this.formatNumber(now.getHours());  
    const minutes = this.formatNumber(now.getMinutes());  
    const currentTime = `${
   year}-${
   month}-${
   day} ${
   hours}:${
   minutes}`;  
    this.setData({

      time: currentTime  
    });  

formatNumber(n) {

    n = n.toString();  
    return n[1] ? n : '0' + n;  
  },

原文链接: https://blog.csdn.net/qq_53568730/article/details/135906675

标签: #微信小程序 16
相关文章

微信小程序开发项目 2024-09-26 17:57

微信小程序开发项目是一个复杂而细致的过程,它涉及到从项目规划、设计、开发到测试、发布及维护等多个环节。以下是对微信小程序开发项目的详细探讨,包括项目准备、开发流程、项目架构、优化与发布等方面。 一、项目准备 1. 明确项目目标与需求 在开始微信小程序开发项目之前,首先需要明确项目的目标和需求。这包括

基于微信小程序的挂号管理系统-web管理端 2024-09-26 16:51

流量和预约挂号数可视化功能 系统具备人流量和预约挂号数的可视化功能,能够实时展示各项数据,通过图表等形式直观呈现。这有助于医疗机构快速了解服务状况,优化资源配置,提升运营效率,为患者提供更为便捷的挂号服务。 患者信息管理功能 系统提供了患者信息管理功能,患者信息管理功能全面且高效,支持患者信息的录入

基于微信小程序的挂号管理系统-小程序端 2024-09-26 16:51

微信小程序端系统功能实现 登录功能 系统登录功能中,用户只需在登录界面输入正确的用户名和密码,即可快速进入系统。登录功能还采用了先进的加密技术,保障用户信息的安全性,让用户能够放心使用。 注册功能 系统注册功中,用户仅需按照提示填写基本信息,如姓名、手机号、身份证号等,即可完成注册。系统会对输入信息

基于微信小程序的挂号管理系统-01 2024-09-26 16:51

技术:Vue 微信小程序 SpringBoot Mybatis-plus SpringMVC Mysql elementUI ECharts 原文链接: https://blog.csdn.net/qq_53568730/article/details/138139001

微信小程序-02 2024-09-26 16:51

swiper 和 swiper-item 组件的基本使用 轮播图 <!--pages/list/list.wxml--> <swiper class="swiper-container"> <swiper-item> <view class="item">A</view> </swiper-it

微信小程序开发注意事项 2024-09-26 16:51

跳转tabBar页面时,不能使用navigator标签、 wx.navigateTo、wx.redirectTo方法跳转页面,可以使用wx.switchTab(Object object)和wx.reLaunch(Object object) 延时执行 setTimeout(function(){

目录

IT 外包服务商

  • 意见投递
  • zyf6619

软件开发应用

主菜单

  • 首页
  • 软件开发
  • 计算机基础
  • Hello Halo
  • 新手必读
  • 关于本知识库
Copyright © 2024 your company All Rights Reserved. Powered by Halo.