原创 AJAX學習(3)---XMLHttpRequest發送請求與取得響應
一、XMLHttpRequest發送請求 XMLHttpRequest發送請求方法 open(method, url, async) send(string) 具體代碼舉例如下： // get request.open(get, 'ge
2020-06-21 23:12:31
原创 AJAX學習(4)---JSON與跨域處理
一、JSON 1、JSON的基本概念 JSON：JavaScript對象語法，是存儲和交換文本信息的語法，類似XML。它採用鍵值對的方式來組織，易於人們閱讀和編寫，同時也易於機器解析和生成。JSON是獨立於語言的，不管是什麼語言，都可以解
2020-06-21 23:12:31
原创 uni-app開發(5)---上傳多圖組件開發
在開發發表日誌、博客之類的功能時，往往用到上傳組件上傳一張或者多張圖片，功能需求及效果圖如下： 效果圖： 需求： 在點擊上傳標誌時，可以選擇拍照或者手機相冊上傳，點擊右上角的刪除按鈕，可以刪除當前上傳的圖片。 代碼分析 HTML <
2020-06-21 23:12:19
原创 uni-app開發(6)---項目運行到小程序性能提升
uni-app項目運行到小程序端，不會應用自定義組件，在uni-app升級到1.8版本後，會在小程序頁面的json文件中顯示自定義組件。 具體的配置步驟如下： 開發者可在manifest.json的源碼視圖裏配置， manifest.js
2020-06-21 23:12:17
原创 AJAX學習(1)---AJAX介紹與同步、異步
1、AJAX是什麼？ AJAX的全稱：Asynchronus JavaScript and XML（異步的JavaScript 和 XML），AJAX不是某種編程語言，而是一種無需重新加載整個頁面的情況下能夠更新部分網頁的技術。傳統的網頁
2020-06-21 23:12:14
1
原创 Axios學習(2)---axios常用請求方法
Axios學習(2)—axios常用請求方法 一、axios常用的請求方法 方法列舉：get, post, put, patch, delete get：一般用戶獲取數據 post：一般用於表單提交與文件上傳 patch：更新數
2020-06-21 23:12:13
原创 uni-app開發(7)---兼容多類型DOM結構組件封裝
在頁面列表結構中，公共組件可以封裝使用。但是，公共組件中類型可能有很多種，比如：文本、圖文、視頻、分享等等不同類型，我們在進行公共組件開發的時候，沒有必要根據類型封裝多個組件，我們只需要封裝一個組件，其中根據不同類型使用多個templat
2020-06-21 23:12:12
原创 Vue路由傳參的3種形式
Vue路由傳參的3種形式 在列表向詳情頁面跳轉，而後在詳情頁面查看列表的詳情信息，此時設計路由傳參，vue中有3種傳參形式，介紹如下： <div class="action-btn" @click="viewDetails(ite
2020-06-21 23:12:12
原创 element UI使用小技巧(持續更新中)
element UI使用小技巧(持續更新中) 1. 回到頂部組件的使用 在頁面較長的時候，爲了優化用戶體驗，我們往往需要添加回到頂部功能方便用戶操作。具體的使用方法如下： <el-backtop target=".el-main"
2020-06-21 23:12:12
原创 uni-app開發(6)---彈出層開發與草稿保存開發
一、彈出層組件開發 彈窗在開發中是一種很常見的組件，uni-app內部已經了組件。在開發過程中，我們只需要引入官方的組件即可。使用的過程大致如下： 第一步：引入uni-popup組件。 import uniPopup from '@/c
2020-06-21 23:12:12
1
原创 vsCode常用快捷鍵操作
vsCode常用快捷鍵操作 一、行操作 Shift + Alt up/down 在當前行上下複製當前行 Ctrl + Shift + K 刪除行 Ctrl + Enter 在當前行下插入新的一行 Ctrl + Shift + E
2020-06-21 23:12:12
1
原创 Vue中 path + query 傳參的坑（參數類型變化）
Vue中 path + query 傳參的坑 一、概述 在我們使用Vue中 path + query 方式傳參的時候，這裏存在一些坑或者說是現象（參數類型因爲刷新而變化），記錄一下，供大家學習。 二、使用場景 我們在使用Vue中
2020-06-21 23:12:12
1
原创 Axios學習(3)---axio實例
Axios學習(3)—axio實例 一、axios實例的創建 比如：後端接口地址有多個（www.test.com、www.example.com），並且超時時長不同（1000ms、2000ms），這個時候，我們可以創建實例。 思路
2020-06-21 23:12:12
原创 POST接口上傳圖片base64接口中“+”轉化爲空格問題解決
POST接口上傳圖片base64接口中“+”轉化爲空格問題解決 問題 在使用element UI上傳圖片的時候，發現轉化爲base64的圖片字符中含有 + 號，但是傳遞給後端後，後端接收的字符串中的 +，全部變成了空格，導致
2020-06-21 23:12:12
1
原创 uni-app開發(4)---自定義導航欄開發
第1步：配置頁面 "app-plus": { "scrollIndicator": "none", //隱藏滾動條 "bounce": "none", //關閉反彈效果 "titleNView": false } 注意："titl
2020-06-21 23:12:12