第8章 小程序中的JavaScript教学课件微信小程序开发与实战.pptx

《第8章 小程序中的JavaScript教学课件微信小程序开发与实战.pptx》由会员分享，可在线阅读，更多相关《第8章 小程序中的JavaScript教学课件微信小程序开发与实战.pptx（31页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第8 章 小程序中的JavaScript 教学课件微信小程序开发与实战第8章 小程序中的JavaScriptMINA框架介绍小程序启动机制小程序加载机制小程序的JavaScript应用生命周期页面生命周期010204050306MINA框架介绍MINI框架介绍微信小程序的业务逻辑都是通过JavaScript语言来实现的，本章我们将详细的讲解JavaScript的基本概念，以及在小程序中如何使用JavaScript语言。JavaScript是一种轻量的、解释型的、面向对象的头等函数语言，是一种动态的基于原型和多范式的脚本语言，支持面向对象、命令式和函数式的编程风格。MINI框架介绍小程序的MIN

2、A框架有三个部分组成：View视图层 App Service逻辑层 Native系统层MINI框架介绍小程序启动机制小程序启动机制小程序的热启动：当用户已经打开过某个小程序后，在一定时间内再次打开该小程序，就不需要再次重新启动了，只需要把后台态的小程序切换到前台使用即可，这个启动过程就是热启动。小程序启动机制小程序冷启动：小程序的冷启动是指用户首次打开的小程序被微信主动销毁后，再次打开该小程序就需要重新启动。小程序加载机制小程序加载机制小程序加载机制在小程序启动时，会向CDN服务器请求最新版本的代码包。如果是第一次启动的话，用户要等到代码包下载完毕，并将最新代码注入到Web容器内执行之后才能看

3、到小程序的页面。如果遇到网络不好的情况，用户就会感觉小程序启动的时间较长，微信客户端会吧代码包缓存到本地，在下次启动时，会从CDN服务器上请求是否有最新版本的代码包。小程序的JavaScript小程序的JavaScriptJavaScript是遵循ECMAScript标准，ECMAScript是一种由Ecma国际通过ECMA-262标准化的脚本程序设计语言，JavaScript是ECMAScript的一种实现。理解JavaScript是ECMAScript一种实现后，可以帮助开发者理解小程序中的JavaScript同浏览器中的JavaScript以及Node.js中的JavaScript是不相

4、同的。小程序的JavaScript遵循ECMAScript标准的JavaScript语言由以下几个部分组成：基础语法 数据类型 语句 关键字 操作符 对象小程序的JavaScript浏览器中的JavaScript是由ECMAScript、DOM（全称 Document Object Model，即文档对象模型）、BOM（全称 Browser Object Model，即浏览器对象模型）三部分组成的，其中DOM和BOM对象模型为Web前端开发者提供了让操作浏览器的API，用于修改浏览器的表现，例如修改URL、修改页面展示、数据记录等。小程序的JavaScript小程序的JavaScriptNod

5、e.js中的JavaScript是由ECMAScript、NPM以及Native模块组成。其中，NPM是Node.js的包管理系统，通过NPM可以拓展各种包来快速实现一些功能，同时通过一些Native原生模块来实现Node.js语言本身不具有的能力，例如FS文件操作、HTTP请求等。小程序的JavaScript小程序的JavaScript小程序的JavaScript是由ECMAScript、小程序框架、小程序封装的API模块组成的，与浏览器中的JavaScript相比，小程序的JavaScript没有BOM和DOM模型对象，所以类似于jQuery、Zepto这种浏览器类库是无法在小程序中运行的

6、。小程序的JavaScript小程序的JavaScript小程序JavaScript脚本的运行环境主要包含以下三个平台的运行环境。iOS平台上，小程序的JavaScript代码运行在JavaScriptCore中，由WKWebView进行渲染；Android平台上小程序的JavaScript代码通过X5内核解析，然后由X5内核进行渲染；在微信开发者工具中，小程序的JavaScript代码运行在nwjs中，由ChromeWeb进行渲染；小程序的JavaScript应用生命周期应用生命周期应用生命周期应用级生命周期，示例代码：/app.jsApp(onLaunch(),onShow(),onHide(),onError()页面生命周期页面生命周期页面生命周期页面级生命周期，示例代码：/page.jsPage(onLoad(options),/监听页面加载 onReady(),/监听页面初次渲染完成 onShow(),/监听页面显示 onHide(),/监听页面隐藏 onUnload()/监听页面卸载)