MLN001-Day01-Day10的小程序练习指南的真实记录
- 2019 年 10 月 7 日
- 筆記
这篇是mixlab超级节点之：
MLN001小程序workshop
正在发生的一些内容总结。
此节点的来龙去脉：
除了MLN001外，还有mixlab其他超级节点，详细可点击了解：
以下是稍加整理的记录：
关于30天练习指南与0基础指南之间的关系
Jane提问：
完全0基础小白，错过了9.1的直播，已注册APPID和下载开发者工具，也看了一遍简易教程，有个疑问：
30天的练习是接着9.1的直播吗？是否需要先设计个人页面？
shadow解答：
30天的练习是接着9.1直播的。但也可以直接进入30天。不需要设计个人主页也可以进入练习。
关于如何开始day01的练习
Jane提问：
怎么把View组件导入项目呢？我试了下新建一个Page，接下来就摸不着头脑了 ~~
musde解答：
在这里可以输入view的相关信息
关于video组件
CanisMinor补充：
哦对了，打个预防针，个人开发的小程序是不允许有Video组件的，这一条文档里没有的，但审核两礼拜后会推送给你。之前被坑惨了。
Taro框架
CanisMinor推荐：
Taro书写体验很好，https://github.com/NervJS/taro。多端统一开发框架，支持用 React 的开发方式编写一次代码，生成能运行在微信小程序、H5、React Native 等的应用。
练习成果
苗帅的练习：
块级、行级元素
欢颜提问：
这个block便签是什么意思，官方文档里查不着解释
北小生解答：
block标签就是容器 无意义，view是视图；
icon是行级元素 默认是按照从左到右排列；
view是块级元素，默认从上到下，一个占一行
CanisMinor解答：
其实 view = div / text = span 更多时候是block和inline的区别 而不是字面意思；特别是text很多时候并不是用来承载文本的而是利用其inline的特性
附加练习
CanisMinor给的一道练习：
开源项目
CanisMinor开源的一个小程序个人主页项目：
https://github.com/canisminor1990/canisminor-wxapp
关于button事件的绑定，代码书写的大小写问题
Jane提问：
大神们帮忙看看Day4的练习，button的点击事件怎么绑呢？ 点击按钮进度条没有反应。。。
shadow解答：
button里的bindtap是不需要{{}}
Jane提问：
去了后，点击报错
shadow解答是：
setdata，写错了，注意大小写，this.setData({
练习成果
欢颜的成果：
经验分享
苗帅的经验：
tabBar设置后，代码切换页面需用switchtab，不能使用navigator
关于this的作用域问题
musde提问：
问个问题，为什么要用that=this？
苗帅解答：
我好像记得是onload里面不能使用this，然后百度了一下得用个变量var that=this
shadow解答：
javascript中的this作用域，涉及到 javascript中的this作用域 的知识；可以打印出来 console.log(this) 看看；在函数内到this是什么。在外面又是什么。
少年游解答：
在函数内部this会指向这个函数而不是外面的对象
Chen解答：
https://blog.csdn.net/alexzt/article/details/79748229
以上为10天的练习进展～
