微信小程序学习笔记,微信小程序怎么开始学习

是什么:微信里方便获取并传播,同时具有出色体验的程序;

概念:框架、组件、api、工具、腾讯云、第三方服务商、插件

主要使用行业:智慧零售、电商、线下服务(如餐饮)、

开发工具:

  1. 微信开发者工具(推荐)、
  2. 小程序开发助手(微信上的小程序,帮助开发人员在手机微信上真机预览自己的小程序)、
  3. 小程序数据助手(在微信中方便的查看运营数据)、
  4. Egret Wing(我已更新到最新版,但预览功能还是不正常,并没有别人说的比微信开发者工具好用尼)、
  5. Labrador框架(2016年后无更新,不推荐)、
  6. wepy框架、
  7. wxml-parser

历史:http://www.sohu.com/a/228837292_210968

前景:

1、程序向平板、PC端布局,腾讯系产品入口全量开放

2、小程序开发模式向插件化方向发展

学习资料:

1、官方资料 https://mp.weixin.qq.com/cgi-bin/wx

2、官方社区 http://wxopen.club/?tab=app

3、RUNOOB资料汇总 http://www.runoob.com/w3cnote/wx-xcx-repo.html#id1

4、关于javascript回调地狱处理:https://www.cnblogs.com/shenggang/p/6297587.html

练习编写微信小程序可选工具:

1、后端服务云:腾讯云(有免费测试用的空间,限php或nod.js、二级域名、数据库)、Bmob(数据模糊查询需升级为付款会员)、小程序·云开发(推荐,商用都可以)

2、前端云:只能上传到腾讯自家空间(个人注册者,部分功能受限)

关注问题:

1、微信开发者工具编写wxml时,漏写标签尾没有提示;

2、页面下拉滚动加载信息,建议统一使用scroll-view,其width、height通过wx.getSystemInfo获取并设置;

2、数组使用map方法,并在回调函数中使用return当前项,会直接更改该数组的对应项;

3、wxml排错方法,根据预览页面指示行,人工看代码;

4、js排错方法,根据console执行结果,找到对应位置,如果报错在函数里,并调用了自定义的接口,还要排查接口代码问题;(人工查错)

5、使用微信支持的尺寸单位rpx,1px=2rpx;

6、只有tap页,才显示tap栏。

11、注意回调函数是异步执行的。

微信开发者工具对比egret wing:

1、egret wing编辑wxml时,代码提示比官方的前置,但没有官方的齐全(初阶者使用eget、高阶者使用官方),并且要自行补写结束标签。

2、微信web开发者工具,选中提示代码,会自动生成常用的属性,填写即可。

3、我个人推荐使用微信开发者工具,它的坑在不断完善中,起码到2018中场,已经比egret wing好用多了。

猜你喜欢

转载自blog.csdn.net/ningxi_/article/details/82560388