小程序开发

作者: Herrylo | 来源:发表于2018-07-14 21:11 被阅读35次

原文

小程序

小程序文档

我会加入一些 小程序文档没有提到的问题和开发的技巧。

project.config.json

这个文件的目的就是保存编辑器的配置,不会因为更换电脑而配置丢失。编辑器识别的编辑器配置文件

appjs

appjs是全局的,是唯一的,在非appjs页面,可以通过getApp()获取到appjs的方法。对于一些全局的变量或者方法可以写在appjs中便于调用。

APP({
    onLaunch() {

    },
    onShow() {

    }
    onHide() {

    },
    /* 定义的方法 */
    SplitStr(){

    }
    ...
})

onLaunch、onShow、onHide等方法是在小程序启动时就会调用,具体功能课参考文档,合理的定义全局方法有利于后期的代码编写。

在开发中可以封装全局方法,弹窗、request请求方法、编码方法等,将这些方法放在appjs中,可以更好的调用。

gloabl可以保存全局变量,通过getApp().globalData就可以获得。

page

注册一个页面时,需要合理的配置页面的方法和组件。对于一些公用的组件 可以 抽离成 Component组件 或者 template模版

生命周期和事件处理函数 Page页面 是最常用的。需要区分各个生命周期函数的作用。

  • page中最重要可能是 setData 。这里需要记住,频繁的调用setData会出现性能问题,对于页面的卡顿和渲染过慢的问题,都有可能是频繁调用 setData导致。

  • page中的 onPageScroll ,频繁的操作setData,即会导致页面卡顿。好的做法是,限定一个区间值,在区间值之内,就会改变,反之不调用。

  • page的主包大小只有2M,最好使用组件化开发。即使使用分包加载,也需要注意这个问题。

开发需要注意的点

  • storage一个key最大存1M的数据

  • 在开发中,建议使用组件形式开发

  • 抽离公共的方法,将放在放在app或者 公共方法里面

  • 页面的层级目前最多10层,建议使用getCurrentPages()监测到页面层级多余7层时,使用wx.redirectTo,避免页面卡死。

参考:小程序组件问题

会持续更新相关小程序开发问题。

相关文章

  • 潍坊小程序开发

    潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍...

  • 潍坊商城小程序开发制作

    潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍...

  • 潍坊商城小程序网站开发制作

    潍坊商城小程序开发制作潍坊商城小程序开发制作潍坊商城小程序开发制作潍坊商城小程序开发制作潍坊商城小程序开发制作潍坊...

  • 小程序Cloud开发归纳

    小程序云开发 小程序·云开发是微信团队联合腾讯云推出的专业的小程序开发服务。开发者可以使用云开发快速开发小程序、小...

  • 微信小程序开发系列六:微信框架API的调用

    微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的...

  • 共享链小程序软件开发

    共享链小程序模式开发;共享链小程序软件源码开发;共享链小程序系统开发;共享链小程序系统模式。 共享链小程序商家返利...

  • 微信小程序的开发与原理

    微信小程序的开发与原理 1, 小程序与普通网⻚开发的区别 小程序的主要开发语言是 JavaScript ,小程序的...

  • 潍坊商城小程序软件开发制作

    潍坊商城小程序软件开发制作潍坊商城小程序软件开发制作潍坊商城小程序软件开发制作潍坊商城小程序软件开发制作潍坊商城小...

  • 微信小程序知识全景思维导图

    微信小程序思维导图 腾讯云小程序学习地址 小程序开发文档 小程序开发社区

  • 微信小程序开发(微信小程序与普通网页开发的区别和联系)

    1. 小程序与普通网页开发的区别 (1)开发语言 小程序的主要开发语言是 JavaScript 小程序的开发同普通...

网友评论

    本文标题:小程序开发

    本文链接:https://www.haomeiwen.com/subject/iefupftx.html