1、GitHub线上静态资源存储
静态资源存在了GitHub上步骤：
并且解决了小程序预览过大的问题
1、创建一个新的仓库、并clone下来
2、把图片提交上去
3、在点击Github上的设置(setting)-找到github pages - source下的 - none改成master branch-页面自动刷新-找到刚刚那个位置，会出现一个路径
image.png
2、小程序知识点
- 1、wxss不支持本地图片(相对路径)，必须是网络路径(http/https)
- 2、wxss只支持网络的、配置中只支持本地的
- 3、循环wx:for="{{arr}}"、判断wx:if="{{}}" -wx:else、block
- 4、只有写双大括号才有js效果
- 5、x:if="{{true}}"显示，标签也会显示
- 6、wx:hidden="{{false}}"是false为显示，内部是display:block
- 7、点击事件1 bindtap 2 bind:tap="定义一个函数名"
- 8、表单 1 获取焦点：bind:focus="函数名" 2 失去焦点：bind:blur="函数名"
- 9、小程序也可以调试-在
Appdata里 - 10、
setDate改变数据、实现修改数据 - 11、this指向的是page
- 12、自定义属性 前缀必须加 dta-自定义名字="函数名" 通过ev.target获取自定义属性的值
父子盒存在冒泡的现象
- 如何控制事件捕获
1、capture-bind 不阻止捕获事件内部传递(改变顺序)
2、capture-catch 阻止捕获事件内部传递 - 1、小程序中通过 catch 来阻止事件冒泡
代码举栗：
改变顺序，不阻止事件捕获
<view class="fbox" bind:tap="fbox">
<view class="zbox" catch:tap="zbox"></view>
</view>
阻止事件捕获
<view class="fbox" bind:catch="fbox">
<view class="zbox" catch:catch="zbox"></view>
</view>
获取到data里的数据并修改数据
代码举栗：
// 可以获取到数据
console.log(this.data.message)
// setData是修改数据的
this.setData({
message: '我是改变后的数据'
})
服务器域名
配置公司域名
image.png
-
在开发阶段可以
image.png
