微信小程序
学学学无止境
热爱技术与生活。
展开
-
微信小程序项目的总结集合(美图网)
1.页面显示undefined问题:在页面渲染时,还没加载数据就渲染时页面中方可能会显示undefined的请求,因此你可以根据显示的数据,在标签中进行判断,即当数据加载完成时(有数据了),再进行页面的渲染,有时候也可以使用svg图;问题:解决:2.实现下拉加载数据(这里一般需要重新发送请求)比如需求如下:页面中最初显示的数据是固定的,当我滑动触底时,我需要加载新的数据,那么一般是根据请求参数的改变区获取新的数据,将其显示再页面中思考:1.由于触底时,要频繁改变请求参数params,所以原创 2020-12-20 20:19:11 · 1192 阅读 · 3 评论 -
微信小程序中异步请求的封装
微信小程序中异步请求的封装函数1.基于uni-app下异步请求的封装封装异步请求之后需要挂载到原型上(即在入口文件main.js中)便可以this.request1) 在utils/request.js文件下export default (params) => { return new Promise((resolve, reject) => { uni.showLoading({ title:"加载中" }) //微信小程序的内置 wx.re原创 2020-12-20 09:55:11 · 627 阅读 · 1 评论 -
微信小程序中slot插槽的使用
微信小程序中slot插槽的使用适用于子父组件之间的组件通信首先,我定义了名为my-form的子组件,然后在这个子组件中定义了插槽slot定义一个名为index的父组件,然后引用子组件引用的使用,你在内部定义的其他标签内容,就会插到子组件所定义的位置(所以slot也被称为占位符,供父组件的插入)举例1:举例2:...原创 2020-12-20 09:28:40 · 805 阅读 · 1 评论 -
微信小程序中全局共享数据globalData的使用
1.全局共享数据全局共享数据的两种方式通过Vue原型共享数据通过globalData共享数据vuex本地存储1)在Vue实例原型属性上添加属性,其他任何页面预想使用,直接使用this获取到,比如:主要代码:(在入口文件mian.js中)import request from './utils/request'Vue.prototype.request=request;2)通过globalData的方式说明:小程序有globalData,这是一个简单的全局变量机制.这套机制在u原创 2020-12-20 09:15:04 · 11311 阅读 · 2 评论 -
uni-app生命周期
uni-app生命周期uni-app框架的生命周期结合了vue和微信小程序的生命周期全局的APP中使用onLaunch表示应用启动如页面中使用onLoad()或者onShow() 分别表示页面加载完毕时和页面渲染完毕显示时–这里页面指的时在pages.json文件中配置的页面组件中使用mounted()表示组件挂载完毕(这里的组件指的是非全局组件和页面组件)...原创 2020-12-19 21:33:47 · 361 阅读 · 1 评论 -
使用Hubilder创建一个基于uni-app的微信小程序项目
使用Hubilder创建一个基于uni-app的危险小程序项目1.创建项目创建基于uni-app小程序的方式有:使用HBuilder创建使用脚手架vue-cli创建使用vue-cli+easycom以下介绍使用HBuilder创建基于uni-app的小程序项目1)打开Hbuilder编译器,进行如下操作2)然后弹出如下,记得选uni-app,然后我这里使用的是默认模板2.uni-ui的介绍1)介绍uni-ui是一个扩展组件uni-ui是DCloud提供的一个跨端ui库,它是原创 2020-12-19 18:11:11 · 433 阅读 · 1 评论 -
uni-ui组件的使用
1)介绍(1)uni-ui 是全端兼容的基于flex布局的ui库;(2)可以使用 npm 的安装使用方式,也可下载相关组件直接使用;(3)uni-ui 不支持使用 Vue.use() 的方式安装(4)uni-ui 依赖 scss,若是 HBuilderX 中创建的 uni-app 项目,需要在 HBuilderX 中安装 scss 插件;如果是使用 cli 创建的 uni-app 项目,需要在项目下npm安装 node-sass 和 sass-loader2)安装由于我这里使用的是HBuild原创 2020-12-19 17:54:34 · 2148 阅读 · 1 评论 -
使用微信小程序swiper组件实现轮播图时带来的swiper与image标签自带的默认宽高引问题
问题:1)使用两个微信小程序内置的swiper组件实现轮播图效果时,注意swiper是带有默认高度的,为150px2)轮播图的实现,故名思意,根据文档介绍,其使用结构大致如下:3)而image也是有默认高度的(240px),默认宽度(320px),如果不控制swiper与image之间宽高的比例,那么不同设备之间显示的效果有很大的差异(换句话说,就是你不改变比例,那么不管你怎样切换设备,其swiper、image宽高都是固定的,而设备屏幕宽高一直在变化)解决思想:将图片的额宽高等比例变成swip原创 2020-12-16 08:57:36 · 672 阅读 · 0 评论 -
修改小程序中的checkbox样式
原创 2020-11-19 21:57:20 · 214 阅读 · 0 评论 -
如何将微信小程序上传到git上管理
step1:step2:step3:step4:step5:step6:step7:step8:原创 2020-11-19 20:35:35 · 851 阅读 · 0 评论