原创 歌詞組件的設計與實現

首先需要實現的就是,在點擊封面的時候,可以顯示歌詞頁面,即在封面的時候會有一個點擊事件 一、點擊事件控制元素是否顯示 定義組件過程、引用(略) 在封面上定義點擊事件bindtap="onChangeLyricShow" 在腳本中我

原创 播放器界面的構建與根據之前內容獲取歌曲信息的思路

思路:獲取歌曲信息的兩種方式 第一種是通過API接口和獲取到的歌曲ID,去對應的從網上遠程拉取歌曲信息 第二種是從當前已經循環遍歷出來的信息中直接獲取歌曲信息,將信息保存在本地,避免多次拉取數據造成用戶等待信息過長。 實施: 第一

原创 小程序嵌套template或者其他路徑問題的思路

在使用template模板組件的時候,遇到了嵌套多層,但是最終在顯示頁無法顯示的問題,剛開始一直覺得可能是我單詞寫的有問題(Ps:小程序環境不報錯),在多次檢查無果的情況下我將目光對準了路徑。 其實在小程序調試器也有報錯,但是並沒

原创 小程序渲染層與邏輯層交互原理

渲染層:用於我們在界面上進行顯示的。 邏輯層:用來處理邏輯問題的。 在網頁開發中兩者是互斥的,但是在小程序開發中卻是分開的。 而在運行的環境上,邏輯層和渲染層也是有一些區別的 渲染頁面的技術選擇 純客戶端原生技術 純WEB技術

原创 小程序學習(3)——template模板的使用

在其他程序語言中,也有模板化技術的使用,使得代碼的複用率更高,減少代碼工作量減輕服務器運行壓力。也許在代碼量少的時候還並不是很明顯,但是在代碼量增加或者應用越來越大的時候它的作用就會很凸顯出來。 在小程序中,通過template將

原创 git提示error: Merging is not possible because you have unmerged files. hint: Fix them up in the work

在提交git時提示了一堆錯誤,大體是文件衝突,無法提交到遠程庫。 在嘗試查看衝突內容git diff後,看到了衝突信息。 接下來進行了修改,但是發現作用並不是很大,開始提示 error: Merging is not possib

原创 使用雲函數,將數據插入雲數據庫的各種設置與功能的實現

一、雲函數 在小程序雲開發中,編譯器的cloudfunctions代表雲函數部分。 1、創建雲函數 右鍵——新建Node.js雲函數 2、發送數據 雲函數上傳遞數據是需要藉助第三方庫進行傳遞。本次使用request庫的內容進行傳遞

原创 小程序的啓動機制和更新機制

啓動機制 啓動 冷啓動:(1)第一次打開該應用程序(2)被微信官方銷燬過,用戶再次打開 熱啓動:打開過小程序,並在一定時間內再次打開 前後臺 前臺 後臺 點住右上角的按鈕,關閉的是前臺,程序會由前臺狀態轉化爲後臺狀態 小程

原创 小程序學習(7)——電影頁面設計製作及豆瓣API403解決

在之前學習做完了新聞文章的內容,這次開始學習電影的內容,而在電影的內容中,template模板是一個很重要的工具,所以讓我們盡情的使用這個工具來嵌套吧。 之前的文章頁面,導航欄的banner並沒有設置跳轉,感興趣的可以自己設置一下

原创 雲函數路由優化的使用

優化原因: 1)用戶在雲環境中可以創建的雲函數是有數的 2)相似的請求歸類到同一雲函數處理 3)tcb-router是一個koa風格的雲函數路由庫 tcb-router的作用:雲函數輕量級類路由庫,主要用於優化服務器端函數處理邏輯

原创 組件化開發的傳值問題

在小程序中進行組件化開發,主要就是有兩個問題,一個是通過組件給我們的前臺傳值,或者是前端事件對組件進行傳值。介紹的是現在自己常用的,其他的暫時還沒怎麼使用。 組件對前端進行傳值 在組件中使用 triggerEvent 方法拋出,指

原创 對比不同方式獲取用戶信息的應用場景

1、只想在當前頁面顯示用戶暱稱和頭像(且無需授權) 小程序自帶的組件化能力<open-data></open-data> 使用“type”屬性來獲取不同的用戶信息 userAvatarUrl 用戶頭像 userNickNam

原创 雲音樂小程序管理系統(四)——歌單列表前後端交互與跨域問題

讓我們的後端獲取到的歌單信息,在我們前端VUE框架上顯示出來。 前後端分離交互 所以我們前端要發送一個請求src-api-新建文件playlist.js 使用request中封裝的import axios from 'axios'

原创 雲音樂小程序管理系統(五)——HTTP API調用雲數據庫實現歌單更新

更新查詢每一條的數據 在歌單列表可以獲取後,面領着新的問題,如何實現歌單的更新,即編輯功能 首先要讓編輯有意義,那麼肯定就得現有一個編輯的點擊事件。 <template slot-scope="scope">

原创 雲音樂小程序管理系統(六)——HPPT API調用雲存儲下載文件展示輪播圖

因爲要從雲儲存調用圖片,對輪播圖進行設置 所以前期工作要做足,首先在雲控制檯的雲存儲中新建一個文件banner來存放圖片 新建數據庫banner來存放圖片信息 獲取數據信息,下載文件展示輪播圖 在前端中獲取顯示列表信息的方法,在生