微信小程序面試題總結(jié)

A類問題(技術(shù))

1. 請談?wù)勎⑿判〕绦蜃饔茫?/p>

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. 簡單描述下微信小程序的相關(guān)文件類型晰洒?

wxml 模板文件啥箭,是框架設(shè)計(jì)的一套標(biāo)簽語言缆巧,結(jié)合基礎(chǔ)組件、事件系統(tǒng)唯绍、可以構(gòu)建出頁面的結(jié)構(gòu)

wxss 樣式文件叶撒,是一套樣式語言,用于描述WXML的組件樣式

js 腳本邏輯文件落君,邏輯處理網(wǎng)絡(luò)請求

json 配置文件,小程序設(shè)置,如頁面注冊枫夺,頁面標(biāo)題及tabBar

app.json 整個(gè)小程序的全局配置,包括:

pages:[所有頁面路徑]

網(wǎng)絡(luò)設(shè)置(網(wǎng)絡(luò)超時(shí)時(shí)間)

界面表現(xiàn)(頁面注冊)

window:{背景色吧趣、導(dǎo)航樣式、默認(rèn)標(biāo)題}

底部tab等

app.js 監(jiān)聽并處理小程序的生命周期函數(shù)、聲明全局變量

app.wxss 全局配置的樣式文件

3. 請談?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)行在JS Core內(nèi)店雅,沒有DOM樹和window對象政基,小程序中無法使用window對象和document對象。

4. 請談?wù)刉XSS和CSS的異同闹啦?

都是用來描述頁面的樣子沮明;

WXSS 具有 CSS 大部分的特性,也做了一些擴(kuò)充和修改窍奋;

WXSS新增了尺寸單位荐健,WXSS 在底層支持新的尺寸單位 rpx;

WXSS 僅支持部分 CSS 選擇器琳袄;

WXSS 提供全局樣式與局部樣式

WXSS 不支持window和dom 文檔流

5. 你是怎么封裝微信小程序的數(shù)據(jù)請求的江场?

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

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

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

在根目錄下創(chuàng)建utils目錄及api.js文件和apiConfig.js文件;

在appConfig.js封裝基礎(chǔ)的get\post\put\upload等請求方法窖逗,設(shè)置請求體址否,帶上token和異常處理等;

在api.js中引入apiConfig.js封裝好的請求方法碎紊,根據(jù)頁面數(shù)據(jù)請求的urls佑附,設(shè)置對應(yīng)的方法并導(dǎo)出;

在具體頁面導(dǎo)入仗考;

6. 小程序頁面間有哪些傳遞數(shù)據(jù)的方法音同?

給html元素添加data-*屬性來傳遞值,然后通過e.currentTarget.dataset或onload的param參數(shù)獲取痴鳄。注:data-名稱不能有大寫字母瘟斜、不可以存放對象

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

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

使用全局變量實(shí)現(xiàn)數(shù)據(jù)傳遞

頁面跳轉(zhuǎn)或重定向時(shí)螺句,使用url帶參數(shù)傳遞數(shù)據(jù)

使用組件模板template傳遞參數(shù)

使用緩存?zhèn)鬟f參數(shù)

使用數(shù)據(jù)庫傳遞參數(shù)

7. 請談?wù)勑〕绦虻碾p向綁定和vue的異同?

大體相同橡类,但小程序直接this.data的屬性是不可以同步到視圖的蛇尚,必須調(diào)用this.setData()方法!1.雙向綁定:vue默認(rèn)支持雙向綁定顾画,微信小程序需要借助data取劫。2.取值:vue中匆笤,通過this.reason取值。小程序中谱邪,通過this.data.reason取值炮捧。3.定義方法:小程序使用 在app.js中定義即可,vue的方法通過寫在method中進(jìn)行定義惦银。1.去變量的時(shí)候:? - 小程序? wx:for="lists"- Vue是? v-for="item in lists"2.調(diào)用data模型(賦值)的時(shí)候:? - 小程序:this.data.item //調(diào)用? this.setData({item:1}) //賦值? - vue: this.item //調(diào)用? this.item =1//賦值? ? 小程序的雙向綁定實(shí)際上并不是雙向綁定 如果在小程序.js文件中改變了某個(gè)變量的值 那么頁面上的值并不會(huì)跟著改變 如果想要頁面上的值也跟著改變的話 需要通過setData來操作 而Vue默認(rèn)就是雙向綁定 只改變了某個(gè)變量的值 頁面上也會(huì)跟著改變

8. 請談?wù)勑〕绦虻纳芷诤瘮?shù)咆课?

onLoad() 頁面加載時(shí)觸發(fā),只會(huì)調(diào)用一次扯俱,可獲取當(dāng)前頁面路徑中的參數(shù)书蚪。

