原创 React+Koa+MongoDB+Docker開發環境

前言 本次博文依然是對 multi-spa-webpack-cli 的擴充和完善。 集成 mongoose。 集成 Docker 開發環境。 multi-spa-webpack-cli 已經發布到 npm，只要在 node 環境下安裝即

2019-07-06 15:25:04 2

原创 React腳手架搭建

前言 之前的 multi-spa-webpack-cli 只是爲 React + antd 模板提供了開發時必要的環境，對於實際的開發並沒有什麼用處。爲了更貼近實際開發，本次 React + antd 模板完善了一些功能。 封裝 fetc

2019-07-01 07:05:05

原创 webpack開發環境配置

日常吐槽 經過不斷的調整和測試，關於 react 的 webpack 配置終於新鮮出爐。本次的重點主要集中在開發環境上，生產環境則是使用 webpack 的 production 默認模式。 本次配置主要有： eslint+pretti

2019-06-21 10:25:04

原创 數據結構的JavaScript描述

《數據結構與算法JavaScript描述》，有一種花了正版的錢買了盜版的書的感覺。花了點時間整理了一下，可以保證都能跑通。對着截圖敲一遍，比複製黏貼效果好。 （點開圖片加載大圖需要時間） 列表 棧 隊列 鏈表 字典 散列 集合

2019-06-07 16:15:05 1

原创 淺嘗webpack

吐槽一下 webpack 自出現時，一直備受青睞。作爲強大的打包工具，它只是出現在項目初始或優化的階段。如果沒有參與項目的構建，接觸的機會幾乎爲零。即使是參與了，但也會因爲項目的週期短，從網上東拼西湊草草了事。 縱觀網上的 webpack

2019-05-19 19:35:00

原创 關於MVVM模式簡單代碼實現(TypeScript練手小項目)

在寫 關於MVC模式簡單代碼實現 的過程中，覺得最麻煩的就是操作 DOM。所以這次升級了，打算用 React。用過 React 的同學都知道，React 在更新視圖時，必須要通過 setState 方式改變狀態，這一過程是需要我們主動調用的

2019-04-25 23:24:59

原创 用Type馴化JavaScript

好多大廠都在使用 TypeScript，總感覺這玩意不看看都不配做前端了😂，看完文檔後就梳理了一下。本文來自我的博客這個想法不一定對系列，so，這個想法不一定對😉 TypeScript 具有類型系統，且是 JavaScript 的超集。它可

2019-04-17 06:05:02 2

原创 DIP、IoC、DI、JS

在這個標題中，除了 JS 是亂入之外，其它的幾個詞彙都是存在一個共同點的，那就是依賴。 那麼，依賴是什麼呢？ 比如，現在我正在寫這篇博客文，但是我得在電腦上編輯，電腦便是我完成這件事的依賴。而在代碼中，最直觀的體現是模塊之間的依賴。如某個模

2019-04-01 11:15:09

原创 簡單聊聊模塊

模塊 在 JavaScript 中，模塊只不過是基於函數某些特性的代碼組織方式。 在《你不知道的 JavaScript》中，給出了模塊模式因具備的兩個必要條件： 必須有外部的封閉函數，該函數必須至少被調用一次（每次調用都會創建一個新的模塊

2019-03-24 21:55:04

原创 異步的JavaScript（終篇）

回顧 所謂的異步，就是程序的一部分現在進行，而另一部分則在將來運行。異步處理的重點就是如何處理將來運行的那一部分。 回調是 JavaScript 中最基本的異步模式，就是事先約定好將來要做的事然後回頭調用。簡單直接，但也存在不信任、調用嵌套

2019-03-23 19:55:08

原创 從迭代器模式到迭代協議

迭代器模式 迭代器模式是指提供一種方法順序訪問一個聚合對象中的各個元素，而不需要暴露該對象的內部表示。 迭代器分爲內部迭代器和外部迭代器。內部迭代器只需一次初始調用，而外部迭代器必須顯式地請求迭代下一個元素，這樣我們就可以手動控制迭代過程。

2019-03-20 21:55:05

原创 實用卻易忽視的DevTools調試技巧

作爲前端開發者，免不了要和 DevTools 打交道,熟練的使用 DevTools 能夠大大提高我們的工作效率。然而，開發者工具的使用並沒有得到足夠的重視。 工慾善其事必先利其器，更何況，工具的學習成本比專業技能的學習成本小的多。 Chro

2019-03-09 21:25:08

原创 前端筆試之手寫代碼

1. 扁平化嵌套數組/flat實現 描述：將嵌套多層的數組展開平鋪成只有一層的數組。 let array = [1, [1, 2, 3], [1, [2, {}]] ] handle(array) // [1, 1, 2, 3, 1, 2,

2019-02-23 21:05:04 1

原创 JavaScript異步基礎

唯一比不知道代碼爲什麼崩潰更可怕的事情是，不知道爲什麼一開始它是工作的！ 在 ECMA 規範的最近幾次版本里不斷有新成員加入，尤其在處理異步的問題上，更是不斷推陳出新。然而，我們在享受便利的同時，也應該瞭解異步到底是怎麼一回事。 現在與將來

2019-02-19 06:38:43

原创 淺談MVC/MVP/MVVM模式（概述）

本文來自我的博客這個想法不一定對系列，so，這個想法不一定對😉一切皆爲數據（0，1），一切皆可量化 不管承不承認，頁面的展示都是數據的可視化。HTML 是數據，CSS 是數據，JS也是數據。只是這些數據的組合最終變成了我們想要的效果。 最

2019-02-08 13:22:37