原创 使用LoopBack快速開發簡單的數據庫CRUD
使用LoopBack快速開發簡單的數據庫CRUD1. LoopBack簡介2. 開發環境準備3. 使用LoopBack3.1開發步驟3.1.1 生成APP項目3.1.2 生成model3.1.3 生成controller3.1.4
2020-06-30 05:48:16
8
原创 Chrome 75 開發者工具更新
當自動補全CSS的時候使用有意義的預設值 有些CSS屬性的值是函數，比如filter： filter: blur(1px) 添加了1像素的模糊。當自動補全filter這樣的屬性是，開發者工具現在會自動填充一個有意義的值，這樣你可以
2020-06-30 05:48:16
原创 Chrome 78 開發者工具更新
原文地址： https://developers.google.com/web/updates/2019/09/devtools 審計(Audit)面板支持多客戶 現在可以在審計面板中組合其他開發工具特性了，比如Request B
2020-06-30 05:48:16
原创 如何用Promise.all模擬allSettled
用過Promise 的同學都知道Promise.all的作用是把一系列的異步（Promise）對象一起執行，等待所有都成功才成功，但如果某個失敗了就會立刻失敗，不會等待其他未完成的任務。 不過我們有時候會想要不同的行爲，就是執行一
2020-06-30 05:48:16
原创 React與遊戲引擎設計原理的相互印證
前幾年做網頁遊戲，近來改做基於React的單頁應用。雖然這是完全不同的兩種軟件產品，但感覺React和遊戲引擎本身的設計頗有相似之處： 架構層級中的定位 無論是遊戲引擎，還是React，都是作爲核心基礎庫被應用於軟件中。而且，它們
2020-05-30 14:06:00
2
原创 React hooks render行爲實驗
今天放假有點空，對React的渲染(render)和hooks的行爲作了幾個簡單的小實驗，記錄如下。 1. 實驗準備 1.1 環境 Node 12.14 List item Yarn 1.21.1 Chrome 80.0.3
2020-04-13 18:55:45
原创 PIXI 精靈表和精靈動畫
1. 製作 1.1 原理和基礎做法 動畫和電影的原理很簡單，就是把一系列圖片順序播放快速切換，快到人眼難以分辨單張圖片時，就變成動畫了。 所以製作PIXI動畫最基本的做法就是把動畫的每一幀都做成一張單獨的圖片，然後逐一加載，使用時
2020-03-28 15:38:08
原创 HTML5小遊戲動手做（二）：使用PIXI引擎製作坦克大戰遊戲
這裏寫自定義目錄標題1. 簡介1.1 PIXI 簡介1.2 坦克大戰遊戲簡介2. PIXI 引擎入門2.1 基本概念2.1.1 舞臺 Stage2.1.2 容器 Container2.1.3 精靈 Sprite2.1.4 圖形 G
2020-02-22 03:20:58
原创 Cypress 最佳實踐
原文鏈接：https://docs.cypress.io/guides/references/best-practices.html 原文： https://docs.cypress.i
2019-08-28 22:45:18
19
原创 用隨機數發生器來驗證一個有趣的概率問題
起 有一道流傳頗廣的有趣的概率題，說的是某直播節目現場，嘉賓面對三扇門，其中一扇門後有大獎，另兩個是空的，主持人讓嘉賓選一個。選了之後，主持人在剩下的倆個門中打開一扇，後面是空的(他知道哪個是空的)，然後問嘉賓要不要換選擇？那麼換
2019-08-13 21:28:10
2
原创 Chrome 77 開發者工具更新
拷貝元素樣式 在DOM樹上右鍵點擊某節點來拷貝CSS到剪貼板。 佈局變動可視化 注意：此功能可能使你的屏幕頻繁閃動 有時候當你在喜歡的網站上讀新聞的時候，你會因爲圖片和廣告等內容的加載完畢使得內容不斷變動而失去當前閱讀的位置。這種
2019-07-30 22:52:05
原创 Chrome 76開發者工具更新
CSS根據值自動補全 當我們給一個DOM 節點添加樣式聲明的時候，有時候屬性的值比名字更好記。比如說當我們想讓元素加粗， "bold"值也許比屬性名"font-weight"更好記。現在樣式窗格的自動補全功能支持根據CSS值來補全
2019-07-30 22:52:04
原创 Chrome 74 開發者工具更新
原文鏈接： https://developers.google.com/web/updates/2019/03/devtools 高亮顯示所有被CSS屬性影響的節點 鼠標滑過一個CSS屬性（比如padding 或margin）的時候，
2019-04-10 21:49:26
原创 Chrome 73開發者工具更新
英文原文地址：https://developers.google.com/web/updates/2019/01/devtools 日誌點（logpoint） 使用日誌點功能可以避免你在代碼中調用cosole.log()來調試代碼。
2019-02-19 06:52:21
原创 Chrome 71開發工具更新
鼠標指向Live表達式將高亮標出DOM節點 當Live 表達式的結果指向一個DOM節點時，鼠標指向（hover）此表達式將自動高亮DOM節點。 將DOM節點存爲全局變量 要想將DOM節點存爲全局變量，可以在控制檯運行一個結果爲此節點的
2019-01-02 02:17:01