小程序开发注意事项之前端篇

2018-12-2608:00:10 6 159
摘要

微信小程序还在不断的成长中,定期会有相关的 API 修改和增加、以及废弃,开发者需要及时关注每一次重大的版本更新,同时对于一些新出的 API 要进行兼容处理,考虑兼容的场景,因为某些 API 只在高版本的微信 app 里有效

开发小程序的第一步,你需要拥有一个小程序帐号,通过这个帐号你就可以管理你的小程序。点击「申请帐号」  根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。在这个小程序管理平台,你可以管理你的小程序的权限,查看数据报表,发布小程序等操作。

有了小程序帐号之后,我们需要一个工具来开发小程序。前往 「开发者工具下载页面」 ,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。

今天明月分享给大家的是小程序开发过程中关于前端方面的注意事项

1. 开发小程序时,每个页面一定要在 app.json 文件中注册,页面文件夹和其包含的四个文件的名字要保持一致。

2. 小程序发起的都是 HTTPS 网络请求,在开发调试的过程中可以不校验协议和 TLS 版本,但在实际上线后必须进行 HTTPS 协议通信。

3. 小程序可以进行组件化开发以及数据绑定,所有对于 DOM 的操作都是基于数据驱动的,并没有直接进行 DOM 操作的做法,换言之,小程序内没有 document 对象,原生 js 和 jQuery 里的 DOM 操作思维要舍弃掉。

4. 小程序的网络请求 wx.request()是不自带 Cookies 的,这和浏览器上的网络请求不同,因此基于 Cookies 实现的会话管理不适用于小程序。

5. 小程序的脚本文件中,内置对象是 page,而非传统浏览器里的 window,因此所有基于 window 对象来写的库(例如 jQuery)都不适用于小程序。

6. 小程序提供模板功能,模板拥有自己的作用域,它只能使用从 data 属性传入的数据。

7. 每一个页面文件夹下的.json 文件是用来写配置项的,如果该页面无需添加相关配置,.json 文件也要写上一对大括号(“{ }”),否则会报错。

8. 在同一个 tab 里的页面可以跳转,并且允许携带参数。不同 tab 的页面之间无法跳转,使用 wx.navigateTo()接口会报错。同时,tab 之间的跳转可以用 wx.switchTab()实现,但是路径后不能带参数。

9. 脚本文件里 data 的数据,在更新的时候要通过 this.setData()方法来更新,而不能直接用“=”来做。

10. 在组件标签里,可以通过“data-属性值”的方式绑定我们需要的数据,然后在事件内置 event 对象里进行获取。

11. 小程序里也存在事件的冒泡,具体的冒泡事件可以参考官方文档,如果希望事件向上冒泡,则使用 bind 来绑定事件,若希望阻止事件冒泡,就使用 catch 来进行事件绑定。

12. 小程序支持文件引用,有 import 和 include 两种方式,import 有作用域,也就是引入的目标文件里 import 的模板不会被引入;而 include 等于是将目标文件除<template />以外的整个代码进行引入。

13. wx.login()和 wx.getUserInfo()是两个独立的接口,前者可以实现用户登录,这个过程是悄无声息的,不需要用户授权,登录后可以拿到用户的 openid 和 session_key;而 wx.getUserInfo()可以拿到用户的具体信息,这个过程需要获得用户的授权,开发时也必须考虑用户拒绝授权的场景。

14. 目前小程序可以分享给微信好友和微信群,但小程序默认是没有这个功能的,只有在 Page 里定义了 onShareAppMessage 事件处理函数,点击小程序右上角才可以看到分享按钮。

15. 微信小程序还在不断的成长中,定期会有相关的 API 修改和增加、以及废弃,开发者需要及时关注每一次重大的版本更新,同时对于一些新出的 API 要进行兼容处理,考虑兼容的场景,因为某些 API 只在高版本的微信 app 里有效。

历史文章推荐:

  • 打赏明月一下下
  • 多谢您的赞赏!
  • weinxin
  • 本博客小程序
  • 微信内浏览本博客
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:6   其中:访客  3   博主  3

    • 自媒体起点网 0

      一直想要做个小程序,一直没时间做。

        • 明月登楼  博主

          @自媒体起点网 看我的小程序优选方案推荐,有条件还是直接购买个最好了!该有的都有了,不用自己花费时间折腾了!

        • boke112导航 9

          现在很多人在玩小程序,我连公众号都没有,所以想玩也没得玩

            • 明月登楼  博主

              @boke112导航 好像不需要公众号吧?只要一个没有在微信平台注册和使用过的邮箱就可以申请开通一个小程序开发账号了,然后就可以部署代码上传申请审核了!公众号的意义就是绑定小程序增加一个小程序入口而已!我前两天弄得『学习笔记BLOG』小程序就没有公众号!

                • 懿古今 9

                  @明月登楼 :?: 还可以这样做?我一直都以为是需要公众号才能折腾小程序,看来周末可以抽空看看。