微信小程序必知面試題
1 請談?wù)勎⑿判〕绦蛑饕夸浐臀募淖饔茫?/p>
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ā)者工具中預覽恰矩,而HTML可以在瀏覽器內(nèi)預覽
組件封裝不同记盒, 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è)置對應的方法并導出箫踩;
在具體的頁面中導入;
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ì)就是一個單頁面應用茫多,所有的頁面渲染和事件處理祈匙,都在一個頁面內(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熏兄。
坑1品洛、Date對象
我們習慣用2019-09-06 來定義年月日,但是這個在iPhone是會出現(xiàn)Nan的摩桶。需要將年月日改為2019/09/06桥状,而且你會發(fā)現(xiàn)這種寫法兩種移動端都兼容。