微信小程序学习笔记2

本文详细介绍了微信小程序的宿主环境,包括通信模型和运行机制。通信模型涉及渲染层与逻辑层的交互,小程序启动过程包括代码下载、全局配置解析和页面渲染。运行机制涵盖小程序启动和页面渲染的步骤。此外,还提到了组件和API的使用,如view、scroll-view、button、image等,并阐述了小程序API的同步和异步调用。最后,讨论了协同开发、发布流程以及wxss的相关知识。
摘要由CSDN通过智能技术生成

1 宿主环境

指程序允许所必须的依赖环境。如:Android系统 和 ios系统 是两个不同的宿主环境,脱离了宿主环境的软件是没有任何意义的。

手机微信是小程序的宿主环境。


小程序借助宿主环境提供的能力,可以完成许多普通网页无法完成的功能,例如:

微信扫码、支付、登录、地理定位……

2 小程序宿主环境包含的内容

① 通信模型

        (1)通信的主体

        小程序中通信的主体是渲染层逻辑层,其中:

        WXML模板和WXSS样式工作在渲染层

        JS脚本工作在逻辑层

        (2)通信模型

        第一部分:渲染层和逻辑层之间的通信(由微信客户端进行转发)

        第二部分:逻辑层和第三方服务器之间的通信(由微信客户端进行转发)

② 运行机制

        (1)小程序启动的过程

        ① 把小程序的代码下载到本地。

        ② 解析app.json 全局配置文件。

        ③ 执行app.js 小程序入口文件,调用App()创建小程序实例。

        ④ 渲染小程序首页。

        ⑤ 小程序启动完成。

        (2)页面渲染的过程

        ① 加载解析页面的.json 配置文件。

        ② 加载页面的.wxml 模板和.wxss 样式。

        ③ 执行页面的.js 文件,调用 Page() 创建页面实例。

        ④ 页面渲染完成。

③ 组件

官方把小程序组件分为9大类,分别是:

视图容器基础内容表单组件导航组件</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值