原创 各種日期計算函數封裝:計算星座 計算時間差 獲取聊天時間差 人性化時間 獲取年齡

根據時間計算星座 // 計算當前日期星座 getHoroscope(date) { let c = ['摩羯','水瓶','雙魚','白羊','金牛','雙子','巨蟹','獅子','處女','天秤','天蠍','射手',

原创 uniapp 監聽網絡變化函數封裝

監聽網絡變化 const NetWork = { // 網絡狀態 isConnect:false, // 監聽網絡狀態 On(){ // 獲取當前網絡狀態 uni.getNetworkType({ succe

原创 uniapp 檢測版本更新函數封裝(未完)

檢測版本更新 import $http from "./request.js"; // app更新 const Update = function(showToast = false){ // #ifdef APP-PLUS

原创 wangEditor富文本框的使用

wangEditor 輕量級web富文本編輯器,配置方便,使用簡單 使用npm下載: npm install wangeditor 使用: var E = window.wangEditor var editor = new E(

原创 element ui dataPicker 日期範圍選擇控件實現限制選擇時間範圍爲1天

data-picker 日期選擇控件 需求:需要實現一個日期選擇功能,能夠輸入開始日期 結束日期,展示格式爲yyyy-MM-dd,整個數值返回爲一個數值(例如:[2020-01-02,2020-01-03]) 細節要求: 當前時

原创 element ui table表格計算最後一列的合計數

table的合計功能 需求:計算表格中最後一列的總和,其他數字列不進行計算。 官網中的示例是所有數字列都進行計算總和的。所以需要自己處理。 參考官網知識點: summary-method 自定義的合計計算方法 Function(

原创 uniapp電商app pages.json文件

pages.json { "pages":[ { "path":"componets/zaiui-common/view/home", "style":{ //開啓下拉刷新 "enablePull

原创 crud增刪改查文件——自定義鉤子函數

import {initData,download} from '@/api/data' import {parseTime,downloadFile} from '@/utils/index' import Vue from '

原创 element ui 驗證手機號是否合法的函數封裝

驗證手機號是否合法,親測有效 function isMobileNumber(phone) { var flag = false; var message = ""; var myreg = /^(((13

原创 vue 頁面渲染後更新數據無效果的處理方法 $set

頁面渲染後數據不更新的問題 應用場景: 一個組件套用組件的場景內: 父組件如下: <show-add-toast @closeDialog="closeDialogClick" :title="status == 'add'?'新

原创 axios攔截器中添加element-ui加載中組件loading的實現方法

element ui加載中組件 很多時候,頁面在調取接口時,需要時間,此時爲了頁面有更好的交互性,通常都是有個加載中的顯示,等頁面渲染完成後,加載中消失。 element ui中loading組件的使用方法: 在哪個頁面中需要使用

原创 Alibaba Cloud View上傳文件的到服務器的簡單步驟介紹

Alibaba Cloud View上傳文件到服務器 之前我用vscode或者xhbuilder 軟件開發完界面,都是由後端同事進行文件的上傳,今天簡單瞭解了一下上傳的步驟,此處做一下簡單記錄,後續有深入研究會不定時更新。 vsc

原创 公司大佬封裝的上傳文件或圖片組件,吊打我這個小白碼農

之前寫過一個文件上傳組件,該組件可以實現圖片/文檔/視頻/其他格式的上傳,並且可以選擇文件後回顯到表單中。 下面的代碼是公司大佬寫的,我先搬過來並分析一下: SelectFileDome.vue <template> // vue

原创 uniapp 電商app打包過程——全量打包與增量打包

一直以爲DCLOUD 打包app與APICLOUD一樣,直接有個編譯的頁面,就完事了,結果,還是有區別的。 uniapp中電商app打包,有全量打包與增量打包的區別。 先說增量打包,主要是用於版本號比較相近,且只是頁面或者css或

原创 vue axios數據請求的兩種請求頭,一種是JSON序列化對象,一種是formData,這兩種格式的處理方式

請求頭與響應頭的查看 PC端,發送請求後,點擊控制檯中的Network中的請求鏈接,此時爲了篩選請求鏈接,可以點擊XHR. 打開請求鏈接後,在Headers中可以看到Response Headers響應頭和Request Hea