原创 Vue3 composition API如何實現邏輯複用

Composition API實現邏輯複用的步驟: 抽離邏輯代碼到一個函數,這個函數命令約定爲useXXX格式(這點同React Hooks) 在setup中引用函數useXXX 舉下例子,定義一個獲取當前鼠標位置的方法 第一種,直

原创 如何實現上拉加載,下拉刷新

下拉刷新和上拉加載這兩種交互方式通常出現在移動端中 本質上等同於PC網頁中的分頁,只是交互形式不同 開源社區也有很多優秀的解決方案,如iscroll、better-scroll、pulltorefresh.js庫等等 這些第三方庫使用起來非

原创 大文件上傳如何做斷點續傳?

一、是什麼 不管怎樣簡單的需求,在量級達到一定層次時,都會變得異常複雜 文件上傳簡單,文件變大就複雜 上傳大文件時,以下幾個變量會影響我們的用戶體驗 服務器處理數據的能力 請求超時 網絡波動 上傳時間會變長,高頻次文件上傳失敗,失敗後又

原创 JavaScript宏觀任務和微觀任務

在ES3 或者 更早的版本中,JavaScript並無異步操作,所以代碼給到JavaScript引擎,它就直接順次的執行,這個任務是宿主發起的任務我們可以稱之爲宏觀任務(macrotask)。 在ES5 或者 之後的版本,JavaScrip

原创 css3實現水球波紋效果

原理:父div設爲圓形,並隱藏超出範圍的內容,多個子div設爲大圓角正方形並設置背景顏色, 子div圓心設置到父div下方,並繞自己的圓心旋轉, 效果就是水球波紋。 <div class="wave"> 水球波紋效果

原创 前端數據流文件下載三種方式

1、直接使用get請求方式進行下載 window.open(`${url}?${qs.stringify(param)}`, '_blank'); 2、使用form 表單post請求進行下載: const postDownloadFile

原创 WebSocket心跳重連講解

最近在開發小程序用到了WebSocket,小程序提供了相應的原生API,與H5的API使用方式上有一些區別,所以流行的H5的一些成熟的類庫使用起來有些困難,而原生API又存在一些缺陷,所以就自己實現了一套心跳重連機制。 慣例,先簡單介紹一下

原创 Vue的生命週期鉤子函數之activated

activated 生命週期在keep-alive 組件激活時調用 服務器端渲染期間不調用該生命週期 通常和deactivated週期一起使用

原创 ts 泛型解決了什麼

主要解決函數傳入不確定類型參數 比如說我有 字符和數字數組需要求最小值,傳人什麼類型就返回什麼類型的 我要寫兩個方法,判斷字符串最小值,判斷數組最小值 判斷數組最小值 function getMin(arr:number[]):

原创 uni-app 生命週期簡單講解

生命週期來用幫我處理界面邏輯的,但是是我們應該注意啥呢。 <script> export default { onLaunch: function() { console.log(

原创 uniapp微信小程序使用Vant Weappui框架方法

1. 在根目錄下創建wxcomponents,wxcomponents下建文件夾vant 2.項目引入 1.在https://github.com/youzan/vant-weapp下載最新的zip壓縮包 2.解壓,將裏面的dist文件放

原创 vue3 scss-loader安裝報錯的解決方法

出現問題場景:vue運行項目過程中報錯 檢查代碼中並無寫錯的地方 其實涉及到這個問題,就是版本原因了,我安裝的 scss-loader 版本太高,卸載安裝低版本即可 npm uninstall --save sass-loader //

原创 vue3 -element-plus 表格上傳

<!-- action="http://10.27.126.155:2616/uploadSystemControl" --> <template> <el-upload class="upload-demo"

原创 vue3 keep-alive 和onActivated 使用

logoin組件引入 keepA組件 <tamplate> <keep-alive> <keepA></keepA> </keep-alive> </tamplate> <script> import {defineCompone

原创 VUE接收Excel文件流並下載 file-download

VUE接收文件流並轉換成Excel表格下載到本地, 鄙人一直寫的是Java,偶爾也寫寫VUE,像這樣導出或者下載的功能經常要用到,分享給大家,希望在工作中能幫到大家。。。 一:安裝vue自帶的插件 npm install --save js