第8章 小程序中的JavaScript

第8章小程序中的JavaScriptMINA框架介紹小程序啟動機(jī)制小程序加載機(jī)制小程序的JavaScript應(yīng)用生命周期頁面生命周期010204050306MINA框架介紹MINI框架介紹微信小程序的業(yè)務(wù)邏輯都是通過JavaScript語言來實(shí)現(xiàn)的，本章我們將詳細(xì)的講解JavaScript的基本概念，以及在小程序中如何使用JavaScript語言。JavaScript是一種輕量的、解釋型的、面向?qū)ο蟮念^等函數(shù)語言，是一種動態(tài)的基于原型和多范式的腳本語言，支持面向?qū)ο蟆⒚钍胶秃瘮?shù)式的編程風(fēng)格。MINI框架介紹小程序的MINA框架有三個部分組成：View視圖層AppService邏輯層Native系統(tǒng)層MINI框架介紹小程序啟動機(jī)制小程序啟動機(jī)制小程序的熱啟動：當(dāng)用戶已經(jīng)打開過某個小程序后，在一定時間內(nèi)再次打開該小程序，就不需要再次重新啟動了，只需要把后臺態(tài)的小程序切換到前臺使用即可，這個啟動過程就是熱啟動。小程序啟動機(jī)制小程序冷啟動：小程序的冷啟動是指用戶首次打開的小程序被微信主動銷毀后，再次打開該小程序就需要重新啟動。小程序加載機(jī)制小程序加載機(jī)制小程序加載機(jī)制在小程序啟動時，會向CDN服務(wù)器請求最新版本的代碼包。如果是第一次啟動的話，用戶要等到代碼包下載完畢，并將最新代碼注入到Web容器內(nèi)執(zhí)行之后才能看到小程序的頁面。如果遇到網(wǎng)絡(luò)不好的情況，用戶就會感覺小程序啟動的時間較長，微信客戶端會吧代碼包緩存到本地，在下次啟動時，會從CDN服務(wù)器上請求是否有最新版本的代碼包。小程序的JavaScript小程序的JavaScriptJavaScript是遵循ECMAScript標(biāo)準(zhǔn)，ECMAScript是一種由Ecma國際通過ECMA-262標(biāo)準(zhǔn)化的腳本程序設(shè)計(jì)語言，JavaScript是ECMAScript的一種實(shí)現(xiàn)。理解JavaScript是ECMAScript一種實(shí)現(xiàn)后，可以幫助開發(fā)者理解小程序中的JavaScript同瀏覽器中的JavaScript以及Node.js中的JavaScript是不相同的。小程序的JavaScript遵循ECMAScript標(biāo)準(zhǔn)的JavaScript語言由以下幾個部分組成：基礎(chǔ)語法數(shù)據(jù)類型語句關(guān)鍵字操作符對象小程序的JavaScript瀏覽器中的JavaScript是由ECMAScript、DOM（全稱DocumentObjectModel，即文檔對象模型）、BOM（全稱BrowserObjectModel，即瀏覽器對象模型）三部分組成的，其中DOM和BOM對象模型為Web前端開發(fā)者提供了讓操作瀏覽器的API，用于修改瀏覽器的表現(xiàn)，例如修改URL、修改頁面展示、數(shù)據(jù)記錄等。小程序的JavaScript小程序的JavaScriptNode.js中的JavaScript是由ECMAScript、NPM以及Native模塊組成。其中，NPM是Node.js的包管理系統(tǒng)，通過NPM可以拓展各種包來快速實(shí)現(xiàn)一些功能，同時通過一些Native原生模塊來實(shí)現(xiàn)Node.js語言本身不具有的能力，例如FS文件操作、HTTP請求等。小程序的JavaScript小程序的JavaScript小程序的JavaScript是由ECMAScript、小程序框架、小程序封裝的API模塊組成的，與瀏覽器中的JavaScript相比，小程序的JavaScript沒有BOM和DOM模型對象，所以類似于jQuery、Zepto這種瀏覽器類庫是無法在小程序中運(yùn)行的。小程序的JavaScript小程序的JavaScript小程序JavaScript腳本的運(yùn)行環(huán)境主要包含以下三個平臺的運(yùn)行環(huán)境。iOS平臺上，小程序的JavaScript代碼運(yùn)行在JavaScriptCore中，由WKWebView進(jìn)行渲染；Android平臺上小程序的JavaScript代碼通過X5內(nèi)核解析，然后由X5內(nèi)核進(jìn)行渲染；在微信開發(fā)者工具中，小程序的JavaScript代碼運(yùn)行在nwjs中，由ChromeWeb進(jìn)行渲染；小程序的JavaScript應(yīng)用生命周期應(yīng)用生命周期應(yīng)用生命周期應(yīng)用級生命周期，示例代碼：//app.jsApp({onLaunch(){},onShow(){},onHide(){},onError(){}})頁面生命周期頁面生命周期頁面生命周期頁面級生命周期，示例代碼：//page.jsPage({onLoad(options){},//監(jiān)聽頁面加載onReady()