成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

[小程序]擼了第一個(gè)小程序

woshicixide / 1420人閱讀

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

豆瓣API

這幾天看了下小程序的文檔，然后花了點(diǎn)時(shí)間寫了個(gè)沒什么含量的小程序。本來想自己寫下API接口，但是小程序請(qǐng)求的域名既要求備案又要求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，打算做一個(gè)類似小本子，記錄一些自己看過的電影，然后從豆瓣拉取相關(guān)的評(píng)分和海報(bào)。無奈豆瓣API提供的海報(bào)最大的分辨率也很低，導(dǎo)致小程序觀感極差，但是也沒有辦法啊，畢竟用的是別人的東西……

修改data中子對(duì)象的屬性

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

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

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

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

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

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

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

沒有用到的日歷

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

最后

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

放個(gè)二維碼：

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/96553.html

相關(guān)文章

  • 一個(gè)前端菜鳥的成長歷程

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

    lieeps 評(píng)論0 收藏0

  • 一個(gè)前端菜鳥的成長歷程

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

    SHERlocked93 評(píng)論0 收藏0

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

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

    tainzhi 評(píng)論0 收藏0

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

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

    mj 評(píng)論0 收藏0

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

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

    loostudy 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<