摘要: 問題 在單頁面應用中,我們經常需要給路由的切換或者元素的掛載和卸載加上過渡效果,為這么一個小功能引入第三方框架,實在有點小糾結。不如自己封裝。 思路 原理 以進入時 ,退出時 為例 元素掛載時 1. 掛載元素dom 2. 設置動畫 元素卸載時 1. 設置動畫 2. 動畫結束后卸載dom 組件設計 為閱讀全文
posted @ 2019-06-23 23:10 tornoda 閱讀(53) 評論(0) 編輯
摘要: React組件中對子組件children進行加強 問題 如何對組件的children進行加強,如:添加屬性、綁定事件,而不是使用 在``上進行處理。 前車之鑒 今天寫組件遇到這個問題,在網上查閱了很多資料,都說可以使用 進行處理,但是結果并不是預期想要的。 先看看這個東西有什么用: 根據React官閱讀全文
posted @ 2019-06-23 01:52 tornoda 閱讀(68) 評論(0) 編輯
摘要: 寫在前面 上面提到的這些東西,反復的記憶,反復的忘記。現分享一種巧記方法,有需要,請參考,希望你也過目不忘。 僅提供巧記思路。僅提供巧記思路。僅提供巧記思路。 1. in 用于判斷屬性是否在對象上(包括繼承而來的原型)。(小孩才做選擇,我全要^_^) 通過in的英文意思,這個不可能記混淆。 2. h閱讀全文
posted @ 2019-06-06 22:55 tornoda 閱讀(50) 評論(0) 編輯
摘要: ``` class CustomEvent { constructor() { // { // eventName: []; // } this.eventsKeeper = {}; } isAssigned(name, cb) { const keeper = this.eventsKeeper;閱讀全文
posted @ 2019-06-05 01:04 tornoda 閱讀(51) 評論(0) 編輯
摘要: ``` // 工廠函數模式 // 無法解決對象識別問題 function person0(name, age, job) { var obj = new Object(); obj.name = name; obj.age = age; obj.job = job; return obj; } // ---------------------------------------...閱讀全文
posted @ 2019-06-04 14:02 tornoda 閱讀(26) 評論(0) 編輯
摘要: vue的動畫對于很多初學者,甚至對很多老鳥來說也是很費勁,不容易控制的。 這篇文章講vue動畫的理解。其實沒那么難。 動畫理解 一個元素從 A狀態 變成 B狀態 ,如果這個過程通過 某種方式 反應在視圖上了,那么這個元素完成了一個動畫。如果有很多狀態A B C D...,那么它完成了一系列動畫。 重閱讀全文
posted @ 2019-01-25 10:42 tornoda 閱讀(30) 評論(0) 編輯
摘要: 美團、餓了么外賣點菜界面聯動菜單性能優化閱讀全文
posted @ 2019-01-24 20:47 tornoda 閱讀(582) 評論(0) 編輯
摘要: npm 升級到最新版本 npm升級到指定版本閱讀全文
posted @ 2018-10-23 12:20 tornoda 閱讀(2041) 評論(0) 編輯
摘要: 本文主要講述,在微信小程序中如何使用redux "DEMO" 需要解決的問題 1. 如何在小程序中引入redux狀態管理庫,及它相關的插件? 2. 微信小程序沒有清晰的異步api,便于thunkMiddleware處理異步請求(異步操作),如何解決? 3. 如何正確使用store的三大核心方法( `閱讀全文
posted @ 2018-09-26 21:45 tornoda 閱讀(267) 評論(0) 編輯
摘要: 把微信小程序異步API轉化為Promise。用Promise處理異步操作有多方便,誰用誰知道。 微信官方沒有給出Promise API來處理異步操作,而官方API異步的又非常多,這使得多異步編程會層層回調,代碼一復雜,回調起來就想砸電腦。 于是寫了一個通用工具,把微信官方的異步API轉化為Promi閱讀全文
posted @ 2018-08-13 22:18 tornoda 閱讀(445) 評論(8) 編輯
内蒙古快3开奖结果