第8章 小程序中的JavaScript-【千锋教育】微信小程序开发与实战（微课版）

第8章 小程序中的JavaScript MINA框架介绍 小程序启动机制 小程序加载机制 小程序的JavaScript 应用生命周期 页面生命周期 01 02 04 05 03 06 目 录 CATALOUGUE 初心至善 匠心育人 MINA框架介绍 初心至善 匠心育人 MINI框架介绍 微信小程序的业务逻辑都是通过JavaScript语言来实现的，本章我们将详细的讲解JavaScript的基本概念，以及在小程序中如何使用JavaScript语言。JavaScript是一种轻量的、解释型的、面向对象的头等函数语言，是一种动态的基于原型和多范式的脚本语言，支持面向对象、命令式和函数式的编程风格。 初心至善 匠心育人 MINI框架介绍 小程序的MINA框架有三个部分组成： View视图层 App Service逻辑层 Native系统层 初心至善 匠心育人 MINI框架介绍 初心至善 匠心育人 小程序启动机制 初心至善 匠心育人 小程序启动机制 小程序的热启动： 当用户已经打开过某个小程序后，在一定时间内再次打开该小程序，就不需要再次重新启动了，只需要把后台态的小程序切换到前台使用即可，这个启动过程就是热启动。 初心至善 匠心育人 小程序启动机制 小程序冷启动： 小程序的冷启动是指用户首次打开的小程序被微信主动销毁后，再次打开该小程序就需要重新启动。 初心至善 匠心育人 小程序加载机制 初心至善 匠心育人 小程序加载机制 初心至善 匠心育人 小程序加载机制 在小程序启动时，会向CDN服务器请求最新版本的代码包。如果是第一次启动的话，用户要等到代码包下载完毕，并将最新代码注入到Web容器内执行之后才能看到小程序的页面。如果遇到网络不好的情况，用户就会感觉小程序启动的时间较长，微信客户端会吧代码包缓存到本地，在下次启动时，会从CDN服务器上请求是否有最新版本的代码包。 初心至善 匠心育人 小程序的JavaScript 初心至善 匠心育人 小程序的JavaScript JavaScript是遵循ECMAScript标准，ECMAScript是一种由Ecma国际通过ECMA-262标准化的脚本程序设计语言， JavaScript是ECMAScript的一种实现。理解JavaScript是ECMAScript一种实现后，可以帮助开发者理解小程序中的JavaScript同浏览器中的JavaScript以及Node.js中的JavaScript是不相同的。 初心至善 匠心育人 小程序的JavaScript 遵循ECMAScript标准的JavaScript语言由以下几个部分组成： 基础语法 数据类型 语句 关键字 操作符 对象 初心至善 匠心育人 小程序的JavaScript 浏览器中的JavaScript是由ECMAScript、DOM（全称 Document Object Model，即文档对象模型）、BOM（全称 Browser Object Model，即浏览器对象模型）三部分组成的，其中DOM和BOM对象模型为Web前端开发者提供了让操作浏览器的API，用于修改浏览器的表现，例如修改URL、修改页面展示、数据记录等。 初心至善 匠心育人 小程序的JavaScript 初心至善 匠心育人 小程序的JavaScript Node.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这种浏览器类库是无法在小程序中运行的。 初心至善 匠心育人 小程序的JavaScript 初心至善 匠心育人 小程序的JavaScript 小程序JavaScript脚本的运行环境主要包含以下三个平台的运行环境。 iOS平台上，小程序的JavaScript代码运行在JavaScriptCore中，由WKWebView进行渲染； Android平台上小程序的JavaScript代码通过X5内核解析，然后由X5内核进行渲染； 在微信开发者工具中，小程序的JavaScript代码运行在nwjs中，由ChromeWeb进行渲染； 初心至善 匠心育人 小程序的JavaScript 初心至善 匠心育人 应用生命周期 初心至善