onShow() 頁面顯示/切入前臺(tái)時(shí)觸發(fā),一般用來發(fā)送數(shù)據(jù)請求迅栅;

onReady() 頁面初次渲染完成時(shí)觸發(fā), 只會(huì)調(diào)用一次殊校,代表頁面已可和視圖層進(jìn)行交互。

onHide() 頁面隱藏/切入后臺(tái)時(shí)觸發(fā), 如底部 tab 切換到其他頁面或小程序切入后臺(tái)等读存。

onUnload() 頁面卸載時(shí)觸發(fā)为流,如redirectTo或navigateBack到其他頁面時(shí)由蘑。

onPullDownRefresh() 下拉刷新的鉤子函數(shù) 用戶下拉刷新時(shí)會(huì)自動(dòng)走到這個(gè)函數(shù)中

onReachBottom() 上翻到底的鉤子函數(shù)

9. 簡述微信小程序原理?

小程序本質(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的渲染、事件的處理等廊驼。

微信小程序采用JavaScript据过、wxml惋砂、wxss三種技術(shù)進(jìn)行開發(fā),與現(xiàn)有前端開發(fā)的區(qū)別:

JavaScript的代碼是運(yùn)行在微信APP中的绳锅,因此一些h5技術(shù)的應(yīng)用需要微信APP提供對應(yīng)的API支持西饵;

wxml微信自己基于xml語法開發(fā)的,因此在開發(fā)時(shí)只能使用微信提供的現(xiàn)有標(biāo)簽鳞芙,html的標(biāo)簽是無法使用的罗标;

wxss具有css的大部分特性,但并不是所有都支持沒有詳細(xì)文檔(wxss的圖片引入需使用外鏈地址积蜻,沒有body闯割,樣式可直接使用import導(dǎo)入)。

微信的架構(gòu)竿拆,是數(shù)據(jù)驅(qū)動(dòng)的架構(gòu)模式宙拉,它的UI和數(shù)據(jù)是分離的,所有的頁面更新丙笋,都需要通過對數(shù)據(jù)的更改來實(shí)現(xiàn)谢澈。

小程序功能分為webview和APPservice,webview主要用來展示UI御板,appservice用來處理業(yè)務(wù)邏輯锥忿、數(shù)據(jù)及接口調(diào)用。它們在兩個(gè)進(jìn)程中進(jìn)行怠肋,通過系統(tǒng)層JSBridge實(shí)現(xiàn)通信敬鬓,實(shí)現(xiàn)UI的渲染、事件處理笙各。

10. 請談?wù)勗_發(fā)小程序钉答、wepy、mpvue 的對比杈抢?

個(gè)人認(rèn)為数尿,如果是新項(xiàng)目,且沒有舊的 h5 項(xiàng)目遷移惶楼,則考慮用小程序原生開發(fā)右蹦,好處是相比于第三方框架,坑少歼捐。

而如果有 老的 h5 項(xiàng)目是 vue 開發(fā) 或者 也有 h5 項(xiàng)目也需要小程序開發(fā)何陆,則比較適合 wepy 或者 mpvue 來做遷移或者開發(fā),近期看wepy幾乎不更新了窥岩,所以推薦美團(tuán)的mpvue甲献。

而如果如果團(tuán)隊(duì)前端強(qiáng)大,自己做一套框架也沒問題颂翼。

11. 哪些方法來提高微信小程序的應(yīng)用速度晃洒?

提高頁面的加載速度

用戶行為預(yù)測 # 什么叫行為預(yù)測

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

組件化方案 # 使用

12. 分析微信小程序的優(yōu)劣勢慨灭?

優(yōu)勢:

容易上手,基礎(chǔ)組件庫比較全球及,基本上不需要考慮兼容問題氧骤;

開發(fā)文檔比較完善,開發(fā)社區(qū)比較活躍吃引,支持插件式開發(fā)筹陵;

良好的用戶體驗(yàn):無需下載,通過搜索和掃一掃就可以打開镊尺,打開速度快朦佩,安卓上可以添加到桌面,與原生APP差不多庐氮;

開發(fā)成本比APP要低语稠;

為用戶提供良好的安全保障(小程序發(fā)布 嚴(yán)格的審查流程)

劣勢:

限制較多,頁面大小不能超過1M弄砍,不能打開超過5個(gè)層級(jí)的頁面仙畦;

樣式單一,部分組件已經(jīng)是成型了的音婶,樣式不可修改慨畸,例如:幻燈片、導(dǎo)航

推廣面窄衣式,不能分享朋友圈寸士,只能通過分享給朋友,附近小程序推廣

依托于微信瞳收,無法開發(fā)后臺(tái)管理功能

