CSS CSS 設計模式 7+1 設計模式

淺談 CSS 設計模式系列-Sass 7-1 Pattern 篇

7+1 的設計模式主要是在講目錄結構的區分，早期開發 CSS 時只能將所有檔案放在同一個地方，那麼這樣就會導致維護上的困擾，因此在開發 Sass 時就可以搭配 @import 然後使用資料夾區分相關檔案，也就是所謂的 Sass 7-1 Pattern。

2020-05-23 2 分鐘閱讀

閱讀全文

JavaScript Vue ESLint

如何替 Vue Cli 加入 ESLint

實際開發專案時我們為了確保程式碼的品質，通常都會加入程式碼風格管理器，也就是 ESLint，但在 Vue Cli 中該如何正確加入呢？

2020-05-22 3 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (15) - Bump

前一篇我們學習如何使用 PIXI 建立幾何圖形，那麼接下來要學習 PIXI 中一個我認為滿特別的東西，也就是碰撞檢測。

2020-05-18 3 分鐘閱讀

閱讀全文

CSS CSS 設計模式 BEM

淺談 CSS 設計模式系列-BEM 篇

BEM 是一個為了讓 class 有更好地維護架構 CSS 設計模式，但最主要的致命缺點就是命名長度過長，可是在實際開發上非常多人都會使用到 BEM。

2020-05-17 5 分鐘閱讀

閱讀全文

CSS CSS 設計模式 OOCSS

淺談 CSS 設計模式系列-OOCSS 篇

OOCSS 是 CSS 設計模式的另一種，其中最主要代表的框架就是 Bootstrap。

2020-05-17 3 分鐘閱讀

閱讀全文

CSS CSS 設計模式 SMACSS

淺談 CSS 設計模式-SMACSS 篇

CSS 設計模式是一個觀念、規範以及心法，最主要就是要替我們提高開發與維護的效率。

2020-05-16 6 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (14) - Graphics(2)

前一篇介紹了基本的幾何圖形的繪畫，但是只介紹矩形，其實 PIXI 還有其他幾何圖形的繪畫，所以接下來就來講其他的幾何圖形囉

2020-05-11 2 分鐘閱讀

閱讀全文

障礙排除 Windows Terminal

解決 Windows 上輸入指令出現「因為這個系統上已停用指令碼執行，所以無法載入...」的問題

身為一名工程師在 Terminal 上輸入指令是一件很常見的事情，但有些時候會出現「因為這個系統上已停用指令碼執行，所以無法載入...」的問題，所以這一篇就記錄一下該如何解決。

2020-05-10 5 分鐘閱讀

閱讀全文

JavaScript JavaScript 核心篇 執行環境與作用域

JavaScript 核心觀念(7)-執行環境與作用域-not defined VS undefined

not defined 以及 undefined 也是 JavaScript 中相當重要的觀念，若可以搞懂這兩者的差異，對於 debug 上是非常有幫助的。

2020-05-10 2 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (13) - Graphics(1)

接下來將會來介紹一點使用 PIXI 繪畫幾何圖形，最後會再來試著整合前面的技巧。

2020-05-04 2 分鐘閱讀

閱讀全文