原创 前端應用_Vue_ 組件切換動畫
通過 mode 屬性,設置組件切換時候的 模式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" c
2020-06-20 07:40:31
原创 前端應用_Vue_使用第三方 animate.css 實現動
前面是vue 自帶的， 需要定義style 非常的煩， 怎麼解決呢， 用第三方庫就行了， 他已經定義好了css 樣式，拿來直接用就行了 。 例子如下： <transition enter-active-class="bounc
2020-06-20 01:40:19
原创 前端應用_Vue_通過emit事件調用向父組件傳值
子組件如果想修改父組件的屬性是不可能的， 也不推薦， 不能直接改難道就沒有辦法呢 難不了，優秀的vue 同學 ，先看張圖吧 從這張圖 可以看出兩個問題 1.父傳值給子 需要用 props ， 2. 子傳值給父 需要 emit 事
2020-06-20 00:18:41
1
原创 前端應用_vue_利用子組件添加測試用例，然後讓組建自動刷新展示
總結下思路： 讀取並保存子組件的 傳過來的對象，保存在localstorage 裏 組建就可以 在localstorage 裏讀取值，然後展示 解決自動刷新問題， 就是用 子組件通過 this.$emit(func) ,調取組建
2020-06-19 22:46:12
原创 前端應用_Vue_(一行代碼解決)transition-group在table表格中失效的問題(一行代碼解決)
這個問題卡了我一下午， 一直找不到答案， 然後用谷歌瀏覽器，解決一分鐘就解決了， 就用 table transition-group 搜索 裏面前三都是答案， 我本人立帖爲證 以後查問題，不在百度 直接去谷歌瀏覽 . 如若違反判
2020-06-19 22:46:12
1
原创 前端應用_Vue_使用過度類名實現動畫
爲什麼 要使用動畫，目的就一個提高用戶體驗， 我們一般 用在 位移 和 淡進淡出的情況。 下邊我們舉個例子， 用v-if 控制元素的顯示和不顯示，顯示和不顯示之間 用動畫效果， 思路如下： 創建一個h3標籤， 並插值 ， 設置v
2020-06-19 22:46:12
原创 前端應用_Vue_設置router 切換路由動畫
<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <t
2020-06-19 22:46:12
原创 前端應用_Vue_兩種方法 設置 router-link 樣式.
當我們點擊 展示相應組建， 標籤會加個class 屬性，如圖， 如果想高亮就需要 重寫這個樣式 <style> .router-link-active{ background-color: green; f
2020-06-19 22:46:12
原创 前端應用_Vue_實現列表刪除和刪除時候的動畫效果
下邊實現 刪除的效果，代碼如下： <td style="color: #0e9aef" ><a href="" @click.prevent="del(item.id)">刪除</a></td> del(id){
2020-06-19 22:46:12
原创 前端應用_Vue_vue-router 用router-link代替a 標籤，設置默認的路由
之前 用 a標籤 ，每次都需要在href 裏面添加 #， 用router-link 可以避免。 <router-link to='/login' tag="span">登錄</router-link> <router-l
2020-06-19 22:46:01
原创 python-批量爲類添加屬性
有一個場景就是我們 給你一個list 批量把裏面的值 賦給類裏，如何做呢， 請看代碼： test=["a","b","c"] // 指定需要添加的屬性名 req={"a":1,"b":2,"c":3，“d”:4} //指定dat
2020-06-19 22:46:01
原创 python-獲取dict的key 路徑
有時候我們想獲取key，這個好辦直接遍歷判斷就行， 如果想獲取key 在的路徑 就顯得比較麻煩，下邊的演示就是獲取key 路徑, 核心思想是遞歸 import copy demo_dect = { 'TASKBAR':
2020-02-22 16:57:41
1
原创 前端應用_Vue_ 用component標籤控制組件切換
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid
2020-02-22 16:57:41
原创 前端應用_Vue_父組件傳遞值給子組件
父組件 把 data的值想傳遞給子組件， 通過一個關鍵詞 props 步驟如下： 首先在適用組件的地方 進行 數值綁定， v-bind:parentMsg=‘msg’ 這個步驟就是 把父組件的msg值綁到parentM
2020-02-22 16:57:41
原创 前端應用_Vue_vue-router應用過程
總結： 導入 vue-router 創建router 實例對象，並配置 path 和 需要匹配的組建 創建組建模板對象 讓 router 實例對象 和vue 實例對象進行綁定 ， 監控URL的變化，並展示路由 使用佔位符 rou
2020-02-22 16:57:41