后臺(tái)調(diào)試麻煩碉京,因?yàn)閍pi接口必須https請求且公網(wǎng)地址

真機(jī)測試厢汹,個(gè)別功能安卓和蘋果表現(xiàn)迥異螟深,例如安卓的定位功能加載很慢

13. 怎么解決微信小程序的異步請求問題?

小程序支持 ES6 語法 在返回成功的回調(diào)里面處理邏輯Promise異步async/await在回調(diào)函數(shù)中調(diào)用下一個(gè)組件的函數(shù):**app.js**success:function(info){that.apirtnCallback(info)}**index.js**onLoad:function(){app.apirtnCallback =res=>{console.log(res)}}

14. 小程序關(guān)聯(lián)微信公眾號(hào)如何確定用戶的唯一性烫葬?

使用wx.getUserInfo方法 withCredentials為true時(shí)界弧,可獲取encryptedData,里面有union_id.后端需要進(jìn)行對稱解密搭综。

15. 使用webview直接加載要注意哪些事項(xiàng)垢箕?

必須要在小程序后臺(tái)使用管理員添加業(yè)務(wù)域名;

h5頁面跳轉(zhuǎn)至小程序的腳步必須是1.3.1以上兑巾;

微信分享只可以是小程序的主名稱条获,如要自定義分享內(nèi)容,需小程序版本在1.7.1以上蒋歌;

h5的支付不可以是微信公眾號(hào)的appid帅掘,必須是小程序的appid委煤,而且用戶的openid也必須是用戶和小程序的

16. 小程序調(diào)用后臺(tái)接口遇到哪些問題?

數(shù)據(jù)的大小限制修档,超過范圍會(huì)直接導(dǎo)致整個(gè)小程序崩潰碧绞,除非重啟小程序;

小程序不可以直接渲染文章內(nèi)容這類型的html文本吱窝,顯示需借助插件

注:插件渲染會(huì)導(dǎo)致頁面加載變慢讥邻,建議在后臺(tái)對文章內(nèi)容的html進(jìn)行過濾,后臺(tái)直接處理批量替換p標(biāo)簽div標(biāo)簽為view標(biāo)簽院峡。然后其他的標(biāo)簽讓插件來做兴使。

17. 微信小程序如何實(shí)現(xiàn)下拉刷新?

用view代替scroll-view照激,設(shè)置onPullDownRefresh函數(shù)實(shí)現(xiàn)

18. webview中的頁面怎么跳轉(zhuǎn)回小程序鲫惶?

wx.miniProgram.navigateTo({url:’pages/login/login’+’$params’})**//跳轉(zhuǎn)到小程序?qū)Ш巾撁?*wx.miniProgram.switchTab({url:’/pages/index/index’})

19. bindtap和catchtap的區(qū)別?

相同點(diǎn):首先他們都是作為點(diǎn)擊事件函數(shù)实抡,就是點(diǎn)擊時(shí)觸發(fā)欠母。在這個(gè)作用上他們是一樣的,可以不做區(qū)分

不同點(diǎn):他們的不同點(diǎn)主要是bindtap是不會(huì)阻止冒泡事件的吆寨,catchtap是阻值冒泡的

20. 簡述五個(gè)路由的區(qū)別

wx.navigateTo()

wx.redirectTo()

wx.switchTab()

wx.navigateBack()

wx.reLaunch()

在wxml頁面中:

跳轉(zhuǎn)新頁面

在當(dāng)前頁打開

切換到首頁Tab

在js頁面中:分為‘應(yīng)用內(nèi)的頁面’和‘tabBar頁面’赏淌;

如果上述跳轉(zhuǎn)遇到跳轉(zhuǎn)失敗或者無效的問題,請?jiān)L問:wx.navigateTo/wx.redirectTo無效

wx.navigateTo():保留當(dāng)前頁面啄清,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面六水。但是不能跳到 tabbar 頁面

wx.redirectTo():關(guān)閉當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面辣卒。但是不允許跳轉(zhuǎn)到 tabbar 頁面

wx.switchTab():跳轉(zhuǎn)到 tabBar 頁面掷贾,并關(guān)閉其他所有非 tabBar 頁面

wx.navigateBack()關(guān)閉當(dāng)前頁面,返回上一頁面或多級(jí)頁面荣茫∠胨В可通過 getCurrentPages() 獲取當(dāng)前的頁面棧,決定需要返回幾層

wx.reLaunch():關(guān)閉所有頁面啡莉,打開到應(yīng)用內(nèi)的某個(gè)頁面

21. 微信小程序與H5的區(qū)別港准?

運(yùn)行環(huán)境不同(小程序在微信運(yùn)行,h5在瀏覽器運(yùn)行)咧欣;

