原创 REACT Hooks
官方介紹：Hook 是 React 16.8 的新增特性。它可以讓你在不編寫 class 的情況下使用 state 以及其他的 React 特性。 注意事項： 只能在函數最外層調用Hook,不要再循環、條件判斷或者子函數中調用 只能在
2020-06-25 21:26:41
原创 vue 路由跳轉，路由傳參
1. router-link <router-link :to="{ path: 'pathName', params: { name: 'name', id: data }, query: { name: 'name', id
2020-06-25 21:26:40
原创 Antd DatePicker 只允許選擇當前時間之後的時間 包括時分秒
需求：選擇當前時間之後的時間 1.隱藏“此刻”按鈕 這裏用的css隱藏，沒找到更好的辦法。。 前提--設置日期組件的屬性：dropdownClassName="hideNow" .hideNow{ .ant-picker-
2020-06-25 21:26:40
3
原创 狀態和策略模式
當一個對象的內部狀態發生改變時，會導致其行爲的改變，這看起來相是改變了對象 對象有自己的狀態 不同狀態下執行的邏輯不一樣 明確狀態和每個狀態下執行的動作 用來減少 if else子句 //狀態模式 class SuccessState{
2020-06-25 21:26:40
原创 react狀態
state注意事項： 不能直接this.state = xx修改，必須用this.setState({xx : xx}) 因爲setState做了兩件事：1.修改狀態 2.重新render this.setState原理： this.
2020-06-25 21:26:40
原创 andt DatePicker 只允許選擇當前時間之後的時間 包括時分秒
需求：選擇當前時間之後的時間 1.隱藏“此刻”按鈕 這裏用的css隱藏，沒找到更好的辦法。。 前提--設置日期組件的屬性：dropdownClassName="hideNow" .hideNow{ .ant-picker-
2020-06-07 07:23:28
原创 vue初學測試之webpack4.29.6集成[email protected]報錯
報錯 Module Error (from ./node_modules/vue-loader/lib/index.js): vue-loader was used without the corresponding plugin
2020-06-07 07:23:28
原创 vue指令應用和過濾器
vue實例上常見屬性和方法 vm.$el 指代的是當前的元素 vm.$nextTick 延遲執行 dom操作必備 vm.$watch 監控數據變化 vm.$data 當前數據對象 vm.$options 所有的選項 vm.$set vm.
2020-02-23 22:51:10
原创 外觀模式和觀察者模式
外觀模式 該模式就是把一些複雜的流程封裝成一個接口提供給外部用戶更簡單的使用 門面角色：外觀模式的核心，它倍客戶角色調用，它熟悉子系統的共嗯那個，內部根據客戶角色的需求預 子系統角色：實現了子系統的功能，它對客戶角色和Facade是未知的
2020-02-23 22:51:10
原创 vue的watch和computed
methods和computed的區別 假設有這樣一個場景，需要拼接data裏的屬性，如果直接{{first+second}}，不利於修改； 我們會想到method獲取，但是直接在{{}} 裏放函數表達式，會消耗多餘性能，不建議使用，舉例
2020-02-23 22:51:10
原创 原型模式
原型模式是一個創建型的模式 創建基類的時候，簡單差異化的屬性放在構造函數中，消耗資源相同的共嗯那個放在基類原型中 對象都是由函數創建，函數也是對象，so，萬物皆對象，so easy ！！！想哭。 let obj = {name:'aaa
2020-02-23 22:51:10
原创 橋接模式
將抽象部分與他的實現部分分離，這樣抽象化與實現化解耦，使他們可以獨立的變化 應用場景：實現系統可能有多個角度分類，每一種角度都可能變化 橋接雙方可以通過實現橋接口進行單方面擴展，也可以繼續抽象類而單方面擴展，而之間的調用就從橋接口來作爲突
2020-02-23 22:51:10
原创 react虛擬dom淺析
//說明 /** * ReactDOM.render( * <h1>Hello, world!</h1>, * document.getElementById('root') * ); * babel轉譯之後 * Rea
2020-02-23 22:51:10
原创 發佈訂閱模式
發佈訂閱模式-1 //jQuery callbacks原理 window.jQuery= { callbacks(){ let callbacks = []; function add(callb
2020-02-23 22:51:10
原创 高階函數和高階組件
如果一個函數操作其他函數，即將其他函數作爲參數或將函數作爲返回值，將其稱爲高階函數。 高階組件(high-order component)類似於高階函數，接收組件作爲輸入，輸出一個新的組件。 實現高階組件的方法有如下兩種。 屬性代理(pr
2020-02-23 22:51:10