原创 element-ui+vue彈出多個message的問題處理
如果出現網絡問題，刷新頁面，或者有多個接口請求就會出現報錯，那麼提示就會連續彈出幾個： 解決方案：重寫Message。彈出前判斷是否有相同彈出框，若有則關閉它再彈出新的 resetMessage.js： import {Mess
2020-07-08 06:07:33
4
原创 在vue中使用vuex和sessionStorage管理數據
安裝 vuex npm install vuex --save vuex安裝完成之後，在src文件下建個store文件夾下建個index.js main.js文件下注冊： //實例化 store import store f
2020-06-16 16:27:46
2
原创 vue-cli點擊實現全屏功能(兩種方式)
項目中有點擊按鈕實現全屏功能 方式一：js實現全屏 代碼如下： <template> <div> <a-button type="primary" @click="screen">全屏</a-button> </d
2020-06-16 16:27:46
1
原创 vue中JS實現內容上下無縫滾動效果
vue中JS實現內容上下無縫滾動效果 現在有個需求當頁面載入時實時接口風險板塊的內容自動往上無縫滾動，當鼠標停留時滾動停止！ 我們開始寫方法，在methods中寫個scroll方法， 通過document.getElementB
2020-06-16 16:27:46
2
原创 vue 過濾器基本用法以及封裝過濾器
vue 過濾器基本用法 理解：不改變data的數據格式，在界面顯示處理後的數據格式 比如：對數組中的日期進行截取 整體代碼： <!DOCTYPE html> <html lang="en"> <head> <meta ch
2020-06-16 16:27:46
3
原创 webstrom怎麼配置git並提交
本文來自 李灝峯 的博客園 全文地址請點擊：https://www.cnblogs.com/jamie-web/p/git.html 1.下載好webstorm和git.exe 2.在webstrorm裏配置git的選項（安裝g
2020-06-16 16:27:46
原创 使用jquery的file提交文件上傳
使用jquery的file提交文件上傳 我們都知道ajax不能傳遞文件，但是html新出的一個formdata可以。我首先想到的就是這個方法 點擊提交上傳代碼： <!DOCTYPE html> <html lang="en">
2020-06-16 16:27:46
原创 webStrom快捷鍵快速創建React組件模板
1、rcc + tab鍵 - - 用ES6模塊系統創建一個React組件類 2、rwwd + tab鍵 - - 在沒有導入的情況下，在ES6模塊系統中創建一個有構造函數、空狀態、proptypes和導出的React組件類 3、rc
2020-06-16 16:27:46
原创 .gitignore忽略文件和規範
在git項目的根目錄輸入命令行：touch .gitignore 新建.gitignore文件 touch .gitignore .gitignore文件的格式規範： # 此爲註釋 // 將被 Git 忽略 *.a
2020-06-16 16:27:46
原创 vue中使用getUrlParam()方法來獲取URL的值
首先建一個GetUrlParam.js，然後在需要的頁面中引入使用： GetUrlParam.js export function getUrlParam(name) { return decodeURIComponent(
2019-07-10 14:29:11
4
原创 vue-cli點擊實現全屏功能
項目中有點擊按鈕實現全屏功能 代碼如下： <template> <div> <a-button type="primary" @click="screen">全屏</a-button> </div> </templ
2019-07-05 14:27:54
原创 Vue-cli中 $ref 的基本用法
對於ref官方的解釋是：ref 是被用來給元素或子組件註冊引用信息的。引用信息將會註冊在父組件的 $refs 對象上。 我的解釋： 1、如果ref用在子組件上，指向的是組件實例，可以理解爲對子組件的索引，通過$ref可能獲取到在子
2019-06-29 14:28:46
34
原创 選擇本地的圖片當背景實現塗鴉功能
選擇本地的圖片當背景實現塗鴉功能 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>
2019-06-18 14:36:19
2
原创 JS實現的base64加密解密
JS實現的base64加密解密 代碼如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </
2019-06-11 17:06:44
原创 React基礎項目搭建以及環境配置
1、首先，我們需要安裝node.js：node.js官網 安裝nodejs穩定版本 2、安裝cnpm用cnpm替代npm 地址：淘寶鏡像地址 安裝cnpm: npm install -g cnpm --registry=ht
2019-05-06 18:22:06