開發(fā)成本不同(h5需要兼容不同的瀏覽器)浅缸;

獲取系統(tǒng)權(quán)限不同(系統(tǒng)級(jí)權(quán)限可以和小程序無縫銜接);

應(yīng)用在生產(chǎn)環(huán)境的運(yùn)行流暢度(h5需不斷對項(xiàng)目優(yōu)化來提高用戶體驗(yàn))魄咕;

22. 小程序如何更新頁面中的值 ?

可以通過this.setData來進(jìn)行改變

23. 如何實(shí)現(xiàn)登錄數(shù)據(jù)的持久化 ?

可以通過wx.setStorageSync('鍵名', 對應(yīng)的值)來進(jìn)行數(shù)據(jù)持久化

24. 微信小程序和app有什么不同之處

微信小程序?qū)儆谳p量級(jí)的app 但是限制在微信中衩椒,開發(fā)周期短,功能較少,占用空間少,

app就相反 需要占用額外內(nèi)存 開發(fā)周期長

【【我理解的意思相當(dāng)于flask和django的區(qū)別】】

25. 微信小程序如何進(jìn)行雙向綁定

通過bind-tap點(diǎn)擊事件 向app.js 定義的方法中獲取回執(zhí)

設(shè)置data的值 實(shí)現(xiàn)雙向綁定

26. 如何自定義toobar

取消當(dāng)前的toobar

插入自定義toobar組件

app.json調(diào)用組件

頁面顯示tootar組件

B類問題(業(yè)務(wù))

1. 你在開發(fā)過程中有什么困難點(diǎn)(或者使用了什么技術(shù))

在開發(fā)的過程中我沒有太多的問題但是我的同事遇到了一個(gè)問題毛萌,怎么在序列化器中獲取request的值梢什。通過源碼的研究發(fā)現(xiàn)self.context["reqeust"].xx 可以獲取到值 大大提高了數(shù)據(jù)的粘性和開發(fā)效率 在小程序端 使用模塊的引用設(shè)置url值 方便url路徑的更改

2. 會(huì)寫接口嗎? 項(xiàng)目你負(fù)責(zé)什么朝聋?

會(huì)寫drf源碼 在小程序的項(xiàng)目中我通過自定義方法 重構(gòu)drf內(nèi)部方法 實(shí)現(xiàn)更高的擴(kuò)展性嗡午。

開始:小程序、api(主)

3. 你之前做過小程序嗎冀痕?主要包括哪些功能荔睹?

沒做過小程序,這次公司需求言蛇。

了解vue.js 僻他,類似。

小程序就是前端技術(shù):html腊尚、css吨拗、js

4. 這個(gè)小程序的具體設(shè)計(jì)邏輯是怎么樣的? 有幾個(gè)人開發(fā)?周期多長婿斥?在你離職時(shí)劝篷, 這個(gè)小程序項(xiàng)目是否還在開發(fā)?或者你離 職時(shí)民宿,你們公司在開發(fā)什么娇妓?

他分為兩大模塊,有用戶動(dòng)態(tài)模塊活鹰,拍賣模塊哈恰,用戶動(dòng)態(tài)模塊又分為發(fā)布功能,動(dòng)態(tài)展示功能以及常見的用戶交互功能志群,拍賣模塊又分為專場-拍品着绷,由后臺(tái)管理人員維護(hù)更新,連我總共有3個(gè)人開發(fā)锌云,總共開發(fā)了三個(gè)月荠医,我離職時(shí),項(xiàng)目還在開發(fā)宾抓,正在開發(fā)xx

5. 你說你負(fù)責(zé)支付環(huán)節(jié)子漩,那么微信支付的 流程是否可以簡單說一下?

臨時(shí)憑證 獲取 wxid

生成repayid

json石洗,返回給小程序,小程序調(diào)支付窗口紧显。

支持成功提示 + POST回調(diào)讲衫。

6. 那好,既然流程說完了,那么涉兽,我問你招驴, 你這個(gè)項(xiàng)目涉及到了rmb,它在用戶點(diǎn)擊 支付之后的邏輯關(guān)系和表關(guān)系你是怎么 理解的枷畏? 有多少張表别厘?表關(guān)系?

