原创 uniapp項目實踐總結(十五)使用websocket實現簡易聊天室

導語:在一些社交軟件中,經常可以看到各種聊天室的界面,接下來就總結一下聊天室的原理個實現方法,最後做一個簡易的聊天室,包括登錄/登出、加入/離開房間、發送接收聊天消息等功能。 目錄 準備工作 原理分析 組件實現 實戰演練 服務端搭建

原创 uniapp項目實踐總結(十四)封裝存儲和路由方法

導語:在日常 APP 開發過程中,經常要用到數據的存儲、獲取和刪除等操作以及頁面導航之間的跳轉,爲此,封裝了一個兩個簡單的方法來統一調用。 目錄 原理分析 方法實現 實戰演練 案例展示 原理分析 主要是以下 API。 uni.se

原创 uniapp項目實踐總結(十三)封裝文件操作方法

導語:在日常 APP 開發過程中,經常要進行文件的保存、讀取列表以及查看和刪除文件等操作,接下來就看一下具體的方法。 目錄 原理分析 方法實現 實戰演練 案例展示 原理分析 主要是以下 API。 uni.saveFile:保存文件

原创 uniapp項目實踐總結(十二)封裝通用請求上傳以及下載方法

導語:在日常開發過程中,前端經常要和後端進行接口聯調,獲取並且渲染數據到頁面中,接下來就總結一下 uniapp 中獲取請求、文件下載和上傳的一些方法。 目錄 原理分析 方法實現 實戰演練 案例展示 原理分析 主要是使用uni.req

原创 uniapp項目實踐總結(十一)自定義網絡檢測組件

導語:很多時候手機設備會突然沒網,這時候就需要一個網絡檢測組件,在沒網的時候顯示提示用戶,提供用戶體驗。 目錄 準備工作 原理分析 組件實現 實戰演練 案例展示 準備工作 在components新建一個q-online文件夾,並新

原创 uniapp項目實踐總結(十)自定義滑動觸摸組件

在 APP 的日常開放過程中,我們經常可以看到上拉刷新、下拉刷新、左滑、右滑、觸底加載等效果,那其中的原理是如何呢,又是如何實現的呢,下面就一探究竟。這篇文章主要是講述自定義滑動觸摸組件的方放,兼容網頁 H5 端、微信小程序端和 App

原创 uniapp 項目實踐總結(九)自定義分享組件

這篇文章主要是講述自定義分享組件的方放,兼容網頁 H5 端、微信小程序端和 App 端。 目錄 準備工作 原理分析 組件實現 H5 和 App 小程序 案例展示 準備工作 首先我們從圖標圖庫網站上面找一些常用的分享圖標並下載下來;

原创 uniapp項目實踐總結(八)自定義加載組件

有時候一個頁面請求接口需要加載很長時間,這時候就需要一個加載頁面來告知用戶內容正在請求加載中,下面就寫一個簡單的自定義加載組件。 目錄 準備工作 邏輯思路 實戰演練 效果預覽 準備工作 在之前的全局組件目錄components下新建

原创 uniapp項目實踐總結(七)編寫一個簡單的應用頁面

之前自定義了頂部和底部導航欄,那接下來就寫一個簡單的二級頁面,這個是出了導航頁面之外經常用到的。 目錄 結構 模板 樣式 方法 示例 結構 一個普通頁面的結構應該是如下所示: <!-- html --> <template> <

原创 uniapp項目實踐總結(六)自定義頂部導航欄

本篇主要講述如何自定義頂部導航欄,有時候默認導航欄不足以滿足我們的需求,這時候就需要自定義導航欄來解決這個問題。 目錄 默認導航 修改配置 自定義頂部 默認導航 自帶的默認頂部導航設置的內容有限,不容易擴展修改,因此如果有更加個性化

原创 uniapp項目實踐總結(五)自定義底部導航欄

在底部導航欄這個模塊,很多時候默認的樣式不符合我們的設計規範和需求,因此需要自定義底部導航欄,這樣可以滿足我們的需求,也可以更加個性化,增加用戶體驗,下面就介紹如何自定義底部導航欄。 目錄 準備導航素材 配置頁面導航 自定義導航欄

原创 uniapp項目實踐總結(四)安裝和使用一個插件市場的插件

這篇文章主要介紹如何安裝和使用一個插件市場的插件的方法。 目錄 查找插件 安裝插件 使用插件 查找插件 打開插件市場:https://ext.dcloud.net.cn/ 例如我們項目中要用到富文本渲染的內容,可以查找一下富文本;

原创 uniapp項目實踐總結(三)全局公共組件和樣式以及方法的使用

uniapp 項目實踐總結(三)全局公共組件和樣式以及方法的使用 上一篇講解了如何創建一個新的 uniapp 項目,這篇來講解以下如何註冊和使用全局的公共組件,全局樣式和全局方法。 目錄 目錄結構 公共組件 公共樣式 公共方法 目錄

原创 uniapp 項目實踐總結(二)從零開始搭建一個項目

導語:本篇文章主要是項目方面的技術開發總結,新建一個項目可以選擇使用可視化界面,也可以使用命令行搭建。 目錄 可視化界面 命令行搭建 安卓開發環境 蘋果開發環境 可視化界面 安裝軟件 使用官方推薦的 HbuilderX 軟件,開發方

原创 uniapp 項目實踐總結(一)uniapp 框架知識總結

導語:最近開發了一個基於 uniapp 框架的項目,有一些感觸和體會,所以想記錄以下一些技術和經驗,在這裏做一個系列總結,算是對自己做一個交代吧。 目錄 簡介 全局文件 全局組件 常用 API 條件編譯 插件開發 簡介 uniapp