原创 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

原创 vue this.$router.push 傳參小坑

query傳參,用的是path,而不是name,否則也會出錯。 this.$router.push({path:'/Goods',query:{goodsId:id}}) params傳參,用的是name,而不是path,否則也會出錯。

原创 vue 的指令系統

解釋:指令 (Directives) 是帶有 v- 前綴的特殊屬性作用:當表達式的值改變時,將其產生的連帶影響,響應式地作用於 DOM 常用的指令 條件指令 v-if 循環指令 v-for 屬性綁定指令 v-bind:

原创 讓Chrome支持小於12px 的文字方式有哪些?

常見的解決方案有: zoom -webkit-transform:scale() -webkit-text-size-adjust:none Zoom zoom 的字面意思是“變焦”,可以改變頁面上元素的尺寸,屬於真實尺寸 其支持的值類

原创 .el-dialog彈窗垂直居中(重點::兼容IE)

引人el-dialog顯示是不垂直居中的。 遇到這問題,我們應該怎麼來解決呢。 新建一個style 不加scope 就可以 <template> <el-dialog title="提示" :visible.sync="cente

原创 vue-router4 退出登錄清空路由

router沒有提供清空數據的方法。我們可以這樣寫 this.$router.replace({path: '/login'}); location.reload();

原创 Vue3 使用route手寫麪包屑導航組件

Vue3.0 使用route手寫麪包屑導航組件 如圖,實現一個點擊左側菜單後,右側面包屑導航隨之變化的功能。 vue3 router 官方英文文檔 vue3 router API 移步: https://next.router.vue