小程序开发文档:项目结构、页面结构、应用启动说明

2018/7/27 18:31:33
摘要: 开发微信小程序,需要提前去学习了解的东西不少,比如它的运行环境、它的开发工具、它的项目结构、页面结构以及应用启动说明等等

开发微信小程序,需要提前去学习了解的东西不少,比如它的运行环境、它的开发工具、它的项目结构、页面结构以及应用启动说明等等。本文接下来的篇幅,就来说简单说明一下以上的相关问题,总结一些必须学习的小程序开发知识。

  1、关于小程序运行环境

关于微信小程序开发,官方贴出的说明指出,wxApp的运行环境一共有3个平台,分别是IOS的webkit,即苹果开源的浏览器内核;Android的X5,即QQ浏览器内核,以及开发者在开发时用的nw.js,即C++实现的web转桌面应用。

  2、关于项目结构

  关于页面结构的问题,我们主要介绍几个参数:

(1)project.config.json:项目配置文件,支持es6配置,appid等信息

(2)pages:功能页面

(3)app。json:应用主题样式及pages路由配置,其中pages路由第一项决定265彩票充值

(4)app。wxss:pages通用样式

(5)App.js:应用入口,pages可通过getApp()获取,提供公用接口及数据

3、关于页面结构

  关于页面结构的问题,主要有三个内容,分别是js、wxml、wxss。

(1)js是功能逻辑实现,页面数据、页面交互事件处理

(2)wxml为页面布局文件

(3)wxss为页面组件样式

4、关于应用启动

应用启动时所需的生命周期函数主要有三个,分别是:onLaunch(初始化完成)、onShow(启动时,后由后台进入前台)、以及onHide(由前台进入后台)。

(1)App。onLaunch()-->App。onShow()-->pages[0]。onLoad()-->App。onLaunch。onHiden()

(2)onLaunch()用户授权信息获取,调用异步api: wx。login()、wx。getSetting()

(3)Index.onLoad()页面加载,获取数据调用更新页面setData


声明:文章"小程序开发文档:项目结构、页面结构、应用启动说明"为互诚科技—微信小程序开发公司的原创文章,转载请注明出处,谢谢合作!
标签:小程序开发文档
电话咨询:18011971195(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 微信公众号开发关联微信小程序后可以怎么用

    公众号与小程序之间不同的定位让两者在开发上有不同的功能呈现,但这样的形式也存在一定的不足,比如小程序在进行营销推广与吸引流量上存在难点等问题

  • 微信小程序开发需要考虑的5大用户体验要素

    用户体验这个因素,是小程序开发、网站建设以及APP开发都需要去注意的一个问题。因为用户代表这流量,只有用户体验满意度提高,才能让这些开发的产品得到一个较好的肯定,为用户的二次进入、主动宣传打下基础,促进这些产品的可持续性发展。现在,小编就用小程序这个小方面在开发时需要考虑的用户体验要素为例

  • 微信小程序星标功能出现,妈妈再也不用担心我找不到心水小程序了

    总是喜欢在深夜放毒的微信君又在2017年6月14日的夜黑风高中搞事情了。由于之前接收到小仙女们的建议

  • 小程序开发公司总结:微信小程序支付开发说明文档

    微信小程序开发支付功能的时候,需要根据支付开发文档中的说明去进行开发,它的模式分为两种,一种普通模式,一种是服务商模式

  • 如何开通微信小程序?广州小程序公司有话说

    小程序在微信平台上是与企业号等产品并驾齐驱的,因此开通注册的平台与方式

  • 惊喜不断,微信小程序大波新功能来袭

    继前两天微信官方开放小程序美食类目以及多用户管理的功能之后,今天继续放大招,一口气开放了6个新功能,涵盖了从小程序转发配图到客服功能再到群场景使用、发票开具等多个方面。详细的介绍如下:

265彩票充值 17彩票充值 118彩票官网 彩都会彩票 大信彩票 凤凰彩票 双赢彩票官网 同城彩票 桔子彩票官网 多盈彩票官网