2020-06-03面試--微信小程序篇

1昧捷,簡述你對微信小程序的目錄結(jié)構(gòu)的理解撕贞?

project.config.json : 這是一個項目配置文件耙旦,比如項目的名字唆涝,appid等等

app.js: app.js文件用來定義全局?jǐn)?shù)據(jù)和函數(shù)的使用找都,它可以指定微信小程序的生命周期函數(shù)。生命周期函數(shù)可以理解為微信小程序自己定義的函數(shù)廊酣,如onlaunch(監(jiān)聽小程序初始化)能耻,onshow(監(jiān)聽小程序顯示),onhide(監(jiān)聽小程序隱藏)等,在不同階段亡驰,不同場景可以使用不同的生命周期函數(shù)晓猛。app.js中還可以定義一些全局的函數(shù)和數(shù)據(jù),其他頁面引用app.js文件后就可以直接使用全局函數(shù)和數(shù)據(jù)

app.json: : app.json 是當(dāng)前小程序的全局配置凡辱,包括了小程序的所有頁面路徑戒职、界面表現(xiàn)、網(wǎng)絡(luò)超時時間透乾、底部 tab 等;我們可以在這個文件中配置小程序是由哪些頁面組成帕涌,配置小程序的窗口及背景色,配置導(dǎo)航條樣式续徽,配置默認(rèn)標(biāo)題蚓曼。注意該文件不可添加任何注釋

app.wxss: app.wxss則是小程序的全局樣式,它可以應(yīng)用到所有page頁面钦扭。

pages:  主要存放小程序的頁面文件纫版,書寫各個頁面代碼以及組件,每個頁面包含四個文件:

js文件:.js是小程序的邏輯文件客情,也稱事件交互文件和腳本文件其弊,用于處理界面的點(diǎn)擊事件等功能,像設(shè)置初始數(shù)據(jù)膀斋,定義事件梭伐,數(shù)據(jù)的交互,邏輯的運(yùn)算仰担,變量的聲明糊识,數(shù)組,對象,函數(shù)赂苗,注釋的方式等愉耙,其語法與javascript相同

wxml文件:.wxml文件是界面文件,是頁面結(jié)構(gòu)文件拌滋,用于構(gòu)建頁面朴沿,在頁面上增加控件,相當(dāng)于html败砂。

wxss文件:.wxss是樣式表文件赌渣,類似于前端中的css,是為.wxml文件和page文件進(jìn)行美化的文件昌犹,讓界面顯示的更加美觀锡垄。例如對文字的大小,顏色祭隔,圖片的寬高,設(shè)置個.wxml中個組件的位置路操,間距等疾渴。

json文件:json后綴的文件為配置當(dāng)前頁面的默認(rèn)項,主要是json數(shù)據(jù)格式存放屯仗,用于設(shè)置程序的配置效果

utils :該文件件主要用于存放全局的一些.js文件搞坝,公共用到的一些事件處理代碼文件可以放到該文件夾下,用于全局調(diào)用

sitemap.json 小程序根目錄下的 sitemap.json 文件用于配置小程序及其頁面是否允許被微信索引魁袜,文件內(nèi)容為一個 JSON 對象桩撮,如果沒有 sitemap.json ,則默認(rèn)為所有頁面都允許被索引峰弹。

2,微信小程序的生命周期

答案:
onLoad: 頁面加載

一個頁面只會調(diào)用一次店量。

接收頁面參數(shù) 可以獲取wx.navigateTo和wx.redirectTo及<navigator/>中的 query。

onShow: 頁面顯示

每次打開頁面都會調(diào)用一次鞠呈。

onReady: 頁面初次渲染完成

一個頁面只會調(diào)用一次融师,代表頁面已經(jīng)準(zhǔn)備妥當(dāng),可以和視圖層進(jìn)行交互蚁吝。

onHide: 頁面隱藏

當(dāng)navigateTo或底部tab切換時調(diào)用旱爆。

onUnload: 頁面卸載

當(dāng)redirectTo或navigateBack的時候調(diào)用。

知識點(diǎn)鏈接:https://www.cnblogs.com/nosqlcoco/p/wxsmallcycle.html

3窘茁,微信小程序里面開頁面最多多少怀伦?

