[小菜一碟] 在 JavaScript 的 Array.prototype.forEach() 方法實現 continue; 及 break; 的效果

眾所皆知,在 JavaScript 中的 Array 有一個 forEach() 方法很好用(而且 IE 9 以上有支援),大部分的使用情境都可以用來取代傳統的 for 語法,但難免會有需要 continue 或 break 的場景,continue;break; 在 forEach() 方法中是不會有作用的,我們需要換個方式來做。

...繼續閱讀 »

[料理佳餚] 拐個彎的 JavaScript 的私有欄位(Private Field)

這天,我想要在 JavaScript 的 Class 中加入一個私有欄位(Private Field),用來封裝建構式傳入的參數,以提供給唯讀屬性使用,爬文研究之後發現,雖然 JavaScript 有定義私有欄位的語法,但它是實驗性質的功能,不一定每個瀏覽器都有支援,至少目前為止 Firefox 就完全不支援,所以我得拐個彎了。

...繼續閱讀 »

[小菜一碟] 極省!用 WebMarkupMin 讓網站流量再節省那麼一點

一般我們如果打造的系統是給企業內部使用的話,走的是 Intranet,大概不會有程式設計師會去在意網路流量,當應用場景搬到了 Internet,流量成為企業經營成本的時候,那可是能省則省,因為在網際網路上大多數的內容,觀看者是沒有直接為這些內容付費的,成本當然能少一點是一點,這篇文章就要來介紹 WebMarkupMin 這個套件,將我們的 HTML 內容做最小化,減少不必要的傳輸流量。

...繼續閱讀 »

[料理佳餚] 用 Jasmine 撰寫一個 JavaScript 的單元測試

對我來說寫測試有一個很大的目的就是「保護既有已完善的程式碼」,我開發的 jQuery 擴充套件 - jquery-model 已經被我們團隊成員接受並廣泛使用,為了保護自己也保護他人,是時候為它投入一些時間架設防護網,而 JavaScript 的單元測試框架有好幾款,我選擇了 Jasmine,為啥呢? 因為它在官網的 GETTING STARTED 頁面就告訴我如何用 STANDALONE 的發行版本來引用 Jasmine,僅此而已。

 
...繼續閱讀 »

[食譜好菜] BundleConfig 在 ASP.NET Core 還存在嗎?

原先從 ASP.NET MVC 4 開始就有的能幫助我們針對 js、css 靜態檔案做 Bundling 及 Minification 的 BundleConfig 到了 ASP.NET Core 還在嗎?答案是有的,只是換了一種使用方式,大致上還是跟原先一樣有兩個步驟:

  1. 設定要 Include 的指令碼檔案
  2. 在 View 裡面嵌入使用

但實現細節卻大不相同,我們來看看是怎麼個不同法?

...繼續閱讀 »