小程序学习
小猿L
仅作为个人学习记录,杂乱
展开
-
分包的认识和配置
配置分包生成分包在app.json中定义每个分包不能超过2M,可以在基本信息中看到体积大小打包的原则分包的引用原则独立分包独立分包的应用场景独立分包的配置独立分包和普通分包的区别 在后面是否有“indepedent”:true 属性独立分包的引用规则 主要记住是相互隔绝的分包预下载配置分包预下载进入pages/contact/contact进入分包下载...原创 2021-11-13 16:38:49 · 229 阅读 · 0 评论 -
全局数据共享store的认识与使用
实现全局数据共享小程序之间的数据共享11通过action方法修改store的值使用store//首先创建store文件import {observable,action} from 'mobx-miniprogram'export const store =observable({ num1:1, num2:2, updatenum1:action (function(step){this.num1+=step }),...原创 2021-11-13 11:15:28 · 1515 阅读 · 0 评论 -
数据监听器observers
数据监听器基本用法使用如下:test2.xml<text>{{n1}}+{{n2}}={{sum}}</text><button bindtap="addn1">点击n1加1</button><button bindtap="addn2">点击n2加1</button>test2.js data: {n1:0,n2:0,sum:0 }, methods: {addn1()..原创 2021-11-13 09:02:54 · 516 阅读 · 0 评论 -
API 的promise化
点击工具----点击构建npm 构建成功使用打印出来看到是Promise对象于是可以使用async await 来优化 {data:res} 将data属性重命名为res 简化名字原创 2021-11-11 23:39:40 · 832 阅读 · 1 评论 -
使用npm包
Vant-Weapp地址回到小程序右键终端初始化npm -init -y安装npm# 通过 npm 安装 npm i @vant/[email protected] -S --production构建npm点击详情 小程序可以使用npm包将app.json里面的style属性删除使用vant自定义属性使用 --变量名: 下面的变量作用域为html修改vant变量名字实现样式的变化在vant-we...原创 2021-11-11 23:22:15 · 836 阅读 · 0 评论 -
自定义组件---behaviors
behavior实现组件中代码的共享原创 2021-11-11 22:54:50 · 61 阅读 · 0 评论 -
父子组件之间的通信
关键子组件向父组件传值父组件中子组件向父组件传值具体//子组件中<view>使用父组件传过来的值{{ct}}</view><button bindtap="addC">点击加1</button>//子组件js中addC(){this.setData({ ct:this.properties.ct+1})this.triggerEvent("parentAdd",{value:this.proper...原创 2021-11-11 22:28:35 · 287 阅读 · 0 评论 -
自定义插槽
单个插槽用法启用多个插槽(重要别忘记!!!)定义使用原创 2021-11-11 21:35:08 · 288 阅读 · 0 评论 -
组件的生命周期
原创 2021-11-11 21:13:14 · 47 阅读 · 0 评论 -
组件中properties属性
properties传入外部属性properties使用:函数写在方法中methods:{} methods: { addNum(){ this.setData({ count2:this.data.count2+1 }) }}data和properties区别使用properties的值原创 2021-11-10 22:56:06 · 431 阅读 · 0 评论 -
使用wxs脚本
wxs特点:js的data中 data: { username:'lhm',//测试内嵌wxs数据 country:'CHINA', //使用外联wxs数据 count:0 },1.内嵌式<text>通过内嵌的方式使用wxs的方法</text><view>{{m1.toUpper(username)}}</view><wxs module="m1">module.expor..原创 2021-11-08 23:59:58 · 106 阅读 · 0 评论 -
上拉触底案列onReachBottom
上拉触底颜色盒子案例 不断获得随机颜色盒子渲染wxml<view class="colorBox" wx:for="{{colorList}}" wx:key="index" style="background-color:rgba({{item}})">{{item}}</view>在wxss中.colorBox{ width:100%; height:300rpx; border:1px solid #fff; border-ra...原创 2021-11-08 23:33:04 · 746 阅读 · 1 评论 -
下拉刷新enablePullDownRefresh
在json文件中设置允许下拉刷新 "enablePullDownRefresh": true下拉刷新小案例体验wxml中<view>数值:{{count}}</view><button bindtap="add">加1</button>js中 data: { count:0 }, add(){this.setData({ count:this.data.count+1}) },onPullD原创 2021-11-08 20:59:33 · 2479 阅读 · 0 评论 -
编程式和声明式页面跳转
注意open-type="navigator " 只对open-type="navigate"的有效编程式导航wx.switchTap()不写默认delta为1声明式导航传参可以看到说明成功编程式导航传参导航栏传参存储在data属性值中,以便调用...原创 2021-11-08 00:39:07 · 97 阅读 · 0 评论 -
小程序——模板与配置总结
原创 2021-11-07 23:20:54 · 53 阅读 · 0 评论 -
小程序学习——配置本地生活页面
实现效果如图app.json中配置导航栏和底部菜单代码如下:{ "pages":[ "pages/index/index", "pages/message/message", "pages/contact/contact", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#2a496c.原创 2021-11-07 23:19:04 · 213 阅读 · 0 评论 -
小程序—数据请求
小程序对接口的请求,,先要配置配置合法域名:注意事项:绑定点击函数<button bindtap="getData">点击按钮发送get请求</button>在js中定义getData函数getData(){ wx.request({ url: 'https://www.escook.cn/api/get', method:'GET', data:{ name:'ll', ag...原创 2021-11-07 21:11:30 · 131 阅读 · 0 评论 -
小程序全局配置——window节点常用配置项
1.navigation部分在app.json中找到window节点 "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#000", "navigationBarTitleText": "赖慧梅的快乐小店", "navigationBarTextStyle":"white" },注意navigationBarBackgroundColor的颜色要...原创 2021-11-07 17:13:23 · 334 阅读 · 0 评论