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

資訊專欄INFORMATION COLUMN

微信小程序開發--『狗蛋TV』

isLishude / 1626人閱讀

摘要:狗蛋狗蛋是基于微信小程序開發的一款。請在微信開發設置中加入合法域名或者在開發設置中勾選不校驗合法域名業務域名版本以及證書。感謝與支持狗蛋豆瓣音樂項目介紹狗蛋是基于微信小程序進行開發,能同時運行在環境下。

狗蛋TV

狗蛋TV是基于微信小程序開發的一款App。gordanLee每天都會推薦一首歌、一篇文章、一段短視頻,每天用十分鐘的細碎時光,點燃內心的光明。目前分為音樂,短視頻,影評三個模塊。

線上開源地址 https://github.com/lishuaixin... 點個贊吧!

小程序開發文檔

以下所有 API 均由產品公司自身提供,本人皆從網絡獲取。獲取與共享之行為或有侵犯產品權益的嫌疑。若被告知需停止共享與使用,本人會及時刪除此頁面與整個項目。請您暸解相關情況,并遵守產品協議。

為了方便大家學習和測試,我們提供了https的接口供大家使用,且用且珍惜。請在微信開發設置中加入request合法域名,或者在開發設置中勾選——不校驗合法域名、web-view(業務域名)、TLS 版本以及 HTTPS 證書。

感謝與支持
    -   狗蛋TVapi: https://api.gordantv.top
    -   豆瓣api: https://api.douban.com
    -   QQ音樂api: https://y.qq.com
項目介紹

狗蛋TV是基于微信小程序+ES6進行開發,能同時運行在Android、iOS環境下。涵蓋了音樂、短視頻、影評三個版塊。

開屏引導圖

調用微信wx.onAccelerometerChange重力感應設備API,實現水波蕩漾。

調用wx.getUserInfo獲取用戶頭像。

工具類

用Promise封裝wx.request(),簡化代碼結構:

const $get = (url, data) => {
  return new Promise((resolve, reject) => {
    wx.request({
      url,
      data,
      header: { "Content-Type": "json" },
      success: resolve,
      fail: reject
    })
  })
}

電影評分實現

const convertToStarsArray = (average) => {
  const LENGTH = 5;
  const CLS_ON = "on"; // 全星
  const CLS_HALF = "half"; // 半星
  const CLS_OFF = "off"; // 無星
  let result = [];
  let score = Math.round(average) / 2;
  let hasDecimal = score % 1 !== 0
  let integer = Math.floor(score)
  for (let i = 0; i < integer; i++) {
    result.push(CLS_ON)
  }
  if (hasDecimal) {
    result.push(CLS_HALF)
  }
  while (result.length < LENGTH) {
    result.push(CLS_OFF)
  }
  return result;
}

小程序內部組件實現上拉刷新,下拉加載

    方法一:scroll-view 組件
    方法二:onPullDownRefresh和onReachBottom方法實現小程序下拉加載和上拉刷新

閱讀模塊

微信小程序使用wxParse解析html

項目中遇到在微信小程序里需要顯示音樂文章的內容,文章內容是通過接口讀取的服
務器中的富文本內容,是html格式的,小程序默認是不支持html格式的內容顯示的,
那我們需要顯示html內容的時候,就可以通過wxParse來實現。

項目安裝
    git clone git@github.com:lishuaixingNewBee/gordanTv.git
目錄結構
|--- utils & Public Function              通用函數
|--- components & components Public View  components和template模板
|--- images & Img Resources               圖片資源
|--- pages & View Dir                     頁面
○ 更新記錄

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/95019.html

相關文章

  • 微信小程資源匯總

    awesome-github-wechat-weapp 是由OpenDigg整理并維護的微信小程序開源項目庫集合。我們會定期同步上的項目到這里,也歡迎各位 UI組件開發框架實用庫開發工具服務端項目實例Demo UI組件 weui-wxss ★1873 - 同微信原生視覺體驗一致的基礎樣式庫zanui-weapp ★794 - 好用易擴展的小程序 UI 庫wx-charts ★449 - 微信小程...

    Olivia 評論0 收藏0
  • 前端資源系列(3)-微信小程開發資源匯總

    摘要:微信小程序應用號開發資源匯總文檔工具教程代碼插件組件文檔從搭建一個微信小程序開始小程序開發文檔小程序設計指南工具小程序開發者工具官方支持微信小程序實時預覽的支持的微信小程序組件化開發框架轉在線工具小程序云端增強社區微信小程序 微信(小程序or應用號)開發資源匯總-文檔-工具-教程-代碼-插件-組件 文檔 從搭建一個微信小程序開始 小程序開發文檔 小程序設計指南 工具 小程序開發者...

    paney129 評論0 收藏0

發表評論

0條評論

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