跳到主要內容

發表文章

目前顯示的是 三月, 2016的文章

JavaScript Namespae(命名空間)

大家好,我是奶綠茶
今天來討論 JavaScript Namesapce 命名空間
首先來了解一下 JS 的變數命名原理
var myVar = "milkmidi"; // 我是其他的程式碼 // 我是其他的程式碼 // ... // 我是其他的程式碼 var myVar = 0;
可以發現 myVar 被宣告了二次
而後者變數會蓋掉前則
function 也是一樣的原理
function myFun(){ } // 我是其他的程式碼 // 我是其他的程式碼 // ... // 我是其他的程式碼 function myFun(){ // 蓋掉之前同名的 myFun 函式 }
當然自己寫的程式不會發生同變數/函式
但如果跟其他人一起 Team Work 時,難保別人寫的名稱和你一樣
為了避免互蓋的問題
所以我們引用了 Namespace 的方法
但 JS 並沒有真正的 Namespace
而且是 Object 來模擬
// 用 Object 來當 Namespace // 變數名稱就用自己的英文名來命名 var milkmidi = {}; milkmidi.myVar = "milkmidi"; milkmidi.myFun = function(){ } // 我是其他的程式碼 // 我是其他的程式碼 // ... // 我是其他的程式碼 var otherPartner = {}; otherPartner.myVar = "otherPartner"; otherPartner.myFun = function(){ } // 要呼叫自己寫的函式就用 milkmidi.myFun(); // 同事寫的就用 otherPartner.myFun();
這樣就可以決解彼此互蓋問題。

決解自己蓋自己的命名空間
為了開發方便
會把自己常用的 JS 依功能來分類
JS 命名空間也只是用Object變數來模擬,一樣會發生蓋掉的問題
// script a.js var milkmidi = {}; milkmidi.getTitle = function(){}; // script b.js var milkmidi = {}; milkmidi.doFBLogin = function(){}…

素材製作好工具 TexturePacker-4.x

大家好,我是奶綠茶
Flash 己經 byebye了
現在是 HTML5 時代
為了增加效能與載入速度
會把用到的素材圖片,壓成一大張
或是要製作成 SpriteSheet
現在 TexturePacker 4.x 推出來,來看看有什麼好用的新功能


把所有的圖片拉進來


奶綠我最常使用的是 CreateJS 和 PixiJS
選擇要輸出的格式,支援超多的啦


再按下 Publish
就會匯出你需要的格式,真的很方便
可以免費的下載使用
https://www.codeandweb.com/texturepacker
免費版會把你的一張圖更改掉,所以也只能用在教學或是測試
專案要用還是需要付費買一套的喔

TP:B65E3ECD
TP:B65E3ECD