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