答案:小程序中頁面棧最多十層,隨著頁面增加路由跳轉(zhuǎn)很容易在不知道的情況下就會堆棧到十層山林,再用navigateTo去跳轉(zhuǎn)就跳不動了房待。假如想處理小程序頁面棧,這時候就需要刪除當(dāng)前頁面棧(redirectTo)或刪除所有頁面棧(reLaunch)來跳轉(zhuǎn)了。頁面椢庠埽可以通過getCurrentPages方法獲取张抄。

知識點(diǎn)鏈接:https://blog.csdn.net/qq_46003166/article/details/104301243?utm_medium=distribute.pc_relevant.none-task-blog-baidujs-2

4,組件component如何使用到父級頁面的樣式洼怔?

答案:

子組件:

/* 組件 custom-component.js */

Component({externalClasses:['my-class']})

<custom-componentclass="my-class">這段文本的顏色由組件外的 class 決定</custom-component>

父組件:

<custom-componentmy-class="red-text"/>

/* 頁面的 WXSS */.red-text{color:red;}

知識點(diǎn)鏈接:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html#%E5%A4%96%E9%83%A8%E6%A0%B7%E5%BC%8F%E7%B1%BB

4署惯,微笑小程序如何下拉刷新,如果讓你自己手寫一個镣隶,你講如何設(shè)計极谊?

答案:調(diào)用系統(tǒng)的API,系統(tǒng)有提供下拉刷新的API接口--"enablePullDownRefresh": true

知識點(diǎn)鏈接:https://blog.csdn.net/qq_19707091/article/details/80929449?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase

6安岂,微信小程序中頁面跳轉(zhuǎn)的方式有什么轻猖?

答案:

  1. wx.navigateTo(),跳轉(zhuǎn)至另一個頁面

  2. wx.switchTab(),跳轉(zhuǎn)至tabbar頁

  3. wx.redirectTo()域那,跳轉(zhuǎn)至另一界面咙边,如下圖,與wx.navigateTo()不同的是wx.redirectTo()跳轉(zhuǎn)后的頁面沒有返回箭頭次员,如果需要返回需自定義返回按鈕

知識點(diǎn)鏈接:https://www.cnblogs.com/Webzhoushifa/p/9510226.html

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末败许,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子淑蔚,更是在濱河造成了極大的恐慌市殷,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,277評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件刹衫,死亡現(xiàn)場離奇詭異醋寝,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)带迟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評論 3 393
  • 文/潘曉璐 我一進(jìn)店門音羞,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人仓犬,你說我怎么就攤上這事黄选。” “怎么了婶肩?”我有些...
    開封第一講書人閱讀 163,624評論 0 353
  • 文/不壞的土叔 我叫張陵办陷,是天一觀的道長。 經(jīng)常有香客問我律歼,道長民镜,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,356評論 1 293
  • 正文 為了忘掉前任险毁,我火速辦了婚禮制圈,結(jié)果婚禮上们童,老公的妹妹穿的比我還像新娘。我一直安慰自己鲸鹦,他們只是感情好慧库,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,402評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著馋嗜,像睡著了一般齐板。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上葛菇,一...
    開封第一講書人閱讀 51,292評論 1 301
  • 那天甘磨,我揣著相機(jī)與錄音,去河邊找鬼眯停。 笑死济舆,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的莺债。 我是一名探鬼主播滋觉,決...
    沈念sama閱讀 40,135評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼齐邦!你這毒婦竟也來了椎侠?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,992評論 0 275
  • 序言:老撾萬榮一對情侶失蹤侄旬,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后煌妈,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體儡羔,經(jīng)...
    沈念sama閱讀 45,429評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,636評論 3 334
  • 正文 我和宋清朗相戀三年璧诵,在試婚紗的時候發(fā)現(xiàn)自己被綠了汰蜘。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,785評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡之宿,死狀恐怖族操,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情比被,我是刑警寧澤色难,帶...
    沈念sama閱讀 35,492評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站等缀,受9級特大地震影響枷莉,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜尺迂,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,092評論 3 328
  • 文/蒙蒙 一笤妙、第九天 我趴在偏房一處隱蔽的房頂上張望冒掌。 院中可真熱鬧,春花似錦蹲盘、人聲如沸股毫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽铃诬。三九已至,卻和暖如春薄嫡,著一層夾襖步出監(jiān)牢的瞬間氧急,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評論 1 269
  • 我被黑心中介騙來泰國打工毫深, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留吩坝,地道東北人。 一個月前我還...
    沈念sama閱讀 47,891評論 2 370
  • 正文 我出身青樓哑蔫,卻偏偏與公主長得像钉寝,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子闸迷,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,713評論 2 354