首先拥诡,在做這個(gè)功能的時(shí)候触趴,會(huì)先在紙上畫出來其中的邏輯,然后再把后端需要的值傳過去渴肉。做這個(gè)后端api時(shí)冗懦,需要拿到前端的數(shù)據(jù),判斷它是否使用優(yōu)惠券了仇祭,是否使用保證金了披蕉,是否有地址了,選擇什么方式支付了乌奇,余額還是微信支付没讲,還有該用戶的支付價(jià)格,傳到后端之后進(jìn)行數(shù)據(jù)校驗(yàn)礁苗,首先判斷地址是否存在食零,然后判斷訂單是否合法,是否使用了優(yōu)惠券寂屏,是否使用保證金贰谣,用戶的支付價(jià)格和后端計(jì)算的價(jià)格是否相符,由于支付環(huán)節(jié)必須保證一次完成迁霎,所以給它加了事務(wù)吱抚,訂單表的查詢加了鎖,通過一系列校驗(yàn)考廉,然后進(jìn)行支付秘豹。支付成功之后,訂單表記錄昌粤,保證金抵扣記錄既绕,優(yōu)惠券使用記錄,退保證金記錄涮坐,都需要進(jìn)行相應(yīng)的修改

7. 你覺得這個(gè)小程序項(xiàng)目的細(xì)節(jié)之處有哪些凄贩?

閉包

drf,認(rèn)證組件自定義袱讹。

drf序列化 嵌套

重復(fù)訂單處理 & 數(shù)據(jù)庫鎖(InnoDB 行級(jí)鎖)

8. 如何自定義tabbar疲扎?

創(chuàng)建一個(gè)compent文件夾,里面創(chuàng)建一個(gè)tabbar頁面,取消原有的tabbar頁面椒丧。需要在app.json中輸入compent:ture壹甥,在自定義的pages頁面中寫入進(jìn)行選中效果顯示

9. 可否說一下小程序頁面之間的傳值,如果是tabbar頁面是否有問題壶熏?

var pages = getCurrentPages()var prevPage = pages[pages.length-2];# prevPage是上一個(gè)頁面的對象句柠,下面可以設(shè)置頁面的值prevPage.setData({topicText: topicInfo.title});也可以執(zhí)行那個(gè)頁面的函數(shù),prevPage.getInfo(orderId);tabbar頁面沒問題"

10. 我見你的celery用在了處理日志上棒假,那除了處理 日志你還能想到什么用處嗎?

celery暫時(shí)只用在日志這方面溯职,其他方面沒有考慮過 拍賣業(yè)務(wù)關(guān)于訂單的處理 & 狀態(tài)的變化 celery和crontab的區(qū)別?

11. serializer的流程可以聊一下嗎淆衷?

source

自定方法

自定義鉤子:get / validate

嵌套

關(guān)于數(shù)據(jù)庫FileField字段(COS)

12. 如果遇到redis進(jìn)行了加密訪問缸榄,你又該怎么操作?

redis://:admin@192.168.88.88:8888,在ip地址前面加上:admin@- 傳參 Connect(host='..',port....)- 字符串 connect_by_url('redis://密碼@192.168.88.88:8888/,')

13. js閉包是啥祝拯?為什么使用js閉包甚带?

var dataList = ['alex','lld','uuid']for(var iindataList){(function(data){wx.request({url:'xxx',success:(res) => {console.log(data);}})})(dataList[i])}因?yàn)槲⑿判〕绦蛱幚砗瘮?shù)是異步執(zhí)行的,異步執(zhí)行造成的結(jié)果可能和預(yù)期的不合佳头,如果函數(shù)中有循環(huán)鹰贵,最后的結(jié)果都一樣,所以使用js閉包可以解決這個(gè)問題康嘉。###

14. 你剛才提到了異步碉输,在這個(gè)項(xiàng)目中你是否被異步坑 過,最后又是如何解決的亭珍?

算是坑過吧敷钾,我在做發(fā)布功能時(shí),需要將用戶選中的圖片和其他信息發(fā)送上去肄梨,圖片發(fā)送到桶中阻荒,其他信息需要放到數(shù)據(jù)庫中,而其他信息需要包含圖片的路徑地址众羡,這個(gè)路徑地址需要上傳到桶中返回侨赡,而異步執(zhí)行會(huì)造成圖片上傳和其他信息發(fā)送時(shí)間不一致,造成的結(jié)果是圖片路徑不能保存到數(shù)據(jù)庫中粱侣。

C類問題(個(gè)人)

1. 登陸頁面和登陸優(yōu)化

開發(fā)文檔?https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html

