国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

[小程序]擼了第一個小程序

woshicixide / 1394人閱讀

摘要：豆瓣這幾天看了下小程序的文檔，然后花了點時間寫了個沒什么含量的小程序。后來選擇了豆瓣，又發(fā)現(xiàn)小程序屏蔽了豆瓣的，好在網(wǎng)上有大神架了代理服務(wù)器。

豆瓣API

這幾天看了下小程序的文檔，然后花了點時間寫了個沒什么含量的小程序。本來想自己寫下API接口，但是小程序請求的域名既要求備案又要求HTTPS，太麻煩遂放棄。后來選擇了豆瓣API，又發(fā)現(xiàn)小程序屏蔽了豆瓣的API，好在網(wǎng)上有大神架了代理服務(wù)器。參考1

使用https://douban.uieee.com，是某大佬搭建的代理，
https://api.douban.com/v2/boo... =》https://douban.uieee.com/v2/b...

有了豆瓣的API，打算做一個類似小本子，記錄一些自己看過的電影，然后從豆瓣拉取相關(guān)的評分和海報。無奈豆瓣API提供的海報最大的分辨率也很低，導(dǎo)致小程序觀感極差，但是也沒有辦法啊，畢竟用的是別人的東西……

修改data中子對象的屬性

在使用wx.request后獲得的數(shù)據(jù)要寫入Page的data，與Vue.js不同的是，小程序需要調(diào)用this.setData，同時里面如果寫入時修改到的對象里面的屬性，應(yīng)定義一個變量連接對象和屬性合成的字符串，再通過中括號[]將其包起來。參考2 例如：

var temp="person.name";
......

this.setData({
    [temp]:"Mike"
})
評分星星化

在界面中涉及到評分的star化，這里采用了一個比較笨的方法。就是準(zhǔn)備星星可能的三種狀態(tài)的圖片，然后根據(jù)分數(shù)算出具體的分數(shù)數(shù)組，最后遍歷該數(shù)組，對應(yīng)每一顆星星應(yīng)該展示的狀態(tài)。參考3
模版的一個小坑

在這里使用了小程序的模版template。需要注意的是這里有一個坑，模版的文件名字和模版里的name必須一致。參考4

網(wǎng)絡(luò)延時帶來的問題

在頁面渲染時，有可能因為網(wǎng)絡(luò)問題導(dǎo)致豆瓣數(shù)據(jù)返回不夠及時，然后進一步導(dǎo)致頁面模版設(shè)置數(shù)據(jù)時，data里的值不是需要的值。這里糾結(jié)了很久，最后選擇了一個相當(dāng)不優(yōu)雅的做法，即將設(shè)置相關(guān)數(shù)據(jù)的函數(shù)延時了2秒后執(zhí)行。如果豆瓣數(shù)據(jù)能在2秒內(nèi)返回，那么問題看起來解決了，如果2秒內(nèi)沒有獲得有效數(shù)據(jù)，問題就并沒有解決。再者，2秒對用戶體驗絕對有相當(dāng)大的影響，但是這里也不知道該用什么辦法解決...

沒有用到的日歷

在小程序的初期，本來打算實現(xiàn)日歷點擊跳轉(zhuǎn)到對應(yīng)電影頁面的功能，后來覺得不好便沒做，不過日歷倒是實現(xiàn)了一遍。思路比較清晰，先獲取當(dāng)前時間，并計算出當(dāng)前月份的第一天和最后一天分別對應(yīng)的是星期幾，接著再計算第一天前和最后一天后應(yīng)該還應(yīng)該顯示幾天。然后將上個月的、這個月的、下個月的連接成一個數(shù)組，接著根據(jù)數(shù)組分周：

for (var i = 0; i < calendar.length; i++) {
      if (i % 7 == 0) {
        weeks[parseInt(i / 7)] = new Array(7);
      }
      weeks[parseInt(i / 7)][i % 7] = calendar[i];
    }

接著渲染：


    
      
        
          {{day.date}}

參考5

最后

只是一個試手的小程序，還有很多路要走。Github

放個二維碼：

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/96553.html

相關(guān)文章

  • 一個前端菜鳥的成長歷程

    摘要：張鑫旭老師的文章寫的很棒，解決了我的許多困惑。所以，基礎(chǔ)知識的牢固就顯得尤為重要是個不怎么聽話的孩子，總是會搞出一些奇奇怪怪的事情來張鑫旭老師十年磨一劍，鉆研的魔法，可見其中技術(shù)細節(jié)有多復(fù)雜。 ??從實習(xí)算起，到現(xiàn)在工作了也有一年半的時間了，在這期間，深深感受到了前端領(lǐng)域的飛速發(fā)展，在這里記錄一下自己的成長歷程，算是對知識的一個梳理，也希望幫助到剛?cè)胄械耐瑢W(xué)們。說來慚愧，大學(xué)里并沒有涉...

    lieeps 評論0 收藏0

  • 一個前端菜鳥的成長歷程

    摘要：張鑫旭老師的文章寫的很棒，解決了我的許多困惑。所以，基礎(chǔ)知識的牢固就顯得尤為重要是個不怎么聽話的孩子，總是會搞出一些奇奇怪怪的事情來張鑫旭老師十年磨一劍，鉆研的魔法，可見其中技術(shù)細節(jié)有多復(fù)雜。 ??從實習(xí)算起，到現(xiàn)在工作了也有一年半的時間了，在這期間，深深感受到了前端領(lǐng)域的飛速發(fā)展，在這里記錄一下自己的成長歷程，算是對知識的一個梳理，也希望幫助到剛?cè)胄械耐瑢W(xué)們。說來慚愧，大學(xué)里并沒有涉...

    SHERlocked93 評論0 收藏0

  • we-color-picker 微信小程序拾色器（顏色選擇器）組件

    摘要：最近一直在搞小程序，由于剛需一個拾色器，搜了半天也沒見人做過，就自己動手擼了一個，還在不斷地改進優(yōu)化中。。。 最近一直在搞小程序，由于剛需一個拾色器，搜了半天也沒見人做過，就自己動手擼了一個，還在不斷地改進優(yōu)化中。。。 項目地址 https://github.com/KirisakiAr... 查看DEMO showImg(https://i.loli.net/2019/01/02/...

    tainzhi 評論0 收藏0

  • Min - 小程序自定義組件解決方案

    摘要：首先，需要微信官方支持以自定義標(biāo)簽的方式來封裝組件。依托于同微信團隊良好的溝通渠道，我們團隊在第一時間獲得了自定義標(biāo)簽組件的內(nèi)測邀請，并開始著手將我們的想法落地。微信自定義組件功能，已于日開始公測，請升級微信版本到或更高。 項目開源地址： MinUI：https://github.com/meili/minuiMin Cli：https://github.com/meili/min-c...

    mj 評論0 收藏0

  • 吃貨福利get-今日美食food微信小程序

    摘要：微信小程序仿今日美食初學(xué)微信小程序，嗯，還不錯嘛，挺有趣的于是自己動手擼了一個。開發(fā)工具下載開發(fā)者工具微信小程序官網(wǎng)，下載好后就可以進行開發(fā)了喲。 wechat-todayFood 微信小程序仿今日美食food 初學(xué)微信小程序，嗯，還不錯嘛，挺有趣的！ 于是自己動手擼了一個?。你別說一看標(biāo)題就知道我是吃貨呀，我是不想這么快就被揭穿的，但是這個小程序就是這么有意思呀。好了我要進入正題了，...

    loostudy 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<