轉(zhuǎn)自https://www.cnblogs.com/hlhs/p/11170976.html

1 請談?wù)勎⑿判〕绦蛑饕夸浐臀募淖饔茫?/h3>

project.config.json 項目配置文件拥峦，用得最多的就是配置是否開啟https校驗；
App.js 設(shè)置一些全局的基礎(chǔ)數(shù)據(jù)等卖子；
App.json 底部tab, 標題欄和路由等設(shè)置略号；
App.wxss 公共樣式，引入iconfont等；
pages 里面包含一個個具體的頁面玄柠；
index.json (配置當前頁面標題和引入組件等)突梦；
index.wxml (頁面結(jié)構(gòu))；
index.wxss (頁面樣式表)羽利；
index.js (頁面的邏輯宫患，請求和數(shù)據(jù)處理等)；

2 請談?wù)剋xml與標準的html的異同这弧？

都是用來描述頁面的結(jié)構(gòu)娃闲；
都由標簽、屬性等構(gòu)成匾浪；
標簽名字不一樣皇帮，且小程序標簽更少，單一標簽更多蛋辈；
多了一些 wx:if 這樣的屬性以及 {{ }} 這樣的表達式
WXML僅能在微信小程序開發(fā)者工具中預(yù)覽属拾，而HTML可以在瀏覽器內(nèi)預(yù)覽
組件封裝不同， WXML對組件進行了重新封裝冷溶，
小程序運行在JS Core內(nèi)渐白，沒有DOM樹和window對象，小程序中無法使用window對象和document對象逞频。

3 請談?wù)刉XSS和CSS的異同纯衍？

都是用來描述頁面的樣子；
WXSS 具有 CSS 大部分的特性虏劲，也做了一些擴充和修改托酸；
WXSS新增了尺寸單位褒颈，WXSS 在底層支持新的尺寸單位 rpx柒巫；
WXSS 僅支持部分 CSS 選擇器；
WXSS 提供全局樣式與局部樣式

4 你是怎么封裝微信小程序的數(shù)據(jù)請求的谷丸？

在根目錄下創(chuàng)建utils目錄及api.js文件和apiConfig.js文件堡掏；
在apiConfig.js 封裝基礎(chǔ)的get, post 和 put， upload等請求方法刨疼，設(shè)置請求體泉唁，帶上token和異常處理等；
在api中引入apiConfig.js封裝好的請求方法揩慕，根據(jù)頁面數(shù)據(jù)請求的urls, 設(shè)置對應(yīng)的方法并導(dǎo)出亭畜；
在具體的頁面中導(dǎo)入；

5 小程序頁面間有哪些傳遞數(shù)據(jù)的方法迎卤？

使用全局變量實現(xiàn)數(shù)據(jù)傳遞
頁面跳轉(zhuǎn)或重定向時拴鸵，使用url帶參數(shù)傳遞數(shù)據(jù)
使用組件模板 template傳遞參數(shù)
使用緩存?zhèn)鬟f參數(shù)
使用數(shù)據(jù)庫傳遞數(shù)據(jù)

6 請談?wù)勑〕绦虻碾p向綁定和vue的異同？

大體相同，但小程序直接this.data的屬性是不可以同步到視圖的劲藐，必須調(diào)用this.setData()方法八堡！

7 請談?wù)勑〕绦虻纳芷诤瘮?shù)？

onLoad() 頁面加載時觸發(fā)聘芜，只會調(diào)用一次兄渺，可獲取當前頁面路徑中的參數(shù)。
onShow() 頁面顯示/切入前臺時觸發(fā)汰现，一般用來發(fā)送數(shù)據(jù)請求挂谍；
onReady() 頁面初次渲染完成時觸發(fā), 只會調(diào)用一次，代表頁面已可和視圖層進行交互瞎饲。
onHide() 頁面隱藏/切入后臺時觸發(fā), 如底部 tab 切換到其他頁面或小程序切入后臺等凳兵。
onUnload() 頁面卸載時觸發(fā)，如redirectTo或navigateBack到其他頁面時企软。

8 簡述微信小程序原理庐扫？