a.使用wx.login獲取code值b.使用wx.request請求后臺(tái)的api,把code值作為參數(shù)發(fā)送給后臺(tái)????????后臺(tái)會(huì)根據(jù)我們傳過去的code值來獲取openid和session_key????????微信官方建議:為了安全不要直接采用openid和session_key來作為用戶身份的標(biāo)識(shí)? ? ? ? ? ? ? ? 把微信賬號(hào)登錄態(tài)生成一個(gè)sessionid并維護(hù)在我們自己的session機(jī)制中羊壹,然后把這sessionid派發(fā)到小程序客戶端作為session標(biāo)識(shí)來使用。返回一個(gè)自定義token值c.把session_id保存到本地齐婴,使用wx.setStorage把token保存到本地,d.在你需要使用的地方session_id的地方調(diào)用wx.getStorage(建議你也可以封裝一個(gè)方法油猫,就可以很方便的取出你要的數(shù)據(jù))e.定義登陸方法1.使用官方提供的button返回值? ? ? 登錄 | 注冊? ? 2. 導(dǎo)入全局appvarapp=getApp();? ? 3.傳值app.initUserInfo(res.data.data, e.detail.userInfo)? ? 4.封裝app.js#封裝全局?jǐn)?shù)據(jù)globalData:{? ? ? userInfo: null, // {phone:xxx,token:xxxx}? ? ? authorInfo: null,? ? },? initUserInfo: function (res, localInfo) {? ? console.log(""app打印"",localInfo)? ? var info = {id:res.id,? ? ? token: res.token,? ? ? phone: res.phone,? ? ? nickName: localInfo.nickName,? ? ? avatarUrl: localInfo.avatarUrl? ? }? ? //1.去公共的app.js中調(diào)用globalData,在里面賦值尔店。(在全局變量賦值)? ? this.globalData.userInfo = info;//{phone:xxx,token:xxxx}? ? //2.在本地“cookie”中賦值? ? wx.setStorageSync(""userInfo"", info);5.取數(shù)據(jù)? ? ? ? var app=getApp();? ? ? ? app.globalData.userInfo##認(rèn)證f.在你調(diào)用那些需要后臺(tái)登錄才可以訪問的接口的時(shí)候眨攘,就可以把session_id作為參數(shù)加到header或者query里面就可以了wx.checkSession為什么要用wx.checkSession()有時(shí)候主慰,我們會(huì)因?yàn)閟ession_key不正確而導(dǎo)致解密或者校驗(yàn)簽名失敗嚣州。有幾方面的原因:1鲫售、因?yàn)閣x.login()被調(diào)用時(shí),用戶的session_key會(huì)被更新導(dǎo)致就session_key失效该肴。所以情竹,在調(diào)用wx.login()的時(shí)候應(yīng)該要明確需要登錄之后再調(diào)用。2匀哄、另外秦效,微信不會(huì)把session_key的有效期告訴我們,用戶越頻繁使用微信涎嚼,session_key的有效期就更長阱州。因?yàn)椋托枰{(diào)用wx.checkSession()來校驗(yàn)當(dāng)前用戶的session_key是否有效法梯。*使用wx.checkSession來檢測登錄狀態(tài)是否過期苔货,如果過期了才調(diào)用登錄接口,而不是每次進(jìn)入小程序都調(diào)用登錄接口立哑,這樣也可以優(yōu)化頁面加載速度onLoad: function () {  wx.checkSession({    success: function(res){      console.log(""處于登錄態(tài)"");    },    fail: function(res){      console.log(""需要重新登錄"");      wx.login({})      }  })}"

2. 認(rèn)證

1.認(rèn)證的錯(cuò)誤定義的錯(cuò)誤碼不能返回自定義 被403捕獲fromrest_frameworkimportexceptionsclassUserAuthentication(BaseAuthentication):""""""用戶認(rèn)證夜惭,用戶必須先登錄。""""""defauthenticate(self, request):token = request.META.get('HTTP_AUTHORIZATION',None)? ? ? ? print(token)ifnottoken:? ? ? ? ? ? print('走token')raiseexceptions.AuthenticationFailed()? ? ? ? print('xxxx')? ? ? ? user_object = api.UserInfo.objects.filter(token=token).first()? ? ? ? print(""xxxx"", user_object)ifnotuser_object:? ? ? ? ? ? print(""走這了"")raiseexceptions.AuthenticationFailed()? ? ? ? print(""打印返回值"", user_object, token)return(user_object, token)2.認(rèn)證的簡化源碼流程defdispatch(self, request, *args, **kwargs):try:? ? ? ? ? ? self.initial(request, *args, **kwargs)ifrequest.method.lower()inself.http_method_names:? ? ? ? ? ? ? ? handler =getattr(self, request.method.lower(),? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? self.http_method_not_allowed)else:? ? ? ? ? ? ? ? handler = self.http_method_not_allowed? ? ? ? ? ? response = handler(request, *args, **kwargs)exceptExceptionasexc:? ? ? ? ? ? response = self.handle_exception(exc)#所以的異常被這樣優(yōu)先捕獲3.handledefhandle_exception(self, exc):""""""Handleanyexception that occurs, by returning an appropriate response,orre-raising the error.""""""ifisinstance(exc, (exceptions.NotAuthenticated,? ? ? ? ? ? ? ? ? ? ? ? ? ? exceptions.AuthenticationFailed)):# WWW-Authenticate header for 401 responses, else coerce to 403auth_header = self.get_authenticate_header(self.request)ifauth_header:? ? ? ? ? ? ? ? exc.auth_header = auth_headerelse:? ? ? ? ? ? ? ? exc.status_code = status.HTTP_403_FORBIDDEN#被403返回"

