摘要： 1. 場景描述 如圖下圖所示, 在有些JS 文件中, 可能存在著如下的問題: 首行沒有內(nèi)容, 卻換行了 中間的換行不合理, 一般來說應(yīng)該只允許最多3個換行 我們可以采用gulp 對于文件打包來完成這件事情, 下面我們就來實現(xiàn)這個插件 PS: 上面的代碼在實際開發(fā)中不太可能存在, 這個插件的應(yīng)用場景是 閱讀全文

摘要： 1. gulp 插件使用的文件流 Transform: node stream 中的Transform 流, 即轉(zhuǎn)換流 through: 基于Transform 二次實現(xiàn)的庫 through2: 基于through 二次實現(xiàn)的庫(babel 大部分文件流格式均使用該庫) 2. vinyl 2.1 定 閱讀全文

摘要： 1. Model 編程 1.1 介紹 Model 編程, 即模塊化編程; 是指將業(yè)務(wù)分割成為一個個模塊, 每個模塊擁有特定的功能, 通過繼承和組合完成功能的組合; 它其實就是面向?qū)ο缶幊痰耐卣? Model 編程最適合的內(nèi)容為定義前端API 內(nèi)容, 將API 實現(xiàn)封裝, 在封裝層實現(xiàn)數(shù)據(jù)的處理和轉(zhuǎn)發(fā) 閱讀全文

摘要： 1. 描述 函數(shù)化編程是指: 當(dāng)我們需要寫一個功能函數(shù)時, 不要將大量的邏輯寫在同一個函數(shù)中, 而是將這個功能塊分割成為一個個小的功能模塊, 最后通過函數(shù)復(fù)用來完成目的. 2. demo 2.1 場景描述 現(xiàn)在有如下對象: let obj = { 'oulae_key': { 'ming_key': 閱讀全文

摘要： 1. 場景描述 在做個人項目的時候, 發(fā)現(xiàn)了一個問題: ant design UI 框架中, Select 組件的 defaultValue 屬性失效了, 即設(shè)置了defaultValue 值缺沒有默認的選定內(nèi)容; 上面這個問題可以抽象成為如下沙盒: PS: 該沙盒最好在codesandbox 網(wǎng)站 閱讀全文

摘要： 1. 場景描述 在博客, 文檔, 論壇這些性質(zhì)的網(wǎng)站經(jīng)常存在著需要顯示代碼的需求; 對于這種要求要求, 我們可以直接使用textarea 標(biāo)簽顯示: 但是這種顯示方案非常不美觀, 不但沒有高亮代碼, 而且也沒有顯示行號, 這對于代碼的閱讀是非常不友好的; 而一般的網(wǎng)站, 對于代碼的顯示都會做高亮處理 閱讀全文

摘要： 1. 問題描述 今天在寫一個代碼題時候, 有一個BUG 導(dǎo)致自己停滯好久, 該BUG 可以描述為如下代碼: PS: 由于原題是算法題, 為了敘述方便以及展示重點考慮, 這里只復(fù)現(xiàn)BUG, 不提供原場景. const log = console.log.bind(console) let obj = 閱讀全文

摘要： 順時針輸出矩陣 1. 題目信息 輸入: [ [1, 2, 3], ['a', 'b', 'c'], [4, 5, 6] ] 輸出: 123c654ab PS: 從外到里順時針輸出矩陣信息 2. 題目分析 做題原則: 只處理一種普遍的情況, 然后將其他情況變更為這種情況 數(shù)據(jù)1: [ [1, 2, 3 閱讀全文

摘要： 剝洋蔥 1. 題目信息 輸入: 3 輸出: AAAAA ABBBA ABCBA ABBBA AAAAA 注意點: 1. 輸入的數(shù)表示圖形的層數(shù) 2. 字符為A-Z, 從外到里排列 2. 題目分析 1個字母的情況: [ [C] ] 2個字母的情況: [ [B, B, B], [B, C, B], [B 閱讀全文

摘要： 1. JavaScript 中this 的指向 1.1 函數(shù)中this 的指向 JavaScript 中, 有3種類型的函數(shù): 箭頭函數(shù), 函數(shù)聲明式, 函數(shù)表達式; 它們的this 指向可以分類為: 箭頭函數(shù): 箭頭函數(shù)中的this 指向上一層環(huán)境作用域 函數(shù)聲明式/函數(shù)表達式: 函數(shù)聲明式/函數(shù) 閱讀全文