MLN001-Day01-Day10的小程序练习指南的真实记录

这篇是mixlab超级节点之：

MLN001小程序workshop

正在发生的一些内容总结。

此节点的来龙去脉：

30天小程序练习指南开启【第5期】

30天小程序代码练习指南

除了MLN001外，还有mixlab其他超级节点，详细可点击了解：

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 WxApp 2.0

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天的练习进展～