3. rasise主動(dòng)報(bào)錯(cuò)

"apiview使用raise報(bào)錯(cuò) listapivie

1.自己的代碼

? ? ? ? ? ? # 1.是否使用優(yōu)惠卷

? ? ? ? ? ? if discount_id:

? ? ? ? ? ? ? ? # 從自己的優(yōu)惠卷中查找優(yōu)惠卷

? ? ? ? ? ? ? ? discount_object = models.Userdicount.objects.filter(user=request.user, status=1,

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? dis_id=discount_id).first()

? ? ? ? ? ? ? ? if not discount_object:

? ? ? ? ? ? ? ? 正常返回錯(cuò)誤信息? return Response(""沒有此優(yōu)惠卷"")

? ? ? ? ? ? ? ? ? 返回源碼流程的錯(cuò)誤信息? # return exceptions.ValidationError(""沒有此優(yōu)惠卷"")


2.簡略源碼流程

def dispatch(self, request, *args, **kwargs):

? ? ? ? “,......省略”“”

? ? ? ? self.response = self.finalize_response(request, response, *args, **kwargs)

? ? ? ? return self.response


3.finalize_response

def finalize_response(self, request, response, *args, **kwargs):

? ? ? ? """"""

? ? ? ? Returns the final response object.

? ? ? ? """"""

? ? ? ? # Make the error obvious if a proper response is not returned

? ? ? ? assert isinstance(response, HttpResponseBase), (

? ? ? ? ? ? 'Expected a `Response`, `HttpResponse` or `HttpStreamingResponse` '

? ? ? ? ? ? 'to be returned from the view, but received a `%s`'

? ? ? ? ? ? % type(response)

? ? ? ? )

? ? ? ? if isinstance(response, Response):

? ? ? ? ? ? if not getattr(request, 'accepted_renderer', None):

? ? ? ? ? ? ? ? neg = self.perform_content_negotiation(request, force=True)

? ? ? ? ? ? ? ? request.accepted_renderer, request.accepted_media_type = neg

? ? ? ? ? ? response.accepted_renderer = request.accepted_renderer

? ? ? ? ? ? response.accepted_media_type = request.accepted_media_type

? ? ? ? ? ? response.renderer_context = self.get_renderer_context()

? ? ? ? # Add new vary headers to the response instead of overwriting.

? ? ? ? vary_headers = self.headers.pop('Vary', None)

? ? ? ? if vary_headers is not None:

? ? ? ? ? ? patch_vary_headers(response, cc_delim_re.split(vary_headers))

? ? ? ? for key, value in self.headers.items():

? ? ? ? ? ? response[key] = value

? ? ? ? return response"

4. 略

1.序列化器就可以使用classUserAddModelSerializer(serializers.ModelSerializer):""""""用戶添加優(yōu)惠卷""""""# 領(lǐng)取的優(yōu)惠卷要進(jìn)行減法運(yùn)算remain = serializers.SerializerMethodField()classMeta:model = models.Userdicount? ? ? ? fields = ['dis',""ord"",""remain""]defvalidate_dis(self, value):user_object = self.context['request'].user? ? ? ? print(""優(yōu)惠卷的判斷的值"", value)# 優(yōu)惠券不存在ifnotvalueorvalue.deleted:raiseexceptions.ValidationError('優(yōu)惠券不存在')# 優(yōu)惠券狀態(tài)必須是領(lǐng)取中ifvalue.status !=2:raiseexceptions.ValidationError('優(yōu)惠券不可領(lǐng)取')# 優(yōu)惠券個(gè)數(shù)是否合法if(value.use_count +1) > value.total_count:raiseexceptions.ValidationError('優(yōu)惠券已領(lǐng)完')# 是否已領(lǐng)取優(yōu)惠券exists = models.Userdicount.objects.filter(user=user_object, dis=value).exists()ifexists:raiseexceptions.ValidationError('優(yōu)惠券已經(jīng)領(lǐng)取過铛绰,不可重復(fù)領(lǐng)取')returnvalue2.源碼流程forfieldinfields:? ? ? ? ? ? validate_method =getattr(self,'validate_'+ field.field_name,None)? ? ? ? ? ? primitive_value = field.get_value(data)try:? ? ? ? ? ? ? ? validated_value = field.run_validation(primitive_value)ifvalidate_methodisnotNone:? ? ? ? ? ? ? ? ? ? validated_value = validate_method(validated_value)exceptValidationErrorasexc:? ? ? ? ? ? ? ? errors[field.field_name] = exc.detail3.ValidationErrorclassValidationError(APIException):status_code = status.HTTP_400_BAD_REQUEST#序列化器可以完美返回錯(cuò)誤信息和badrequestdefault_detail = _('Invalid input.')? ? default_code ='invalid'def__init__(self, detail=None, code=None):ifdetailisNone:? ? ? ? ? ? detail = self.default_detailifcodeisNone:? ? ? ? ? ? code = self.default_code# For validation failures, we may collect many errors together,# so the details should always be coerced to a list if not already.ifnotisinstance(detail,dict)andnotisinstance(detail,list):? ? ? ? ? ? detail = [detail]? ? ? ? self.detail = _get_error_details(detail, code)"

