原创 css cursor屬性整理
一、用法: .mouse-cursor{ cursor:pointer } 二、屬性值： 值 描述 url 需使用的自定義光標的 URL。 註釋：請在此列表的末端始終定義一種普通的光標，以防沒有由 URL 定義的可用光標
2020-07-07 02:32:29
1
原创 element-ui 的dialog增加水平拉伸、平移、放大、拖拽功能
給element-ui 的dialog增加水平拉伸、平移、放大、拖拽功能 只需新建一個vue的指令 directives: { // v-dialogDrag: 彈窗拖拽+水平方向伸縮 dialogDra
2020-07-07 02:32:29
2
原创 element技巧之element的dialog彈出框可拖拽、可拉伸、可全屏並處理邊界問題
directives: { // v-dialogDrag: 彈窗拖拽+水平方向伸縮 dialogDrag: { bind(el, binding, vnode, oldVnode
2020-07-07 02:32:29
1
原创 日常隨筆歸納總結：vue-router路由傳參
情景： vue-router用params傳參，F5強制刷新參數會被清空，造成頁面無法獲取參數報錯，那麼如何獲取參數才能不被清空呢？ 解決方式： 1、用query，由於參數適用路徑傳參的所以F5強制刷新也不會被清空。（傳參強烈建議適用st
2020-06-29 16:56:24
12
原创 Vue學習筆記之Vuex核心概念Action
Action Action 類似於 mutation，不同在於： Action 提交的是 mutation，而不是直接變更狀態。 Action 可以包含任意異步操作。 讓我們來註冊一個簡單的 action： const store =
2020-06-21 05:28:22
2
原创 JavaScript數據結構與算法學習筆記之雙向鏈表(3)
從任意位置移除元素 從雙向鏈表中移除元素跟鏈表非常類似。唯一的區別就是還需要設置前一個位置的指針。我們來看一下它的實現： this.removeAt = function(position){ //檢查越界值
2020-06-21 05:28:22
1
原创 Vue學習筆記之Vuex學習---Vuex 是什麼？
Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。它採用集中式存儲管理應用的所有組件的狀態，並以相應的規則保證狀態以一種可預測的方式發生變化。 什麼是“狀態管理模式”？ 讓我們從一個簡單的 Vue 計數應用開始： new
2020-06-20 22:21:15
原创 vue學習筆記之動態路由匹配
1、我們經常需要把某種模式匹配到的所有路由，全都映射到同個組件。例如，我們有一個 User 組件，對於所有 ID 各不相同的用戶，都要使用這個組件來渲染。那麼，我們可以在 vue-router 的路由路徑中使用“動態路徑參數”(dynam
2020-06-20 22:21:05
1
原创 JavaScript數據結構與算法學習筆記之雙向鏈表(1)
一、雙向鏈表和普通鏈表的區別 在鏈表中，一個節點只有鏈向下一個節點的鏈接，而在雙向鏈表中，鏈接是雙向的：一個鏈向下一個元素，另一個鏈向前一個元素，如下圖所示： 二、 實現DoublyLinkedList類 function Doubl
2020-06-20 21:22:40
1
原创 JavaScript數據結構與算法學習筆記之雙向鏈表(2)
雙向鏈表在任意位置插入一個新元素 //在任意位置插入一個新元素 this.insert = function(position,element){ //檢查越界值 if(position
2020-06-20 21:22:40
原创 vue學習筆記之路由起步實例
HTML <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/vue-router/dist/vue-rou
2020-06-20 21:22:40
原创 常用正則表達式收集（自用）
一、校驗數字的表達式 1. 數字：^[0-9]*$ 2. n位的數字：^\d{n}$ 3. 至少n位的數字：^\d{n,}$ 4. m-n位的數字：^\d{m,n}$ 5. 零和非零開頭的數字：^(0|[1-9][0-9]*)$ 6.
2020-06-20 21:22:40
原创 Vue學習筆記之Vuex的核心概念Mutation
Mutation 更改 Vuex 的 store 中的狀態的唯一方法是提交 mutation。Vuex 中的 mutation 非常類似於事件：每個 mutation 都有一個字符串的 事件類型 (type) 和 一個 回調函數 (han
2020-06-20 21:22:40
2
原创 Vue學習筆記之Vuex的核心概念Module
Module 由於使用單一狀態樹，應用的所有狀態會集中到一個比較大的對象。當應用變得非常複雜時，store 對象就有可能變得相當臃腫。 爲了解決以上問題，Vuex 允許我們將 store 分割成模塊（module）。每個模塊擁有自己的 s
2020-06-20 21:22:40
原创 Vue學習筆記之路由組件傳參
在組件中使用 $route 會使之與其對應路由形成高度耦合，從而使組件只能在某些特定的 URL 上使用，限制了其靈活性。 使用 props 將組件和路由解耦： 取代與 $route 的耦合 const User = { templa
2020-06-20 21:22:40