10道經(jīng)典小程序面試題了解一下

1、簡單描述下微信小程序的相關(guān)文件類型?

答:微信小程序項(xiàng)目結(jié)構(gòu)主要有四個(gè)文件類型,如下:

WXML (WeiXin Markup Language)是框架設(shè)計(jì)的一套標(biāo)簽語言,結(jié)合基礎(chǔ)組件、事件系統(tǒng),可以構(gòu)建出頁面的結(jié)構(gòu)。內(nèi)部主要是微信自己定義的一套組件。

WXSS (WeiXin Style Sheets)是一套樣式語言,用于描述 WXML 的組件樣式,

js 邏輯處理,網(wǎng)絡(luò)請求

json 小程序設(shè)置,如頁面注冊,頁面標(biāo)題及tabBar。

app.json

必須要有這個(gè)文件,如果沒有這個(gè)文件,項(xiàng)目無法運(yùn)行,因?yàn)槲⑿趴蚣馨堰@個(gè)作為配置文件入口,整個(gè)小程序的全局配置。包括頁面注冊,網(wǎng)絡(luò)設(shè)置,以及小程序的window背景色,配置導(dǎo)航條樣式,配置默認(rèn)標(biāo)題。

app.js

必須要有這個(gè)文件,沒有也是會報(bào)錯(cuò)!但是這個(gè)文件創(chuàng)建一下就行 什么都不需要寫以后我們可以在這個(gè)文件中監(jiān)聽并處理小程序的生命周期函數(shù)、聲明全局變量。

app.wxss

2、你是怎么封裝微信小程序的數(shù)據(jù)請求的?

答:

一、將所有的接口放在統(tǒng)一的js文件中并導(dǎo)出

二、在app.js中創(chuàng)建封裝請求數(shù)據(jù)的方法

三、在子頁面中調(diào)用封裝的方法請求數(shù)據(jù)

3、有哪些參數(shù)傳值的方法?

答:

一、給HTML元素添加data-*屬性來傳遞我們需要的值,然后通過e.currentTarget.dataset或onload的param參數(shù)獲取。但data-名稱不能有大寫字母和不可以存放對象

二、設(shè)置id 的方法標(biāo)識來傳值通過e.currentTarget.id獲取設(shè)置的id的值,然后通過設(shè)置全局對象的方式來傳遞數(shù)值

三、在navigator中添加參數(shù)傳值

4、你使用過哪些方法,來提高微信小程序的應(yīng)用速度?

答:

一、提高頁面加載速度

二、用戶行為預(yù)測

三、減少默認(rèn)data的大小

四、組件化方案

5、小程序與原生App哪個(gè)好?

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

6、簡述微信小程序原理?

答:微信小程序采用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ū)動的架構(gòu)模式,它的UI和數(shù)據(jù)是分離的,所有的頁面更新,都需要通過對數(shù)據(jù)的更改來實(shí)現(xiàn)。

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

7、分析下微信小程序的優(yōu)劣勢?

答:

優(yōu)勢:

1、無需下載,通過搜索和掃一掃就可以打開。

2、良好的用戶體驗(yàn):打開速度快。

3、開發(fā)成本要比App要低。

4、安卓上可以添加到桌面,與原生App差不多。

5、為用戶提供良好的安全保障。小程序的發(fā)布,微信擁有一套嚴(yán)格的審查流程, 不能通過審查的小程序是無法發(fā)布到線上的。

劣勢:

1、限制較多。頁面大小不能超過1M。不能打開超過5個(gè)層級的頁面。

2、樣式單一。小程序的部分組件已經(jīng)是成型的了,樣式不可以修改。例如:幻燈片、導(dǎo)航。

3、推廣面窄,不能分享朋友圈,只能通過分享給朋友,附近小程序推廣。其中附近小程序也受到微信的限制。

4、依托于微信,無法開發(fā)后臺管理功能。

8、微信小程序與H5的區(qū)別?

答:

第一條是運(yùn)行環(huán)境的不同

傳統(tǒng)的HTML5的運(yùn)行環(huán)境是瀏覽器,包括webview,而微信小程序的運(yùn)行環(huán)境并非完整的瀏覽器,是微信開發(fā)團(tuán)隊(duì)基于瀏覽器內(nèi)核完全重構(gòu)的一個(gè)內(nèi)置解析器,針對小程序?qū)iT做了優(yōu)化,配合自己定義的開發(fā)語言標(biāo)準(zhǔn),提升了小程序的性能。

第二條是開發(fā)成本的不同

只在微信中運(yùn)行,所以不用再去顧慮瀏覽器兼容性,不用擔(dān)心生產(chǎn)環(huán)境中出現(xiàn)不可預(yù)料的奇妙BUG

第三條是獲取系統(tǒng)級權(quán)限的不同

系統(tǒng)級權(quán)限都可以和微信小程序無縫銜接

第四條便是應(yīng)用在生產(chǎn)環(huán)境的運(yùn)行流暢度

長久以來,當(dāng)HTML5應(yīng)用面對復(fù)雜的業(yè)務(wù)邏輯或者豐富的頁面交互時(shí),它的體驗(yàn)總是不盡人意,需要不斷的對項(xiàng)目優(yōu)化來提升用戶體驗(yàn)。但是由于微信小程序運(yùn)行環(huán)境獨(dú)立

9、怎么解決小程序的異步請求問題?

答:

在回調(diào)函數(shù)中調(diào)用下一個(gè)組件的函數(shù):

app.js


index.js

10、小程序的雙向綁定和vue哪里不一樣?

答:

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 轉(zhuǎn)載鏈接 注:本文轉(zhuǎn)載知乎上的回答 作者:初雪 鏈接:https://www.zhihu.com/question...
    pengshuangta閱讀 29,274評論 9 295
  • 我的心里住著一頭猛獸 在每個(gè)潮起的晨霧中,他都向我訴說 我是個(gè)耳背的城市病人,腳掌都爛進(jìn)廢墟 病到生活不能自給(j...
    張曉鴿閱讀 850評論 0 1
  • 致良知,是一種習(xí)慣。習(xí)慣靠行動養(yǎng)成,行動有一個(gè)入手處,就是孝悌,就是灑掃。 【孟氏“堯舜之道,孝弟而已”者,使就人...
    華杉2009閱讀 1,007評論 1 7
  • 我這次跟大家分享的,是乞丐靠營銷掙錢,跟以前大家看過的不一樣,原創(chuàng)! 前幾天去菜市場買菜,然后在路上遇到了一個(gè)乞丐...
    慈覺閱讀 446評論 0 0

友情鏈接更多精彩內(nèi)容