微信小程序爬坑记录

ps:如果你看过vue或者一些其他的前端框架,那么入手小程序是非常简单的。小程序的文档已经写的不错了。只要知道文件结构。按照结构的内容去写你相关的内容就可以。

需要的技能:JavaScript html css flex布局 es6 的语法 PHP 接口的知识 最后最重要的两点看文档的能力和使用搜索引擎解决问题的能力。

几个链接地址:

https://tencent.github.io/wepy/腾讯团队推出的小程序组件化开发框架

https://github.com/EastWorld/wechat-app-mallgithub 上面一个小程序的源码

https://github.com/CFETeam/weapp-demo-websocket小程序的websocket 的案例

爬坑记录

1、this的指向。在这里要注意一下this 指向的问题。其实是js的知识。如果你要使用这个对象,可以var that = this; 下面是一个简单的应用

2、navigator 跳转问题。如果你跳转的url 在tabbar 进行定义了 那么需要你设置 navigator的open-typeopen-type="switchTab" 如果是普通的跳转,就不要再tabbar 中进行定义

3、文件的引入include 和import 他们两个的机制是不一样的。如果你要使用data 进行传递变量那么 import 更合适,如果知识引入文件的样式当作占位 那么include 更合适。看自己的需求和场景

4、小程序的text 中的selectable 属性,文本是否可选指的是 你长按屏幕 可以进行复制等操作

6、小程序中app.js 的onLaunch方法 和index.js 的onload方法 在程序初始化的时候我们可能会去请求服务器的数据,而这个时候index.js 可能已经加载完毕了,但是数据还没有过来。这个时候就比较尴尬了,腾讯的demo 使用的是callback 来完成的。你也可以使用Promise来试试。

未完待续......

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180701G1GPFB00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券