若無(wú)小程序開(kāi)發(fā)經(jīng)驗(yàn)，可先閱讀 玩轉(zhuǎn)微信小程序 一文。
微信小程序正式上線已有幾周時(shí)間，相信它的開(kāi)發(fā)模式你已爛熟于胸，可能你也有所疑問(wèn)，我竟能用 web 語(yǔ)言開(kāi)發(fā)出如此流暢的幾乎原生體驗(yàn)的應(yīng)用?？赡苣阌謺?huì)猜這不就是 h5 么，厲害點(diǎn)的想不就是 hybrid 么。但是在我們的開(kāi)發(fā)旅途中至始至終都沒(méi)有使用過(guò) webview ，為啥呢？開(kāi)發(fā)時(shí)用的 view 一類(lèi)的標(biāo)簽，瀏覽器又是怎么解析成頁(yè)面的呢？帶著重重疑惑，進(jìn)入微信小程序源碼分析吧！
開(kāi)發(fā)平臺(tái)
這個(gè) IDE 是如何保證我們小程序的開(kāi)發(fā)和預(yù)覽的？簡(jiǎn)要分析兩點(diǎn)。
1. 文件目錄
打開(kāi) 微信web開(kāi)發(fā)者工具目錄 ，進(jìn)入 package.nw ，嗯？熟悉的味道來(lái)了。里面就3個(gè)文件：app ，node_modules，package.json 。顯然我們開(kāi)發(fā)時(shí)構(gòu)建階段所用資源來(lái)自于 node_modules ，于是我嘗試找下 react模塊，結(jié)果沒(méi)有收獲...
進(jìn)入 app 目錄下，呈現(xiàn)的四個(gè)文件夾分別是：html ，style ，images ，dist 。而你開(kāi)發(fā)時(shí)使用的 IDE 的實(shí)現(xiàn)正是通過(guò)這些文件，不妨用瀏覽器打開(kāi)其中一個(gè) html 看看。
