原创 使用Jest測試JavaScript(Mock篇)

在本篇教程中,我們會介紹 Jest 中的三個與 Mock 函數相關的API,分別是jest.fn()、jest.spyOn()、jest.mock()。使用它們創建Mock函數能夠幫助我們更好的測試項目中一些邏輯較複雜的代碼,例如測試函數的

原创 使用Webpack的代碼分離實現Vue懶加載(譯文)

當一個Vue的項目體積變得十分龐大的時候,使用Webpack的代碼分離功能將Vue Components,routes或Vuex的代碼進行分離並按需加載,會極大的提高App的首屏加載速度。 在Vue的項目中,我們可以在三種不同的情況下使用懶

原创 從ES6重新認識JavaScript設計模式(六): 裝飾器模式

1 什麼是裝飾器模式 向一個現有的對象添加新的功能,同時又不改變其結構的設計模式被稱爲裝飾器模式(Decorator Pattern),它是作爲現有的類的一個包裝(Wrapper)。 可以將裝飾器理解爲遊戲人物購買的裝備,例如LOL中的

原创 Node.js項目中操作MySQL

本文是一篇使用mysql這個npm模塊操作MySQL數據庫的基礎教程。 不涉及MySQL的安裝和配置,如果電腦中還未安裝MySQL, 推薦安裝WAMP、XAMPP等集成環境。本文中還使用到了輕量級的Node.js框架Koa搭建web程序,爲

原创 Flutter Widgets入門(一):MaterialApp 和 Scaffold

1 MaterialApp 1.1 什麼是MaterialApp? MaterialApp是我們使用 Flutter開發中最常用的符合Material Design設計理念的入口Widget。你可以將它類比成爲網頁中的<html></htm

原创 2019 - Web開發技術指南和趨勢

以下內容來自我特別喜歡的一個Youtube頻道: Traversy Media 這是一個2019年你成爲前端,後端或全棧開發者的進階指南: 你不需要學習所有的技術成爲一個web開發者 這個指南只是通過簡單分類列出了技術選項 我將從我的經

原创 NodeJS架構 - 單線程事件循環模型

這篇譯章探究了NodeJS的架構和單線程事件循環模型。我們將在本文中討論“NodeJS如何在底層工作,它遵循什麼類型的處理模型,NodeJS如何使用單線程模型處理併發請求”等內容。 NodeJS 單線程事件循環模型 正如我們剛纔說的,No