若無(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 看看。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無(wú)線安全]玩轉(zhuǎn)無(wú)線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式