若無小程序開發(fā)經(jīng)驗(yàn)，可先閱讀 玩轉(zhuǎn)微信小程序 一文。
微信小程序正式上線已有幾周時間，相信它的開發(fā)模式你已爛熟于胸，可能你也有所疑問，我竟能用 web 語言開發(fā)出如此流暢的幾乎原生體驗(yàn)的應(yīng)用?？赡苣阌謺逻@不就是 h5 么，厲害點(diǎn)的想不就是 hybrid 么。但是在我們的開發(fā)旅途中至始至終都沒有使用過 webview ，為啥呢？開發(fā)時用的 view 一類的標(biāo)簽，瀏覽器又是怎么解析成頁面的呢？帶著重重疑惑，進(jìn)入微信小程序源碼分析吧！
開發(fā)平臺
這個 IDE 是如何保證我們小程序的開發(fā)和預(yù)覽的？簡要分析兩點(diǎn)。
1. 文件目錄
打開 微信web開發(fā)者工具目錄 ，進(jìn)入 package.nw ，嗯？熟悉的味道來了。里面就3個文件：app ，node_modules，package.json 。顯然我們開發(fā)時構(gòu)建階段所用資源來自于 node_modules ，于是我嘗試找下 react模塊，結(jié)果沒有收獲...
進(jìn)入 app 目錄下，呈現(xiàn)的四個文件夾分別是：html ，style ，images ，dist 。而你開發(fā)時使用的 IDE 的實(shí)現(xiàn)正是通過這些文件，不妨用瀏覽器打開其中一個 html 看看。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(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模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式