![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序开发
文章平均质量分 95
微信小程序入门
Laker 23
道可道,非常道。
展开
-
class13:分包、自定义tabbar案例
目录一、分包1.分包加载2.使用分包1.打包原则2.独立分包3.限制3.分包预下载二、自定义tabbar案例1.配置2. 配置信息3.引入1.自定义图标2.更改文字样式3.自定义颜色4.显示徽标a.更改徽标颜色b.动态info徽标5.跳转tabbar页面6.优化默认选中的tabbar下标4.完整代码一、分包链接: https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html1.分包加载某些情况下,开发者需要将小原创 2022-05-31 20:28:17 · 1331 阅读 · 0 评论 -
class12:基于promise的异步API、全局数据共享mobx
目录一、将基于回调函数的异步API进行promise化1.安装miniprogram-api-promise二、全局数据共享mobx1.安装npm包2.在页面使用store mobx3.在组件使用store mobx一、将基于回调函数的异步API进行promise化即基于promise的异步API。1.安装miniprogram-api-promise链接: https://www.npmjs.com/package/miniprogram-api-promisecmd:npm install原创 2022-05-30 09:36:03 · 359 阅读 · 0 评论 -
class11:父子组件传值、behavior共享和Vant Weapp的使用
目录一、父子组件传值1.组件属性传值:父传子2.通过绑定事件的方式传值:子组件调用父组件的函数并传参3.获取子组件的实例对象,访问子组件内的任意数据、方法二、behavior共享-代码块的共享1.behavior的使用三、Vant Weapp的使用1.安装及配置2.使用方法3.定制主题一、父子组件传值3种方法:组件属性传值;(只能用于父组件传递给子组件,不能同步-----传简单数据)通过绑定事件的方式传值;通过子组件实例对象的方式。1.组件属性传值:父传子父子组件不能同步数据,只能传递简单原创 2022-05-29 21:50:11 · 484 阅读 · 0 评论 -
class10:自定义组件的数据监听器-纯数据字段、组件的生命周期、插槽
目录一、自定义组件的数据监听器-纯数据字段1.数据监听器的简单例子2.纯数据字段二、组件的生命周期1.组件的生命周期2.定义生命周期方法3.组件所在页面的生命周期三、插槽 slot1.默认(单个)插槽2.具名(多个)插槽3.父子组件传值一、自定义组件的数据监听器-纯数据字段1.数据监听器的简单例子在组件data中定义num,点击按钮时通过函数addNum函数num自增1,通过监听器来监听num是否发生改变。<!--components/test01/test01.wxml--><原创 2022-05-28 10:10:25 · 213 阅读 · 0 评论 -
class09:自定义组件的数据与属性
一、自定义组件链接: https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/1.介绍开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用;也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护。自定义组件在使用时与基础组件非常相似。2.创建新建components文件夹存放所有自定义组件,每个组件新建单独的目录存放该文件。点击新建components输入文件名即可。3.局部引用原创 2022-05-27 20:06:47 · 603 阅读 · 0 评论 -
class08:商品列表页和WXS语法
目录一、案例:商品列表页1.动态修改页面标题2.获取商品列表3.上拉触底4.下拉刷新二、案例(续)三、WXS1.数据类型2.模块一、案例:商品列表页1.动态修改页面标题在首页需要跳转的地方加入跳转地址,因为跳转的目的页面的页面名称即为跳转入口名,所以在跳转地址后携带绑定参数,参数为跳转入口的名称:url=“/pages/goodsList/goodsList?title={{item.name}}”<!--pages/home/home.wxml--><!-- 分类区域 --&原创 2022-05-27 09:39:34 · 246 阅读 · 0 评论 -
class07:下拉刷新和上拉触底、小程序的生命周期和成员权限
目录一、下拉刷新和上拉触底1.下拉刷新2.案例3.上拉触底4.实例5.改进二、小程序的生命周期1.生命周期2.onLoad、onShow、onReady、onHide的执行时间点3.onUnload :生命周期回调—监听页面卸载三、分配小程序权限一、下拉刷新和上拉触底1.下拉刷新json文件中enablePullDownRefresh:属性,设置为true。//home.json{ "usingComponents": {}, "enablePullDownRefresh": true,原创 2022-05-26 22:42:38 · 510 阅读 · 0 评论 -
class06:声明式导航与编程式导航
目录一、首页案例(续)二、声明式导航1.通过导航组件navigator实现页面跳转2.导航的三种需求三、编程式导航1.跳转到非tabBar页面:wx.navigateTo2.跳转到tabBar页面:wx.switchTab3.编程式导航后退(返回上一页):wx.navigateBack四、复习总结一、首页案例(续)<!--pages/home/home.wxml--><!-- 轮播区域 --><swiper indicator-dots autoplay interva原创 2022-05-25 22:56:45 · 594 阅读 · 0 评论 -
class05:全局配置和网络请求
目录一、全局配置1.全局配置在app.json中设置2.底部TabBar的配置二、网络请求1.发起请求三、网络请求案例1.初始化npm2.导入常用的基本包3.可选择是否配置nodemon4.调试运行5.node后端代码6.将地址复制到微信开发者工具中的js代码中三、实例:发起post请求1.node后端代码2.小程序代码3.实例:简单首页一、全局配置1.全局配置在app.json中设置链接: https://developers.weixin.qq.com/miniprogram/dev/refere原创 2022-05-25 16:14:08 · 115 阅读 · 0 评论 -
class04:页面渲染和WXSS
目录一、bindInput1.input双向绑定二、判断渲染和列表渲染1.条件渲染2.列表渲染三、key值的注意事项四、WXSS1.公共样式2.样式的选择与覆盖3.选择器权重五、全局配置一、bindInput1.input双向绑定通过value或{{ }}使得文本框显示默认值;但此时不能修改js中定义的inputText,即此时为单向绑定。通过给input绑定事件changeVal,在事件changeVal中通过this.setData修改文本框中的值,而此时需要获取inputText的值,可以通过事原创 2022-05-24 23:31:24 · 182 阅读 · 0 评论 -
class03:WXML语法
一、WXML语法1.服务器(一种管理计算资源的计算机):服务器是计算机的一种,它比普通计算机运行更快、负载更高、价格更贵。服务器在网络中为其它客户机(如PC机、智能手机、ATM等终端甚至是火车系统等大型设备)提供计算或者应用服务。服务器具有高速的CPU运算能力、长时间的可靠运行、强大的I/O外部数据吞吐能力以及更好的扩展性。根据服务器所提供的服务,一般来说服务器都具备承担响应服务请求、承担服务、保障服务的能力。服务器作为电子设备,其内部的结构十分的复杂,但与普通的计算机内部结构相差不大,如:cpu、原创 2022-05-24 09:18:18 · 216 阅读 · 0 评论 -
class02:小程序通信与运行机制
目录一、MVVM结构二、小程序的通信三、小程序的运行机制1.启动流程2.页面渲染流程四、小程序组件一、MVVM结构注意:若要在微信开发者工具中运行其他作者的代码,需检查project.config.json文件中appID是否为自己的appID,否则将不能运行。1.MVVM结构:M - Model:模型层(数据层)V - VIew:视图层(页面基本结构)VM - ViewModel:控制层数据定义在JS中,当数据发生改变时,数据存在双向绑定。当修改模型层的数据时,模型层会“通知”控制层“,控原创 2022-05-23 21:28:35 · 323 阅读 · 0 评论 -
class01:小程序简介
目录一、初识微信小程序1.安装微信开发者工具2.申请账号3.创建小程序二、项目结构三、小程序代码构成1.JSON配置2.小程序配置app.json3.工具配置project.config.json一、初识微信小程序1.安装微信开发者工具小程序是依附在第三方软件上的程序,依赖APP的环境。小程序微信官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/2.申请账号第一种方法:第二种方法:原创 2022-05-23 09:30:15 · 134 阅读 · 0 评论