文章目录导航路线页面导航1.导航到tarBar页面2.导航到非tabBar页面3.后退导航编程式导航1.导航到tabBar页面2.导航到非tabBar页面3.后退导航导航传参1.声明式导航传参2.编程式导航传参3.在onLoad中接收导航参数页面事件下拉刷新上拉触底数据请求获取中添加loading效果,请求完毕关闭loading效果自定义编译模式生命周期生命周期的分类什么是生命周期函数?生命周期函数的分类应用的生命周期函数WXSwxs特点导航路线关于微信小程序知识点一共做了六个博客,涵盖大部分内容,有想学习的可以按照以下顺序查看1.微信小程序的启动和渲染过程(加组件分类和组件的基本使用以及AP
文章目录导航路线页面导航1.导航到tarBar页面2.导航到非tabBar页面3.后退导航编程式导航1.导航到tabBar页面2.导航到非tabBar页面3.后退导航导航传参1.声明式导航传参2.编程式导航传参3.在onLoad中接收导航参数页面事件下拉刷新上拉触底数据请求获取中添加loading效果,请求完毕关闭loading效果自定义编译模式生命周期生命周期的分类什么是生命周期函数?生命周期函数的分类应用的生命周期函数WXSwxs特点导航路线关于微信小程序知识点一共做了六个博客,涵盖大部分内容,有想学习的可以按照以下顺序查看1.微信小程序的启动和渲染过程(加组件分类和组件的基本使用以及AP
一、问题描述uniapp项目运行至小程序，包很大超过2M，很无奈的做了分包，勉勉强强将主包控制到了2M以内。但是为什么这么大，刚开始，也没有找到原因。说白了，还是对打包不太了解。项目上线后，做优化，在微信开发者工具中，做了代码检查，有提示，说我的wxss文件中包含了大量没有引用的css，我打开一看，果然每一个生成的wxss文件中都存在我写的公共的css代码。解决：找文档，研究打包原理；1.下图是刚开始的目录结构：2.官网打包建议static目录下的js文件不会被编译css、less/scss等资源，建议公用的资源放在自建的common目录下。运行时，要勾选压缩选项参考文章：https://xs
一、问题描述uniapp项目运行至小程序，包很大超过2M，很无奈的做了分包，勉勉强强将主包控制到了2M以内。但是为什么这么大，刚开始，也没有找到原因。说白了，还是对打包不太了解。项目上线后，做优化，在微信开发者工具中，做了代码检查，有提示，说我的wxss文件中包含了大量没有引用的css，我打开一看，果然每一个生成的wxss文件中都存在我写的公共的css代码。解决：找文档，研究打包原理；1.下图是刚开始的目录结构：2.官网打包建议static目录下的js文件不会被编译css、less/scss等资源，建议公用的资源放在自建的common目录下。运行时，要勾选压缩选项参考文章：https://xs
1、wx:if（1）在微信小程序中，使用wx:if="{{condition}}"来判断是否需要渲染该代码块：viewwx:if="{{condition}}">lucaview>（2）在微信小程序中，还可以用wx:elif和wx:else来添加else判断，示例代码如下：viewwx:if="{{type==0}}">大view>viewwx:elif="{{type==1}}">中view>viewwx:else>小view>2、结合使用wx:if（1）如果要一次性控制多个组件的展示与隐藏，可以使用一个标签将多个组件包装起来，并在标签上使用wx:if控制属性，示例代码如下：blockwx:
1、wx:if（1）在微信小程序中，使用wx:if="{{condition}}"来判断是否需要渲染该代码块：viewwx:if="{{condition}}">lucaview>（2）在微信小程序中，还可以用wx:elif和wx:else来添加else判断，示例代码如下：viewwx:if="{{type==0}}">大view>viewwx:elif="{{type==1}}">中view>viewwx:else>小view>2、结合使用wx:if（1）如果要一次性控制多个组件的展示与隐藏，可以使用一个标签将多个组件包装起来，并在标签上使用wx:if控制属性，示例代码如下：blockwx:
🍒观众老爷们好呀，小程序系列更新，上文我们讲解了小程序中WXML中的条件渲染和列表渲染，那么接下来，就让我们走进微信小程序的WXSS以及小程序配置吧！🍒今天的内容也是非常重要，赶紧拿小本本记起来呀。文章目录一，WXSS1.1rpx尺寸单位1.2样式导入@import1.3全局样式二，全局配置2.1属性三，页面配置一，WXSS首先我们先介绍一下wxss，wxss是微信小程序独有的模板样式，它类似于web开发中的CSS，具备CSS大部分的功能，同时，它还拓展出了几个内容功能，接下来牛牛介绍一下新增的rpx尺寸单位以及样式导入@import。1.1rpx尺寸单位rpx尺寸单位是微信独有的，主要用来解
🍒观众老爷们好呀，小程序系列更新，上文我们讲解了小程序中WXML中的条件渲染和列表渲染，那么接下来，就让我们走进微信小程序的WXSS以及小程序配置吧！🍒今天的内容也是非常重要，赶紧拿小本本记起来呀。文章目录一，WXSS1.1rpx尺寸单位1.2样式导入@import1.3全局样式二，全局配置2.1属性三，页面配置一，WXSS首先我们先介绍一下wxss，wxss是微信小程序独有的模板样式，它类似于web开发中的CSS，具备CSS大部分的功能，同时，它还拓展出了几个内容功能，接下来牛牛介绍一下新增的rpx尺寸单位以及样式导入@import。1.1rpx尺寸单位rpx尺寸单位是微信独有的，主要用来解
一、需求 项目中要实现一个将图片分享到朋友圈的功能，将生成的海报转成图片保存到手机。用到了wxml-to-canvas插件。二、官方示例使用方法 1.安装wxml-to-canvasnpminstall--savewxml-to-canvas 2.JSON组件声明{"usingComponents":{"wxml-to-canvas":"wxml-to-canvas",}} 3.wxml引入组件{src}}">{src}}"style="width:{{width}}px;height:{{height}}px"> 4. js获取实例const{wxml,sty
一、需求 项目中要实现一个将图片分享到朋友圈的功能，将生成的海报转成图片保存到手机。用到了wxml-to-canvas插件。二、官方示例使用方法 1.安装wxml-to-canvasnpminstall--savewxml-to-canvas 2.JSON组件声明{"usingComponents":{"wxml-to-canvas":"wxml-to-canvas",}} 3.wxml引入组件{src}}">{src}}"style="width:{{width}}px;height:{{height}}px"> 4. js获取实例const{wxml,sty
