![](https://img-blog.csdnimg.cn/20210908162302411.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
微信小程序
程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验
_Fluoxetine
小时候偷偷吃泡面,长大之后偷偷 吃泡面,以前特别怕父母知道,长大特别 怕父母知道,以前特别喜欢一个人,现在特别喜欢 一个人,以前谁也看不上,现在谁也 看不上,以前无话不说,现在无话 不说
展开
-
微信小程序 订阅与发布
先订阅 在发布消息 订阅:PubSub.subscribe(‘名字’,(msg,data){}) 回调,有两个参数 msg:传递的订阅的名字 data:传递的数据 订阅要不取消订阅,会累加 取消订阅:PubSub.unsubscribe(订阅名) 取消订阅要在订阅函数里最下面 解决 点击的多次累加,取消后点击一下,执行一次 放在onLoad 生命周期中 也需要取消订阅 发布:PubSub.publish(‘和订阅同名’,发布的数据) 注意:发布和订阅的名一样,如不一样不会触发。 wx:for 默认原创 2021-09-24 11:57:35 · 221 阅读 · 0 评论 -
微信小程序 页面跳转
页面跳转 // 窗口的底部或顶部有 tab 栏可以切换页面,可以通过 tabBar 配置项指定 "tabBar": { // tab 上的文字默认颜色,仅支持十六进制颜色 "color": "#000", // tab 上的文字选中时的颜色,仅支持十六进制颜色 "selectedColor":"#f0f", // tabBar 的位置,仅支持 bottom / top "position":"bottom", // tab 的列表,详见 list 属性原创 2021-09-14 19:25:18 · 120 阅读 · 0 评论 -
微信小程序 封装的想法 自定义组件
封装 功能函数 功能点明确 函数内部应该保留固定的代码(静态的) 将动态的数据抽取形参,有使用着根据自身的情况动态传入实参 一个良好的功能请求函数一定要有默认值 自定义组件 组件对象是Component 如何复用 创建一个 component 目录 放在那个页面使用到json文件里注册 要起个名 后面是路径 "usingComponents": { "havHeader":"/Component/header/header" } 在页面 用名字以表签形式来用 传值 要在componen原创 2021-09-14 19:17:45 · 78 阅读 · 0 评论 -
微信小程序 交互 遍历
前后端交互 在生命周期中onLoad中 wx.request({ //轮播图地址 //协议,域名 端口/接口地址 url: 'http://localhost:3000/banner', data:{type:0}, method:'GET', success:(res=>{ let banners=res.data.banners this.setData({ ba原创 2021-09-10 16:10:24 · 106 阅读 · 0 评论 -
微信小程序 轮播图 适量图标引用
轮播图 // 滑块视图容器。其中只可放置swiper-item组件 <swiper class="banner" indicator-dots //是否显示面板指示点 indicator-color="ivory" //指示点颜色 indicator-active-color="#d43c33" //当前选中的指示点颜色 autoplay='true' //是否自动切换 current//当前所在滑块的 index 最后一张后是第一张 > <swiper-原创 2021-09-10 10:01:16 · 90 阅读 · 0 评论 -
微信小程序 生命周期
生命周期 onLoad 监听页面加载 onShow 监听页面显示 onReady 监听页面初次渲染完成 onHide 监听页面隐藏 onUnload 监听页面卸载 第一次页面加载会依次触发 onLoad ,onShow ,onReady onHide 页面隐藏 路由 wx.navigateto 会触发onHide onUnload 页面卸载 路由 wx.reLaunch 关闭所有页面 ,wx.redirectTo 关闭当前页面 ,wx.navigateBack 关闭当前页面,返回上一页面或多级页面 都会触发原创 2021-09-09 15:03:48 · 133 阅读 · 0 评论 -
微信小程序 数据绑定 事件的绑定 简单路由跳转
数据绑定 数据绑定分为三种,初始化数据,使用 ,修改 初始化 // js文件 初始化数据 data: { mag:'数据',//数据初始化 }, // 页面使用 直接用就ok 使用双大括号表达式{{msg}} <text class="userName">{{msg}}</text> // 修改 在生命周期中 onLoad: function (options) { // 修改 this.setData({}) thi原创 2021-09-09 11:49:55 · 158 阅读 · 0 评论 -
微信小程序 准备工作
准备工作-相关资料 1.官网:https://mp.weixin.qq.com/ 2.微信开发工具下载地址: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=2018315 3.开发文档:https://developers.weixin.qq.com/miniprogram/dev/framework/ 4.小程序文件 a).全局配置:app.json—官网—指南—配置小程序—全局配置 1.作用:对微信小程序进行全局配原创 2021-09-08 17:02:20 · 3513 阅读 · 0 评论