原创 Page Lifecycle & Page Visibility 頁面週期和頁面可見性

沒有地球 太陽還是會繞。 今天填了上週的坑。爲明天挖一個。 項目裏用到了一個PageWillAppearEvent,是調用IOS或安卓的方法,看了一下IOS方法ViewWillAppear是當收到視圖在視窗將可見時的通知會呼叫的方法,此外

原创 Vue輪子-Lottie-動畫實現(GIF轉JSON)

挖坑。先工作。有空寫。airbnb出品的動畫實現方式。https://airbnb.design/lottie/http://www.wheelsfactory.cn/

原创 TypeScript-9.高級類型1

筆記。 交叉類型 聯合類型 類型保護 null和undefined 類型保護和類型斷言 類型別名 字面量類型 枚舉成員類型 可辨識聯合 // 交叉類型 & const mergeFunc = <T, U>(arg1: T, arg2:

原创 TypeScript-10.高級類型2

筆記。看到34min。任務排期到7.30 衝啊。 this類型 索引類型: 索引類型查詢操作符 、索引訪問操作符 映射類型: 基礎 由映射類型進行推斷 增加或移除特定修飾符 keyof和映射類型在2.9的升級 元組和數組上的映射類型 條件

原创 TypeScript-8.類型推論和兼容性

類型推論和兼容性 1.類型推論 基礎  多類型聯合 上下文類型 2.類型兼容性 基礎  函數兼容性   參數個數、參數類型、返回值類型、可選參數和剩餘參數、參數雙向協變、函數重載 枚舉  類 泛型 // 類型推論和兼容性 // 1. 類

原创 TypeScript-7.enum枚舉

題外話:今天是2020.06.21 夏至+父親節+日全食。梅老闆說 今天也是新月,在這天萬物都煥然一新,加上日食和夏至,非常少見。這一天適合全新的價值觀,許下一個心願,一定要是積極的願望。我許的是 愛自己 做自己。配上一首詩。 Had I

原创 TypeScript-5.Generics 泛型

筆記。這兩天提測,忙成狗。 // 泛型的簡單使用 const getArray = <T>(value: T, times: number = 5): T[] => { return new Array(times).fill(va

原创 ES6-Class類2/2

1.ES5中的繼承 (JS繼承的幾種方式,挖個坑,待填) function Food() { this.type = 'food' } Food.prototype.getType = function() { return t

原创 TypeScript-0.TS環境搭建

筆記。補一下搭環境的過程。 1. 安裝node 附上官網http://nodejs.cn/download/ 2. npm init package name: ts version (默認) description: source co

原创 JS防抖和節流詳解及utils封裝

題外話:下班騎車路上聽 陳鋼先生 的《人文通識》,講的是啓功先生,講到晚年獨居的那段,差點哭出來。。。 背景 開發中有些事件會頻繁觸發,例如window的resize、scroll,光標行爲mousedown、mousemove,鍵盤行爲

原创 ES6-Class類1/2

筆記。  1.ES5和ES6實現創建實例 // ES5中創建實例 function Point(x, y) { this.x = x; this.y = y; } Point.prototype.getPosition = fu

原创 TypeScript-6.Class 類

筆記。未完待續。 1.基礎 在ts中定義類 class Point { x: number y: number constructor(x: number, y: number) { this.x = x

原创 Vue組件封裝 - Tab標籤滑動切換

VUE+TS 效果 第二版 簡單封裝Tab標籤滑動切換組件,即貼即用,後續會繼續改進。 <template> <div class="tab-container" v-if="tabList"> <div cla

原创 JS的數組、對象和類數組對象

昨天的TS的課上聽到了類數組對象,想到之前面試的時候被問到過,回想了一下,當時就提了一下函數的arguments參數是類數組對象,對其數據結構和與數組或者對象的區別的理解其實很模糊,來補一篇。 一、數組 Array 定義:一組有序的數據集

原创 TypeScript-4.函數

筆記。 // 一、函數類型 // 1.爲函數定義類型 // 函數傳統寫法 function add1(arg1: number, arg2: number): number { return arg1 + arg2 } // 函數E