小程序本質(zhì)就是一個單頁面應(yīng)用，所有的頁面渲染和事件處理仗哨，都在一個頁面內(nèi)進行形庭，但又可以通過微信客戶端調(diào)用原生的各種接口；
它的架構(gòu)厌漂，是數(shù)據(jù)驅(qū)動的架構(gòu)模式萨醒，它的UI和數(shù)據(jù)是分離的，所有的頁面更新苇倡，都需要通過對數(shù)據(jù)的更改來實現(xiàn)富纸；
它從技術(shù)講和現(xiàn)有的前端開發(fā)差不多，采用JavaScript旨椒、WXML晓褪、WXSS三種技術(shù)進行開發(fā)；
功能可分為webview和appService兩個部分综慎；
webview用來展現(xiàn)UI涣仿，appService有來處理業(yè)務(wù)邏輯、數(shù)據(jù)及接口調(diào)用示惊；
兩個部分在兩個進程中運行好港，通過系統(tǒng)層JSBridge實現(xiàn)通信，實現(xiàn)UI的渲染米罚、事件的處理等钧汹。

9 請談?wù)勗_發(fā)小程序、wepy录择、mpvue 的對比拔莱？

個人認為类嗤，如果是新項目，且沒有舊的 h5 項目遷移辨宠，則考慮用小程序原生開發(fā)遗锣，好處是相比于第三方框架，坑少嗤形。
而如果有 老的 h5 項目是 vue 開發(fā) 或者 也有 h5 項目也需要小程序開發(fā)精偿，則比較適合 wepy 或者 mpvue 來做遷移或者開發(fā)，近期看wepy幾乎不更新了赋兵，所以推薦美團的mpvue笔咽。
而如果如果團隊前端強大，自己做一套框架也沒問題霹期。

10 小程序和原生app哪個好叶组？

小程序除了擁有公眾號的低開發(fā)成本、獲客成本低以及無需下載等優(yōu)勢历造，在服務(wù)請求延時與用戶使用體驗是都得到了較大幅度的提升甩十，使得其能夠承載跟復(fù)雜的服務(wù)功能以及使用戶獲得更好的用戶體驗。

11 簡述微信小程序原理

微信小程序采用JavaScript吭产、WXML侣监、WXSS三種技術(shù)進行開發(fā)，從技術(shù)講和現(xiàn)有的前端開發(fā)差不多臣淤，但深入挖掘的話卻又有所不同橄霉。

JavaScript：首先JavaScript的代碼是運行在微信App中的，并不是運行在瀏覽器中邑蒋，因此一些H5技術(shù)的應(yīng)用姓蜂，需要微信App提供對應(yīng)的API支持，而這限制住了H5技術(shù)的應(yīng)用医吊，且其不能稱為嚴格的H5钱慢，可以稱其為偽H5，同理遮咖，微信提供的獨有的某些API滩字，H5也不支持或支持的不是特別好。

WXML：WXML微信自己基于XML語法開發(fā)的御吞，因此開發(fā)時，只能使用微信提供的現(xiàn)有標簽漓藕，HTML的標簽是無法使用的陶珠。

WXSS：WXSS具有CSS的大部分特性，但并不是所有的都支持享钞，而且支持哪些揍诽，不支持哪些并沒有詳細的文檔诀蓉。

微信的架構(gòu)，是數(shù)據(jù)驅(qū)動的架構(gòu)模式暑脆，它的UI和數(shù)據(jù)是分離的渠啤，所有的頁面更新，都需要通過對數(shù)據(jù)的更改來實現(xiàn)添吗。

小程序分為兩個部分webview和appService沥曹。其中webview主要用來展現(xiàn)UI，appService有來處理業(yè)務(wù)邏輯碟联、數(shù)據(jù)及接口調(diào)用妓美。它們在兩個進程中運行，通過系統(tǒng)層JSBridge實現(xiàn)通信鲤孵，實現(xiàn)UI的渲染壶栋、事件的處理

12 微信小程序的雙向綁定和vue哪里不一樣

小程序直接this.data的屬性是不可以同步到視圖的，必須調(diào)用：this.setData({})