網頁

Javascript 陣列觀念&相關方法 [Javascript Array]

重要觀念:Arrays 是一種特殊的 Objects

首先介紹Array的兩種宣告方式:
var cars = [];

var cars = new Arrary();

3分鐘內建立Azure WebSites

說到雲端服務,最基本的就是要學會快速用雲端服務建立自己的網站,今天就以圖片的方式告訴大家如何在三分鐘內建立Azure Websites吧!

JavaScript 封裝 [JavaScript Closure]


今天要介紹的是Javascript裡非常重要的概念 - "封裝(Closure)"
也就是和C#、JAVA等語言一樣,變數也會有Private、Public的差別!

Javascript Hoist

W3School Hoist解說參考

大家可能沒想過,為什麼在JavaScript中我們能在前面就叫用後來宣告的方法呢?
這是因為JavaScript中"Hoist"這個行為所產生的結果,今天就來和大家分享這個小知識吧!

"Hoist"中文翻做"提升",顧名思義,就是在Javascript中預設會自動將宣告的變數/方法提到最前面,因此先使用後來才宣告變數/方法是沒問題的,如下:

Javascript 中參數 this 的意義、呼叫function的三種方法

this 代表"擁有"這個 function 的 object
所以如果是放在最外層(就是什麼都沒有包)直接呼叫,那麼this就是window object這個物件了!可以參照如下所示,但是這個例子這樣做是不對的,因為隨意使用window object很容易讓整個程式當掉:

function myFunction() {
    return this;
}
myFunction();                // Will return the window object

Javascript String 相關方法 [Javascript String Method]

  • indexOf() 搜尋第一個符合的字,回傳index,若無則回傳-1
    var str = "Please locate where 'locate' occurs!";
    var pos = str.indexOf("locate");
  • lastIndexOf() 搜尋最後一個符合的字,回傳index,若無則回傳-1
  • search() 和 indexOf() 完全一樣

Sublime Text 3 安裝常見問題(Package Control手動安裝、"No packages available for installation"、安裝Emmet出現錯誤)

Sublime Text 3 是身為前端工程師必安裝的工具,在保哥Sublime Text 3 新手上路:必要的安裝、設定與基本使用教學 這篇中都介紹的很詳細,但是在公司安裝時,由於使用Proxy的關係常常會遇到一些問題,以下整理安裝方法及問題解決方式:

※請先至 Sublime Text 3 網頁選擇適合自己的版本下載安裝

安裝完後首先要做的是安裝最重要的Package Control
一般安裝方式為: