关于——对小程序的理解

本文详细介绍了微信小程序的开发框架,包括WXML、WXSS、WXS和JavaScript的使用,以及MINA框架。同时,解析了小程序的启动、加载机制,生命周期、路由管理和事件流。此外,还探讨了组件、API、开放功能,如登录授权、微信支付等,并提供了全局配置和页面配置的指导。
摘要由CSDN通过智能技术生成

一,什么是微信小程序
在生活中随处可见,传播以微信为主体,微信二维码小程序推广以及小程序入口,连接,方便 快捷,不需要下载app,
二、 微信小程序目前的优势是什么?

1、移动端:微信小程序依赖于微信手机APP,在微信生态圈中跑;现在的互联网用户中非PC端用户远远大于PC端用户。

2、不需下载安装,快速获取,立马消费:相对于原生的APP和webapp的产品来说,微信小程序不需要下载程序的安装包进行安装,也不存在版本的升级对于消费端产生的需要更新的负担;微信小程序基于微信,只要有安装微信,点击一下屏幕就可以打开微信小程序,退出的时候返回到微信App或者直接关闭微信程序的主线程即可;安装了微信就可以拥有所有的小程序。
3、用户体验好: 开发采用微信自己的一套体系,媲美原生APP;所有使用过的微信小程序会记录在微信APP中方便下一次的使用。
4、基于腾讯微信平台有良好和庞大的用户,推广方面有先天的优势。

一、小程序开发框架组成介绍

首先介绍一个小程序宿主环境差异,其中iOS是基于JavaScriptCore,Android是基于X5内核,IDE是基于nwjs。

1.WXML (WeiXin Markup Language)

它是框架设计的一套标签语言,结合组件、WXS和事件系统,可以构建出页面的结构。你需要了解他的相关知识:

1)数据绑定

2)列表渲染

3)条件渲染

4)模板及引用

2.WXSS

它是一套样式语言,用于描述WXML的组件样式。(CSS也是一套样式语言,是一种样式表语言,用来描述HTML或XML文档的呈现)你需要了解它的相关知识:

1)响应式像素

2)样式

3)选择器

3.WXS(Wei Xin Script)

它是它是小程序自己的脚本语言
4.JavaScript

JavaScript是一种轻量的、解释性的、面对对象的头等函数语言,是一种动态的基于原型和多范式的脚本语言,支持面向对象、命令式和函数式的编程风格。

Nodejs中的JavaScript包括三个组成部分1)ECMAScript 2)Native 3) NPM

浏览器中的JavaScript包括三个组成部分1)ECMAScript 2)DOM 3)BOM

二、MINA框架

在这里插入图片描述

三、小程序运行和加载机制
1.小程序的启动分为冷启动和热启动。

在这里插入图片描述
四、小程序的声明周期
1.小程序的生命周期

1.onLaunch 2)onShow 3)onHide 4)onError

2.小程序界面的声明周期

1)onLoad 2)onShow 3)onReady 4)onHide 5)onUnload

其中viewThread 和AppService Thread两条线程相互配合完成界面的加载
小程序生命周期详解

五、小程序的路由
1.初始化 --》新页面入栈

2.打开新页面 --》新页面入栈

3.页面重定向 --》当前页面出栈,新页面入栈

4.页面返回 --》页面不断出栈,直到目标返回页,新页面入栈

4.Tab切换 --》页面全部出栈,只留下新的Tab页面

5.重加载–》页面全部出栈,只留下新的页面


六、小程序的事件流
注意冒泡机制

七、小程序开发组件
微信开发文档

八、小程序开发API
主要包括八个模块

网络
媒体
文件
数据缓存
位置
设备
界面
开放接口
建议去参考微信开发平台小程序开发之API,具体了解每个部分的作用。

九、微信开放功能
1.登录授权

2.微信支付

3.模板消息

4.转发分享

5.打开APP

建议开发者去小程序开发中心查看文档
配置小程序
全局配置

pages
app.json中配置相当于vue中的路由
直接在pages选项中写页面路径,即可创建相应的页面

{
   
  "pages": [
    "pages/kind/kind",
    "pages/home/home",
    "pages/cart/cart",
    "pages/user/user",
    "pages/details/details",
    "pages/map/map"
  ],
  "window": {
   
    "navigationBarBackgroundColor": "#f66",
    "navigationBarTextStyle": "white",
    "navigationBarTitleText": "乐购",
    "backgroundColor": "#efefef",
    "backgroundTextStyle": "dark",
    "backgroundColorTop": "#0f0",
    "onReachBottomDistance": 50
  },
  
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值