原创 React 實現井字棋遊戲 (tic-tac-toe) 教程 (2)
上一篇 2-概覽 什麼是 React React 用於構建用戶界面，它是一種聲明式的，高效靈活的 JavaScript 庫。 React 有擁有衆多組件，現在我們要從 React.Component 子類開始： code clas
2020-06-24 10:21:48
26
原创 React 實現井字棋遊戲 (tic-tac-toe) 教程 (3)
React 實現井字棋遊戲 (tic-tac-toe) 教程 (1) <譯自官方文檔> React 實現井字棋遊戲 (tic-tac-toe) 教程 (2) <譯自官方文檔> 3-狀態提升 至此，我們已經擁有了編寫井字棋遊戲
2020-06-24 10:21:48
原创 React 實現井字棋遊戲 (tic-tac-toe) 教程 (6)
React 實現井字棋遊戲 (tic-tac-toe) 教程 (1) <譯自官方文檔> React 實現井字棋遊戲 (tic-tac-toe) 教程 (2) <譯自官方文檔> React 實現井字棋遊戲 (tic-tac-to
2020-06-24 10:21:48
2
原创 數據可視化：在 React 項目中使用 Vega 圖表 (一)
相關包 打開搜索引擎，一搜 Vega，發現相關的包有好幾個，Vega, Vega-Lite, Vega-Embed，React-Vega 等等，不免讓人頭暈。 別急，它們之間的關係三四句話就能說明白，以下是極簡介紹： Vega：
2020-06-24 10:21:37
13
原创 數據可視化：在 React 項目中使用 Vega 圖表 (二)
上一篇講了如何在 React 項目中用 Vega-Lite 繪製基本的 area chart 圖表。 本篇將介紹如何繪製多層圖表，如何添加圖例。 多層圖表 通過上一篇文章，我們知道了可以通過 mark, encoding 等來描
2020-06-24 10:21:37
26
原创 垂直居中：兩方向，四方法，條條大路通羅馬
垂直居中常見的四種方法總結 兩條路，即 flex box 或者 絕對定位。 四種方法，分別如下： 方向一： flex box #container{ display: flex; justify-content: cent
2020-06-24 10:21:37
原创 經典閉包題目ES7新解
題目 for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(new Date, i) }, 1000) } consol
2020-06-24 10:21:37
原创 一道 promise 亮燈問題的 思路演進 與 深坑 (JS異步機制) 分析
更新：增加使用 async/await 以及箭頭函數的重構代碼 問題 紅燈三秒亮一次，綠燈一秒亮一次，黃燈2秒亮一次；如何讓三個燈按照這個規律不斷交替重複亮燈？（用Promse實現）三個亮燈函數已經存在： function gre
2020-02-20 18:03:25
原创 React 實現井字棋遊戲 (tic-tac-toe) 教程 (4)
React 實現井字棋遊戲 (tic-tac-toe) 教程 (1) <譯自官方文檔> React 實現井字棋遊戲 (tic-tac-toe) 教程 (2) <譯自官方文檔> React 實現井字棋遊戲 (tic-tac-to
2020-02-20 18:03:25
原创 React 實現井字棋遊戲 (tic-tac-toe) 教程 (5)
React 實現井字棋遊戲 (tic-tac-toe) 教程 (1) <譯自官方文檔> React 實現井字棋遊戲 (tic-tac-toe) 教程 (2) <譯自官方文檔> React 實現井字棋遊戲 (tic-tac-to
2020-02-20 18:03:25
2
原创 React項目：代碼分片、按需加載（code splitting）/ 免webpack配置
爲什麼需要代碼分片Facebook 的 create-react-app 是一款非常優秀的開發腳手架。它爲我們生成了 React 開發環境，自帶 webpack 默認配置。 它會通過 webpack 打包我們的應用，產生一個 bundle
2020-02-20 18:03:25
原创 單線程 JavaScript 的異步機制與經典 for 循環面試題
從一個經典的 for 循環問題開始 for (var i = 1; i <= 5; i++) { setTimeout( function timer() { console.log(i); }, i*1000)
2020-02-20 18:03:25
原创 react-router 只變 link 不更新內容的問題的解決 記錄
React + Redux + node.js 的項目 之前遇到類似的問題，是這種情況： 用 withRouter() 解決 Blocked Updates Generally, React Router and Redux w
2020-02-20 18:03:25
原创 React : 展示組件 & 容器組件 附案例與視頻
寫React應用時，我發現了一種簡單而有效的模式。如果你也寫過一陣子React，或許你也已經發現它了。對於這種模式，這篇文章講得不錯，不過我還想再補充幾點。 如果把組件 分爲以下兩類，對組件的複用和理解會更容易一些。我這兩類組件稱
2020-02-20 18:03:25
原创 在阿里雲 ECS 服務器部署 React + Express 項目
項目開發了一部分，準備先上線看看效果，就進行了部署。 以下是文檔記錄。 0-選購阿里雲 ECS 服務器 操作系統： Ubuntu 14.04 64位 1-創建普通用戶 登錄方式 使用阿里雲管理終端連接 ECS 實例 實際
2020-02-20 18:03:25