使用 jscoverage 計算 Node.js 程式覆蓋率
在之前的文章使用 mocha 在 Node.js 和瀏覽器環境中單元測試提到如何進行測試，而我們還可以利用工具去進一步計算測試所涵蓋的範圍。 由於之前採用 mocha 作為測試的 Framework，所以這篇文章選擇可以和 mocha 搭配使用的 jscoverage。 在開始之前請先參考之前的文章轉寫好單元測試。 加入jscoverage套件1npm install jscoverage --save-dev (註：安裝到全域會把別人的函式庫也計算進去，所以採用每個專案都安裝) 設定忽略清單有些檔案或資料夾我們不想列入計算，我們可以將清單加入忽略，在專案底下建立 .covignore 檔案，寫入： 12/tests/node_modules/ 這個範例將測試程式放在 tests 而我們不想將它列入計算，所以將該目錄排除，請依據實際情況設定 執行測試之後我們就可以透過以下指令進行測試並計算覆蓋率 1mocha tests/node-test.js -r jscoverage 可以發現就是之前的測試指令多加上 -r jscoverage 的參數。 同樣的我們也可以把它寫到 pack ...
在 Github 上使用 Travis CI 進行持續整合 - Node.js
Travis CI 是一個提供 GitHub 專案持續整合的服務平台，支援各種程式語言，本篇介紹 JavaScript(Node.js) 專案如何結合此服務。 藉由整合 Travis CI，之後只要更新專案到 GitHub 就會自動進行測試，並通知你測試結果。 GitHub 專案啟用 Travis 功能Travis CI 可以直接使用 GitHub 帳號登入，登入後可以點自己的帳號看到自己有的專案 點擊右邊的開關即可啟用。 加入 .travis.yml 檔案在專案中加入 .travis.yml 的檔案，描述專案如何進行 CI 流程，以及測試的環境等資訊，依據不同的程式語言會有不同的選項可以設定。 Travis CI 的流程如下： 從 GitHub 下載專案 (clone)。 進入資料夾。 Checkout 到特定的版本。 執行 before_install。 執行 install。 執行 before_script。 執行 script。 執行 after_success 或 after_failure。 執行 after_script。 其中 install 階段，node.js ...
使用 mocha 在 Node.js 和瀏覽器環境中單元測試
Mocha 是一套 JavaScript 的測試框架 (Test Framework)，有 Node.js 和瀏覽器版本，可分別測試不同環境。 假設我們開發了一個 JavaScript 套件，我們希望可以在 Node.js 和不同瀏覽器上測試，可以用以下方法來達成。 輸出至 module 或是 window在自己開發的 JavaScript 中，最後將程式依據環境輸出 module 或是全域變數，以下皆以 js-md5 為範例 12345678;(function (root, undefined) { // ... if (typeof(module) !== 'undefined') { module.exports = md5; } else if(root) { root.md5 = md5; }}(this)); 建立測試網頁建立測試網頁，例如 tests/index.html，內容需包含以下項目(要注意順序)： 12345678910111213141516171 ...
在 JavaScript 中使用 Base64 Encode / Decode
在較新的瀏覽器中已經有提供 btoa 和 atob 兩個全域函式，可以用來做 base64 的 encode 和 decode，瀏覽器支援參考這裡，基本上就是 IE9 以下不支援，使用方法如下： 12btoa('Hello, world'); // "SGVsbG8sIHdvcmxk"atob('SGVsbG8sIHdvcmxk'); // "Hello, world" 但是內建的函式不支援 UTF8 的編碼： 1btoa('中文'); // DOMException: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range. 而另外在 Node.js 中則可使用內建的 buffer 模組，它也可以支援 UTF8： 12345var Buffer = require('b ...
jQuery 教學 - 常用函式
核心 (Core)$(something)依據參數產生或取得 jQuery 物件 $(selector)依據 selector 規則取得 Elements，例如 1$('#my-element') $(element)將原生的 DOM 物件轉為 jQuery 物件，例如 12var element = document.getElementById('my-element');element = $(element); $(html)建立 Element，例如 1$('<div>Test</div>'); 選擇器 (Selectors)jQuery 除了可以利用 CSS 選擇器的規則找到網頁元素，還可以用其他特別的規則選取，這邊只介紹最常用的標準 CSS 選擇器規則。 ID選擇器 (ID Selector)使用井號 (#) 開頭。 1$('#my-id') 對應到 HTML 1<div id="my-id">This is id selecto ...
Ruby on Rails 部署到 Heroku
簡介本篇文章說明如何將開發好的 Rails 網站程式部署到 Heroku 平台上，並包含 Production 與 Staging 兩種環境。 環境Mac OSRails 4Git: 假設 repo 裡面已有兩個 branch: production 和 staging，分別部署至 production 與 staging 兩種環境 步驟申請 Heroku 帳號先到 Heroku 申請賬號 安裝 Heroku toolbelt接著到這裡下載安裝 Heroku toolbelt 登入 Heroku開啓終端機輸入 1heroku login 並輸入帳號密碼完成登入 建立 SSH key1ssh-keygen -t rsa 都按 Enter 直接用預設值即可 加入 SSH key1heroku keys:add 複製環境設定進入專案目錄下執行 1cp config/environments/production.rb config/environments/staging.rb 設定 databasee.yml編輯 config/databasee.yml，設定如下 123 ...
Markdown 語法 (README.md)
有使用過 GitHub 可能會看過 README.md 或者其他 xxx.md 的檔案，md 表示的意思其實是 Markdown，所以如果有在開發 open source project 的人可能會需要知道 Markdown 文件如何撰寫。 基本上 Markdown 可以用比較簡單的方式撰寫，自動產生出一些網頁語法。而 Markdown 除了最原始版本的定義之外，後來也有一些擴充功能，例如 Table 和 Syntax Highlighting 等。 這邊整合了一份在 GitHub 可用的 Markdown 語法說明與範例：Markdown 範例 在上面的網址裡直接在 GitHub 建立 Repository 撰寫 README.md，可以實際看到語法產生的結果。 參考資料 Markdown Syntax 中文版 GitHub 文件
JavaScript 教學 - 運算子 (Operators) - 下
介紹JavaScript中的運算子 (Operators) 的用法，包含邏輯運算子 (Logical Operator)、字串運算子 (String Operator) 和特殊運算子 (Special Operator)。 邏輯運算子邏輯運算子 (Logical Operator) 在程式語言中一般用來做布林代數使用，進行複數的條件判斷，例如： 1n >= 0 && n <= 100 包含以下運算子 範例 說明 a && b 邏輯 AND，a 為 true 且 b 為 true，則回傳 true a || b 邏輯 OR，a 為 true 或 b 為 true，則回傳 true !a 邏輯NOT，a 為 false，則回傳 true 然而 JavaScript 和其它語言在 && 和 || 邏輯運算子的行為上有些不同之處。 邏輯 AND(&&)JavaScript 中的 && 回傳的結果並不一定是布林值，實際上他會依據以下規則回傳運算結果： 如果運算式轉為布林值為 f ...
JavaScript 教學 - 運算子 (Operators) - 上
介紹 JavaScript 中的運算子 (Operators) 的用法，包含種類、優先順序、算術運算子 (Arithmetic Operator)、指派運算子 (Assignment Operator)、位元運算子 (Bitwise Operator) 和比較運算子 (Comparison Operator)。 簡介運算式運算式 (Expression) 或稱表達式，能夠讓直譯器理解並執行的程式片段都可以稱作運算式， 例如任何的實字或變數名稱，以下為一些運算式： 1234123i123 + ix = 123 + i 以下不是運算式： 12123 +x = 123 + 種類運算式中可透過提供一些數值給運算子 (Operator，或運算符) 進行運算，進而得到一個運算結果，可以想成類似函式的回傳。另外被運算的數值稱為運算元 (Operand)。 依據運算元的個數，運算子可以分為三種： 一元運算子，只有一個運算元，例如：!, ++ 等。 二元運算子，包含兩個運算元，大部分都屬於這類。 三元運算子，包含三個運算元，只有 ? : 運算子屬於此類。 而依據性質，可以分為： 算術運算子 ( ...
如何在 Mac 移除 pkg 程式
有時候會在 Mac 上安裝一些 pkg 類型的程式，不像 app 類型的程式可以在 Launchpad 中管理刪除，或者直接將 app 檔案刪除即可，要移除 pkg 套件相對麻煩許多，必須將它安裝的檔案逐一移除。 你可以嘗試以下的步驟將相關檔案移除： 開啟終端機 (Terminal)，輸入： 1pkgutil --pkgs | grep 套件可能的名稱 如果不確定名稱的話，可以全部列出尋找： 1pkgutil --pkgs 找到一個完整的套件名稱之後，查詢套件完整訊息，輸入： 1pkgutil --pkg-info 完整的套件名稱 例如： 123456pkgutil --pkg-info org.virtualbox.pkg.virtualboxpackage-id: org.virtualbox.pkg.virtualboxversion: 4.2.10volume: /location: Applications/install-time: 1363958181 接著切換到 volume 和 location 所指向的位置： 1cd /Applications/ 先將身份 ...
