原创 vue3.0 + vite + ts + antd model二次封裝

1.對ant design vue model的二次封裝 父組件: <myModal ref= "myModal" @handleOk="handdleOk" @handleCancel= "handleCancel" >

原创 不同系統頁面之間通信

場景:A系統中頁面與B系統中頁面需要通信 1.postMessage A頁面通過window.open打開B頁面 若是通過iframe嵌套,B頁面通過window.parent來傳值 A頁面: window.addEventListener

原创 h5頁面(vue) 與jsBridge交互

框架:vue3.0 混合開發 需求:根據後臺接口是否返回1401來刷新token,token刷新後重新調上一個接口 封裝jsBridge function setupWebViewJavascriptBridge(callback) {

原创 jq 上傳圖片,調取本地資源反應慢

input[file]標籤的 accept 屬性可用於指定上傳文件的 MIME 類型。 <input type="file" name="file" class="element" accept="image/*"> 這段代碼在 Chro

原创 vue vuedraggable table行拖動

1.安裝插件 npm i vuedraggable --save 2.按需引入 import draggable from 'vuedraggable' 3.使用部分 <div class="property_table_part">

原创 java 學習 (-) ---- 配置環境

開發工具:JDE 1.下載JDK工具包,根據指示安裝 http://www.oracle.com/technetwork/java/javase/downloads/index.html 2.配置環境變量 "我的電腦" --> "高級系統

原创 java 理論知識(-)

關鍵字和保留字區別 : 關鍵字(keyword):表示一種數據類型,或者表示程序的結構等. 保留字(reserved word):爲java預留的關鍵字,以後的升級版本中可能作爲關鍵字 支持概念: 1.多態 2.繼承 3.封裝 4.抽象

原创 vue使用Mock模擬接口

1.安裝插件 npm install mockjs --save-dev 2.在main.js平級目錄下創建mock.js const Mock=require('mockjs'); //獲取 mock.Random 對象 const R

原创 vue 粒子效果

1.安裝插件 npm install vue-particles -s 2.在main.js中引用 import '@libs/plugins/vueParticles.js'; 3.在頁面中使用 <vue-particles

原创 vue 實現打印功能

1.安裝插件 npm install vue-print-nb --save 2.在main.js中引用 import print from 'vue-print-nb' Vue.use(Print); 3.在頁面中使用 // 通過設置

原创 vue + element ui 批量上傳

<el-dialog title="導入頁面" :visible.sync="mergeUploadDialogVisible" :destroy-on-close="

原创 vue 頁面展示空格

實現效果: Vue中用 佔位符沒起效果,所以用了全角空格(中文符號)\u3000 思路: 先正則判斷空格數量,然後循環加 addNbsp({ cellValue, row, column }){ let str="";

原创 vue 內嵌微信掃描二維碼登錄 官方網站: https://open.weixin.qq.com

官方網站: https://open.weixin.qq.com (一定要看官方API,能讓你少走十萬八千里的彎路!!!!自我警告⚠️) 代碼如下: 1.1在index.html中引入wxLogin.js <script type

原创 Vue + ts 深層次(無限)循環

1.父組件: <template> <div class="balance"> <son :item="chartData"></son> </div> </template> <script lang="ts"> import { Com

原创 Vue 動態渲染組件

方法一: <el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeTab" @tab-click="editTab" class="inde