原创 github遠程倉庫與本地倉庫綁定並提交代碼
步驟總結 git init git add * git commit -m '提交信息' git remote add origin https://github.com/xxx/xxx.git git push origin mast
2020-06-04 04:02:42
原创 vue中同時監聽多個參數
vue使用watch同時監聽多個參數，其中有任意一個參數發生改變時，都會被監聽到 需要使用到計算屬性computed與監聽watch data中定義一個對象： data(){ return{ obj:{
2020-04-15 08:55:25
原创 vue給對象新增屬性，頁面不刷新解決方法
需求：點擊按鈕，向一個對象新增name屬性，希望頁面也能顯示出來新增的name 代碼： <div id="app"> {{obj}} <div @click="add">新增name屬性</div> </div> <s
2020-02-28 00:18:19
原创 vue中父組件通過props向子組件傳異步值爲空
問題：子組件在使用props接收父組件傳值的時候，瀏覽器報錯該對象未定義 父組件： 子組件： 控制檯： 原因： 當父組件通過 axios 獲取數據，子組件使用 props 接收數據時，子組件執行 mounted 的時候，父組件的a
2020-02-26 00:54:00
原创 JSON序列化與反序列化在vue中的應用
需求： A頁面跳轉到B頁面，需要將參數攜帶過去，並且刷新頁面也正常顯示，參數格式如下：(對象嵌套數組) "data": { "page": 0, "pageSize": 100, "total": 87,
2020-02-26 00:54:00
原创 vue刷新當前頁面且頁面不閃爍
方式一： location.reload() 方式二： 在需要刷新的地方直接使用vue的路由跳轉 this.$router.go(0) 方式三：（推薦此方式，因爲此方法不會出現短暫閃爍的空白頁） 第一步：App.vue頁面 <t
2020-02-20 17:24:36
原创 vue-admin-template運行到10%時報錯解決
在使用vue-admin-template時，下載完依賴之後，npm run dev，項目跑到10%時會報如下的錯誤 一種解決方案：添加環境變量 添加兩個環境變量 關閉vscode重啓項目即可 點贊
2020-02-20 17:24:36
原创 解決remote: Permission to A.git denied to B
以vue-admin-template爲例，將其克隆到本地做修改，再提交至自己的github，出現問題如下圖 只需要修改一處即可， .git/config 文件下的url 由於.git文件默認沒打開，需要手動拖至s
2020-02-20 17:24:36
原创 vue router 報錯Object { _name: "NavigationDuplicated", name: "NavigationDuplicated“...
在使用vue router的時候，會報如下警告，但是不影響頁面的跳轉 原因： vue-router ≥3.0版本回調形式以及改成promise api的形式，返回的是一個promise，如果沒有捕獲到錯誤，控制檯始終會出現如圖的警告 解
2019-09-26 20:53:58
2
原创 linux配置mysql
在linux系統下安裝配置mysql，並且在本地使用navicat連接mysql 一、安裝mysql 在普通用戶下使用如下命令下載mysql $ sudo apt-get install mysql-server 根據提示輸入用戶名、密
2019-09-04 21:15:28
原创 高級面向對象技術
封裝 三種方式： 工廠函數模式 構造函數模式 構造函數模式和原型結合 工廠函數模式代碼示例 function factory(name){ var obj = new Object(); obj.name = nam
2019-09-04 13:58:24
原创 浮動與絕對定位脫離文檔流的區別
浮動脫離文檔流 先看代碼： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style>
2019-08-05 20:25:50
原创 vuex的使用
Vue中的vuex和React中的redux 都被稱爲狀態管理機制。 理解：在state中定義了一個數據之後，可以在所在項目中的任何一個組件裏進行獲取、進行修改，並且此次修改可以得到全局的響應變更。 1、安裝vuex $ npm i
2019-08-01 21:34:38
原创 this指向問題
誰調用它，this 就指向誰。 但是有時候這樣的判斷並不準確，可以按照如下規則進行判斷。 全局環境中的this 瀏覽器環境：無論是否在嚴格模式下，在全局執行環境中（在任何函數體外部）this 都指向全局對象 window node 環境：
2019-07-30 13:59:26
原创 css動畫實現呼吸路燈
利用css的動畫可以實現一個呼吸燈：（此處是呼吸路燈） 效果如下： 代碼如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Docum
2019-07-30 13:59:26