【移動(dòng)應(yīng)用開發(fā)技術(shù)】微信小程序中需要了解的面試題有哪些

【移動(dòng)應(yīng)用開發(fā)技術(shù)】微信小程序中需要了解的面試題有哪些

在下給大家分享一下微信小程序中需要了解的面試題有哪些，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！1請談?wù)勎⑿判〕绦蛑饕夸浐臀募淖饔?？project.config.json項(xiàng)目配置文件，用得最多的就是配置是否開啟https校驗(yàn)；App.js設(shè)置一些全局的基礎(chǔ)數(shù)據(jù)等；App.json底部tab,標(biāo)題欄和路由等設(shè)置；App.wxss公共樣式，引入iconfont等；pages里面包含一個(gè)個(gè)具體的頁面；index.json(配置當(dāng)前頁面標(biāo)題和引入組件等)；index.wxml(頁面結(jié)構(gòu))；index.wxss(頁面樣式表)；index.js(頁面的邏輯，請求和數(shù)據(jù)處理等)；2請談?wù)剋xml與標(biāo)準(zhǔn)的html的異同？都是用來描述頁面的結(jié)構(gòu)；都由標(biāo)簽、屬性等構(gòu)成；標(biāo)簽名字不一樣，且小程序標(biāo)簽更少，單一標(biāo)簽更多；多了一些wx:if這樣的屬性以及{{}}這樣的表達(dá)式WXML僅能在微信小程序開發(fā)者工具中預(yù)覽，而HTML可以在瀏覽器內(nèi)預(yù)覽組件封裝不同，WXML對組件進(jìn)行了重新封裝，小程序運(yùn)行在JSCore內(nèi)，沒有DOM樹和window對象，小程序中無法使用window對象和document對象。3請談?wù)刉XSS和CSS的異同？都是用來描述頁面的樣子；WXSS具有CSS大部分的特性，也做了一些擴(kuò)充和修改；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ù)的方法？使用全局變量實(shí)現(xiàn)數(shù)據(jù)傳遞頁面跳轉(zhuǎn)或重定向時(shí)，使用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()頁面加載時(shí)觸發(fā)，只會(huì)調(diào)用一次，可獲取當(dāng)前頁面路徑中的參數(shù)。onShow()頁面顯示/切入前臺時(shí)觸發(fā)，一般用來發(fā)送數(shù)據(jù)請求；onReady()頁面初次渲染完成時(shí)觸發(fā),只會(huì)調(diào)用一次，代表頁面已可和視圖層進(jìn)行交互。onHide()頁面隱藏/切入后臺時(shí)觸發(fā),如底部tab切換到其他頁面或小程序切入后臺等。onUnload()頁面卸載時(shí)觸發(fā)，如redirectTo或navigateBack到其他頁面時(shí)。8簡述微信小程序原理？小程序本質(zhì)就是一個(gè)單頁面應(yīng)用，所有的頁面渲染和事件處理，都在一個(gè)頁面內(nèi)進(jìn)行，但又可以通過微信客戶端調(diào)用原生的各種接口；它的架構(gòu)，是數(shù)據(jù)驅(qū)動(dòng)的架構(gòu)模式，它的UI和數(shù)據(jù)是分離的，所有的頁面更新，都需要通過對數(shù)據(jù)的更改來實(shí)現(xiàn)；它從技術(shù)講和現(xiàn)有的前端開發(fā)差不多，采用JavaScript、WXML、WXSS三種技術(shù)進(jìn)行開發(fā)；功能可分為webview和appService兩個(gè)部分；webview用來展現(xiàn)UI，appService有來處理業(yè)務(wù)邏輯、數(shù)據(jù)及接口調(diào)用；兩個(gè)部分在兩個(gè)進(jìn)程中運(yùn)行，通過系統(tǒng)層JSBridge實(shí)現(xiàn)通信，實(shí)現(xiàn)UI的渲染、事件的處理等。9請談?wù)勗_發(fā)小程序、wepy、mpvue的對比？個(gè)人認(rèn)為，如果是新項(xiàng)目，且沒有舊的h6項(xiàng)目遷移，則考慮用小程序原生開發(fā)，好處是相比于第三方框架，坑少。而如果有老的h6項(xiàng)目是vue開發(fā)或者也有h6項(xiàng)目也需要小程序開發(fā)，則比較適合wepy或者mpvue來做遷移或者開發(fā)，近期看wepy幾乎不更新了，所以推薦美團(tuán)的mpvue。而如果如果團(tuán)隊(duì)前端強(qiáng)大，自己做一套框架也沒問題。10小程序和原生app哪個(gè)好？小程序除了擁有公眾號的低開發(fā)成本、獲客成本低以及無需下載等優(yōu)勢，在服務(wù)請求延時(shí)與用戶使用體驗(yàn)是都得到了較大幅度的提升，使得其能夠承載跟復(fù)雜的服務(wù)功能以及使用戶獲得更好的用戶體驗(yàn)。11簡述微信小程序原理微信小程序采用JavaScript、WXML、WXSS三種技術(shù)進(jìn)行開發(fā)，從技術(shù)講和現(xiàn)有的前端開發(fā)差不多，但深入挖掘的話卻又有所不同。JavaScript：首先JavaScript的代碼是運(yùn)行在微信App中的，并不是運(yùn)行在瀏覽器中，因此一些H5技術(shù)的應(yīng)用，需要微信App提供對應(yīng)的API支持，而這限制住了H5技術(shù)的應(yīng)用，且其不能稱為嚴(yán)格的H5，可以稱其為偽H5，同理，微信提供的獨(dú)有的某些API，H5也不支持或支持的不是特別好。WXML：WXML微信自己基于XML語法開發(fā)的，因此開發(fā)時(shí)，只能使用微信提供的現(xiàn)有標(biāo)簽，HTML的標(biāo)簽是無法使用的。WXSS：WXSS具有CSS的大部分特性，但并不是所有的都支持，而且支持哪些，不支持哪些并沒有詳細(xì)的文檔。微信的架構(gòu)，是數(shù)據(jù)驅(qū)動(dòng)的架構(gòu)模式，它的UI和數(shù)據(jù)是分離的，所有的頁面更新，都需要通過對數(shù)據(jù)的更改來實(shí)現(xiàn)。小程序分為兩個(gè)部分webview和appService。其中webview主要用來展現(xiàn)UI，appService有來處理業(yè)務(wù)邏輯、