溫州北林垟微信小程序必知必會面試題

閱讀 42383  ·  發(fā)布日期 2020-08-24 17:26  ·  溫州優(yōu)光網(wǎng)絡科技有限公司|建站|APP小程序制作|做網(wǎng)站SEO推廣優(yōu)化
【摘要】 1 請談談微信小程序主要目錄和文件的作用?project.config.json 項目配置文件,用得最多的就是配置是否開啟https校驗;App.js 設(shè)置一些全局的基礎(chǔ)數(shù)據(jù)等;App.json 底部tab, 標題欄和路由等設(shè)置;App.wxss 公共樣式,引入iconfont等;pages 里面包含一個個具體的頁面;... 【溫州小程序開發(fā),溫州微信公眾號,平陽做網(wǎng)站,平陽網(wǎng)站建設(shè)公司,平陽小程序商城制作,昆陽萬全做網(wǎng)站,鰲江水頭小程序,蕭江騰蛟微信公眾號,山門順溪南雁海西南麂鳳臥麻步懷溪網(wǎng)絡網(wǎng)店服務,政采云網(wǎng)店管理服務】...

微信小程序必知必會面試題

1 請談談微信小程序主要目錄和文件的作用?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 請談談wxml與標準的html的異同?都是用來描述頁面的結(jié)構(gòu);都由標簽、屬性等構(gòu)成;標簽名字不一樣,且小程序標簽更少,單一標簽更多;多了一些 wx:if 這樣的屬性以及 {
{
}
}
這樣的表達式WXML僅能在微信小程序開發(fā)者工具中預覽,而HTML可以在瀏覽器內(nèi)預覽組件封裝不同, WXML對組件進行了重新封裝,小程序運行在JS Core內(nèi),沒有DOM樹和window對象,小程序中無法使用window對象和document對象。
3 請談談WXSS和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 請談談小程序的雙向綁定和vue的異同?大體相同,但小程序直接this.data的屬性是不可以同步到視圖的,必須調(diào)用this.setData()方法!7 請談談小程序的生命周期函數(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è)務邏輯、數(shù)據(jù)及接口調(diào)用;兩個部分在兩個進程中運行,通過系統(tǒng)層JSBridge實現(xiàn)通信,實現(xiàn)UI的渲染、事件的處理等。
9 請談談原生開發(fā)小程序、wepy、mpvue 的對比?個人認為,如果是新項目,且沒有舊的 h5 項目遷移,則考慮用小程序原生開發(fā),好處是相比于第三方框架,坑少。
而如果有 老的 h5 項目是 vue 開發(fā) 或者 也有 h5 項目也需要小程序開發(fā),則比較適合 wepy 或者 mpvue 來做遷移或者開發(fā),近期看wepy幾乎不更新了,所以推薦美團的mpvue。
而如果如果團隊前端強大,自己做一套框架也沒問題。
10 小程序和原生app哪個好?小程序除了擁有公眾號的低開發(fā)成本、獲客成本低以及無需下載等優(yōu)勢,在服務請求延時與用戶使用體驗是都得到了較大幅度的提升,使得其能夠承載跟復雜的服務功能以及使用戶獲得更好的用戶體驗。
11 簡述微信小程序原理微信小程序采用JavaScript、WXML、WXSS三種技術(shù)進行開發(fā),從技術(shù)講和現(xiàn)有的前端開發(fā)差不多,但深入挖掘的話卻又有所不同。
JavaScript:
首先JavaScript的代碼是運行在微信App中的,并不是運行在瀏覽器中,因此一些H5技術(shù)的應用,需要微信App提供對應的API支持,而這限制住了H5技術(shù)的應用,且其不能稱為嚴格的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è)務邏輯、數(shù)據(jù)及接口調(diào)用。
它們在兩個進程中運行,通過系統(tǒng)層JSBridge實現(xiàn)通信,實現(xiàn)UI的渲染、事件的處理12 微信小程序的雙向綁定和vue哪里不一樣小程序直接this.data的屬性是不可以同步到視圖的,必須調(diào)用:
this.setData({
}
)推薦教程:
《微信小程序》以上就是微信小程序必知必會面試題的詳細內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!
微信
分享相關(guān)標簽:
微信小程序面試題本文轉(zhuǎn)載于:
博客園,如有侵犯,請聯(lián)系[email protected]刪除
上一篇:
寫公眾號文章的軟件有哪些?
下一篇:
快速實現(xiàn)一個微信小程序的Button組件相關(guān)文章相關(guān)視頻微信小程序常見的開發(fā)問題匯總微信小程序自動跳出來怎么解決?微信小程序看不了廣告怎么辦?用mpvue開發(fā)微信小程序基礎(chǔ)知識微信小程序必知必會面試題深入了解微信小程序(三)深入了解微信小程序(四)(歐陽克)微信小程序與CMS后臺 [溫州做微信公眾號]