特殊問題

1. 你負(fù)責(zé)的內(nèi)容有哪些诈茧,遇到了哪些技術(shù)難點(diǎn)?

2. 微信小程序 支付的流程是怎樣的

3. 如何做到啟動(dòng)django后臺(tái)時(shí)自動(dòng)啟動(dòng)celery定時(shí)任務(wù)

4. 序列化器跨表取值的方式有哪些

5. ajax文件上傳有什么注意事項(xiàng)

6. 如何提高django中操作redis的效率

常見問題

rpx:小程序的尺寸單位捂掰,規(guī)定屏幕為750rpx敢会,可適配不同分辨率的屏幕。

本地資源無法通過wxss獲取

RE:

background-image:可以使用網(wǎng)絡(luò)圖片这嚣,或者base64鸥昏,或者使用標(biāo)簽

wx.navigateTo無法打開頁面

RE:

一個(gè)應(yīng)用同時(shí)只能打開5個(gè)頁面,請避免多層級(jí)的交互方式疤苹,或使用wx.redirectTo

tabBar設(shè)置不顯示

RE:

tabBar的數(shù)量少于2項(xiàng)或超過5項(xiàng)都不會(huì)顯示互广;

tabBar寫法錯(cuò)誤導(dǎo)致不顯示;

tabBar沒有寫pagePath字段(程序啟動(dòng)后顯示的第一個(gè)頁面)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末卧土,一起剝皮案震驚了整個(gè)濱河市惫皱,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌尤莺,老刑警劉巖旅敷,帶你破解...
    沈念sama閱讀 221,635評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異颤霎,居然都是意外死亡媳谁,警方通過查閱死者的電腦和手機(jī)涂滴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,543評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來晴音,“玉大人柔纵,你說我怎么就攤上這事〈冈辏” “怎么了搁料?”我有些...
    開封第一講書人閱讀 168,083評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長系羞。 經(jīng)常有香客問我郭计,道長,這世上最難降的妖魔是什么椒振? 我笑而不...
    開封第一講書人閱讀 59,640評論 1 296
  • 正文 為了忘掉前任昭伸,我火速辦了婚禮,結(jié)果婚禮上澎迎,老公的妹妹穿的比我還像新娘庐杨。我一直安慰自己,他們只是感情好嗡善,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,640評論 6 397
  • 文/花漫 我一把揭開白布辑莫。 她就那樣靜靜地躺著,像睡著了一般罩引。 火紅的嫁衣襯著肌膚如雪各吨。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,262評論 1 308
  • 那天袁铐,我揣著相機(jī)與錄音揭蜒,去河邊找鬼。 笑死剔桨,一個(gè)胖子當(dāng)著我的面吹牛屉更,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播洒缀,決...
    沈念sama閱讀 40,833評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼瑰谜,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了树绩?” 一聲冷哼從身側(cè)響起萨脑,我...
    開封第一講書人閱讀 39,736評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎饺饭,沒想到半個(gè)月后渤早,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,280評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡瘫俊,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,369評論 3 340
  • 正文 我和宋清朗相戀三年鹊杖,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了悴灵。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,503評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡骂蓖,死狀恐怖积瞒,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情涯竟,我是刑警寧澤赡鲜,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布空厌,位于F島的核電站庐船,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏嘲更。R本人自食惡果不足惜筐钟,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,870評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望赋朦。 院中可真熱鬧篓冲,春花似錦、人聲如沸宠哄。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,340評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽毛嫉。三九已至诽俯,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間承粤,已是汗流浹背暴区。 一陣腳步聲響...
    開封第一講書人閱讀 33,460評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留辛臊,地道東北人仙粱。 一個(gè)月前我還...
    沈念sama閱讀 48,909評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像彻舰,于是被迫代替她去往敵國和親伐割。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,512評論 2 359