小程序学习记录
发布于 3 个月前 作者 aizhangzhuang 678 次浏览 来自 分享

模拟器没有显示.png

模拟器没有显示,这是一个现在让我困扰的问题。

22 回复

完成了简易教程的阅读之后,我感觉微信小程序非常优雅的。尤其是体验了体验小程序

这个东西就是前端和后台两种东西。

我需要先分析一下,自己要做一个什么东西?

如果是做一个知识管理的东西,第一步,先实现内容展示,第二步,实现内容的上传发布。

如果能够实现这样的功能,在日常的工作当中,应该是有帮助的。

这是一个满足自己的需求。

当然,最主要的还是一个学习的需求。

微信小程序,学习的需求,就需要学习别人的代码。需要学习其他场景的一些微信小程序。

那么这里就需要讨论一个学习的方法的问题。学习的过程的问题。

我想程序的学习都是要多练手多实验是一个不变的原则。

在这个基础上面进行看书、看文章、看视频。

自己的需求+学习的需求+学习的方法。

这是我现在的一个总结。最后,就是一个现实的问题,就是时间的问题。

我没有什么时间。现在对小程序的这种兴趣,也不能够支撑我多么废寝忘食地学习。

所以,我还是采取细水长流地方式,是比较可取的。

争取能够做到每天学习一点点。这样就完美了。

wx01.png

我心里的想法是,一定要多用这个小工具。于是我还是登陆了进入,去学习微信官方的体验小程序的代码。

我登录进入,就变成了这个德行。

这到底是什么意思,模拟器没有页面,编辑器没有代码。我按照以前的方法,搜索wxsc.exe,发现,也没有这个东西。

于是,我就不知道该怎么办了。

我的心里还是不放弃,我点击了一下编译,于是乎,就变成了下面的这个样子:

wx02.png

这是什么意思,这是模拟器当中只有一个bar上面,有点显示了。编辑区当中,还是没有什么代码显示。

我进行了第二次的懵逼的操作。

我就狠狠心,我退出来了我的账号,我重新启动,然后微信扫描,然后登陆,选择项目,然后进去。然后这一次,变成了这个样子

image.png

我需要梳理一下我的操作和平复一下我的心情。

我所做的,仅仅是重启开发者工具和重新登录。

那么现在是什么局面,现在的局面是,已经编辑区当中可以显示出来代码了。但是我的模拟器当中还是shit都没有。

我需要再进行百度的操作。

折腾了一会儿,算是看完了第二节课的视频,算是完成了,tarBar的学习。

小程序的预览的原理

  1. 把预览代码传到微信的服务器上。
  2. 在模拟器上,或者真机上访问一个远端的微信网址 windows.location.href

我现在好不容易,有点时间,一点要抓紧学习小程序。

因为马上就要国庆了。国庆了之后,我就要出去完了。

这样就会有很多的时间,就用不上了。

根据学习的规律,一定是要有一阵的震荡期的,这个时候一定要坚持下去,然后才能够进入到甜蜜期当中。

我现在就是在震荡期当中,因为工作上的杂事很多。再加上,小程序的开发工具,我现在使用起来还是非常之不好用的。

所以,我的内心深处,已经开始排斥使用或者学习这个东西了 。但是我不能够,我要做个小程序。加油。

官方的文档阅读,还有我们论坛当中的视频,一点一点地消化,不要怕慢。

听视频里面老师的讲课,真的是很合心意,声音比较糯,温和绵软,很好听。

第三个视频的名字,叫做注册程序和程序生命周期。

这个是讲解App.js当中的一些东西。在pages.js当中是能够通过getApp()来获取全局的变量数据的。

然后是可以在页面上,进行绑定显示的。

我真是太聪明了。

现在呢,程序的注册的,生命周期,这个东西,我已经在我的模拟器和调试后台上面已经完成了。这个是很好的。 但是,我有几个问题。 第一个问题: 为什么在视频当中,老师的编辑器,模拟器,调试器,这些工具栏的按钮是在屏幕的左侧呢,难道是苹果的版本是这样设计的么?我们windows开发者工具的版本,可不可以设置成这种的。我是感觉按钮在左侧是比较方便的做法的。为什么腾讯在给不同平台设计的时候,软件的风格是不一样的。

第二个问题: 我在程序的生命周期当中呢,程序的onlaunch,onshow,onhide,我都是可以在调试器的后台进行看到日志的输出的。 同时,我也是在app.json当中进行了tabBar的设计的,但是不知道为什么我点击我的log页面的tabBar的时候,没有看到有日志的输出。 我查看了,这个页面的代码,是下面的这个样子: 这是一个问题.png

上面的这个代码当中,wx.getStorageSync(‘logs’) || [],这一句,我们可以从英文单词的字面的意思当中可以看到是日志的同步的作用的。 但是这个[]是什么意思呢? util.formatTime(new Date(log)),这一句的作用是对日志当中的日期进行了格式化的输出的。 那么整个的这一句的意思是: logs:().map(log=>Object) 在这里,我们来进行猜测的话,这个=>可能是键值对的意思?我需要查一下。 $.map(),这个是一个函数的吧。就是为了日志的追加? 这就是我的一些分析。需要通过后面你的学习来进行理解的。

但是我的问题还没有说出来。我的问题是,为什么我点击我的日志的页面的时候,不会有日志进行显示呢? 难道是网络的原因? 格式化日期和数字.png 这里我们找到了util.js当中,这一部分就是在本地的,这个是没有问题的。 wx.getStorageSync,难道是在调用它的时候,具有网络的问题么?

总之,今天你,我是点不出来日志的。我也不知道是为什么。我在家里的时候是完全是可以的。

小程序开发的第五课

这节课,讲了两个东西,一个还是app.globalData的一些使用,在页面当中进行引用,然后进行设置的方式。 第二个东西就是模块化的思想。这个思想比较好理解的。 第三个思想就是https://segmentfault.com/a/1190000007017985

我今天的学习效率就比昨天的效率要惊人一点。哈哈哈哈哈哈哈哈哈哈。

不知道宋主任最近还来不来上班了。我估计是不来了。因为马上就国庆假期了。老涛去了泰国清迈,真是爽得很。我要准备去北海道。

今天下午是有点轻敌了,看了几个章节之后,现在第六个视频还是没有看完的。

这个是第六章的内容,我也按照我们的视频里面的内容,进行了尝试。

hidden.png

嚯,这个分享太强了。

回到顶部