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

MLN001-Day01-10的小程序练习指南的真实记录
最新回答
指尖星光在流浪

2020-06-22 19:07:01

MLN001-Day01-10的小程序练习指南真实记录如下

关于30天练习指南与0基础指南之间的关系
  • 问题:完全0基础小白,错过了9.1的直播,已注册APPID和下载开发者工具,也看了一遍简易教程,有个疑问:30天的练习是接着9.1的直播吗?是否需要先设计个人页面?
  • 解答:30天的练习是接着9.1直播的,但也可以直接进入30天练习,不需要设计个人主页也可以进入练习。
关于如何开始day01的练习
  • 问题:怎么把View组件导入项目呢?试了下新建一个Page,接下来就摸不着头脑了。
  • 解答:在新建Page后,可在对应页面的配置文件或代码文件中输入View组件的相关信息来使用它。例如,在页面的WXML文件中添加<view>这里是内容</view>即可使用View组件。
关于video组件
  • 补充信息:个人开发的小程序是不允许有Video组件的,这一条文档里没有明确说明,但审核两礼拜后会推送相关提示。
Taro框架
  • 推荐信息:Taro是一个多端统一开发框架,支持用React的开发方式编写一次代码,生成能运行在微信小程序、H5、React Native等的应用。其书写体验很好,官方GitHub地址为:
    https://github.com/NervJS/taro
练习成果展示
  • 苗帅的练习成果

块级、行级元素
  • 问题:block便签是什么意思,官方文档里查不着解释。
  • 解答

    北小生:block标签就是容器,无实际意义,view是视图;icon是行级元素,默认按照从左到右排列;view是块级元素,默认从上到下,一个占一行。

    CanisMinor:其实view = div / text = span,更多时候是block和inline的区别,而不是字面意思;特别是text很多时候并不是用来承载文本的,而是利用其inline的特性。

附加练习
  • CanisMinor给出的练习

开源项目
  • CanisMinor WxApp 2.0:CanisMinor开源的一个小程序个人主页项目,GitHub地址为:
    https://github.com/canisminor1990/canisminor-wxapp
关于button事件的绑定,代码书写的大小写问题
  • 问题1:Day4的练习中,button的点击事件怎么绑呢?点击按钮进度条没有反应。
  • 解答1:button里的bindtap是不需要{{}}的。
  • 问题2:去了{{}}后,点击报错。
  • 解答2:setdata写错了,注意大小写,应该是this.setData({。
练习成果展示
  • 欢颜的成果

经验分享
  • 苗帅的经验:tabBar设置后,代码切换页面需用switchtab,不能使用navigator。
关于this的作用域问题
  • 问题:为什么要用that = this?
  • 解答

    苗帅:在onload里面不能使用this,然后百度了一下得用个变量var that = this。

    shadow:涉及到javascript中的this作用域的知识,可以打印出来console.log(this)看看,在函数内的this是什么,在外面又是什么。

    少年游:在函数内部this会指向这个函数而不是外面的对象。

    Chen:提供了相关学习链接:

    https://blog.csdn.net/alexzt/article/details/79748229

近期热门文章推荐
  • 技术解读服装设计师的用色风格
  • 当AI学会了咪蒙的文风之后……