七段

他們有什么區別？我得意的笑 囧……
1, null vs undefined
2, new Object vs new Object()
3, function foo(){} vs var foo=function foo(){}
4，var a=b=undefined; vs var a,b;
5,
VS
6, var a =[[1,2,3],[1,2,3],[1,2,3]]
a[1][2] VS a[1,2]

refer to : http://mir.aculo.us/2009/11/08/6-easy-things-you-can-do-to-improve-your-javascript-runtime-performance/

#1 avoid function calls
#2 embrace the language: []>array, {} > object
#3 loop: no loop > loop
#4 cache globals: function(){var w =window;}
#5 expression tuning: false move to before &&, true move to before ||
#6 what not to use: e.g. with , eval, try catch,

jQuery Common Coding tips:
1, less code by chain coding
2, Use data method instead of storing data inside the DOM.
    

 $('selector').data('meaningfullname', 'this is the data I am storing');

// then later getting the data with

$('selector').data('meaningfullname');

3, If you are Manipulating the DOM a lot, use livequery.(1.3)
 

    $('div.edit').livequery('click', function(){

//go into edit mode

});

4, Use classes as flags:With jQuery you can add a class with the addClass method and then check later if an element has the class with the hasClass method.
5, use same function name to handle different arguments
6, pass options for configuration data
7, test your code by screw.unit
8, make most jQuery code into resuable plugins

jQuery plugin pattern tips:
(from: http://www.learningjquery.com/2007/10/a-plugin-development-pattern)
   1.  Claim only a single name in the jQuery namespace
   2. Accept an options argument to control plugin behavior
   3. Provide public access to default plugin settings
   4. Provide public access to secondary functions (as applicable)
   5. Keep private functions private
   6. Support the Metadata Plugin

已有 0 人發表留言，猛擊->>這里<<-參與討論


JavaEye推薦

• 【杭州】高薪招聘java高級工程師，項目經理，架構師
• 上海30-40萬年薪招聘金融咨詢顧問
• 參加贏在淘寶，獲取開放平臺高級權限
• 【杭州】高薪招聘控件高級開發工程師（9w-18w年薪）

文章來源:http://sevenduan.javaeye.com/blog/507354

Should we do RegEx or not?
*pros:
save time and less efforts
less code
*cons:
sometimes heavyweight or involves heavy processing
complicated RegEx hidden bugs, hard to read/write

In a word, we need to balance the pros and cons above before make a descision.
How to parse RegEx?
//TODO:


已有 0 人發表留言，猛擊->>這里<<-參與討論


JavaEye推薦

• 上海30-40萬年薪招聘金融咨詢顧問
• 參加贏在淘寶，獲取開放平臺高級權限
• 【杭州】高薪招聘java高級工程師，項目經理，架構師
• 【杭州】高薪招聘控件高級開發工程師（9w-18w年薪）

文章來源:http://sevenduan.javaeye.com/blog/507054

請給Array本地對象增加一個原型方法，它的用途是刪除數組條目中重復的條目(可能有多個)，返回值是一個僅包含被刪除的重復條目的新數組。

    var hashCode = function(element){

return element.sort().toSource();

}

Array.prototype.dell = function(hashCode){

var deleList = [];

var obj = {};

do {

var ele = this.pop();

var key = hashCode(ele);

if (obj[key]) {

deleList.push(ele);

}

else {

obj[key] = ele;

}

}

while (this.length > 0);

for (var key in obj) {

this.push(obj[key]);

}

return deleList;

}

var list = [[3, 1], [1, 2], [1, 3]]

expect([[1, 3]]).to(equal, list.dell(hashCode));

expect([[1, 2], [1, 3]].sort()).to(equal, list.sort());

已有 0 人發表留言，猛擊->>這里<<-參與討論


JavaEye推薦

• 上海30-40萬年薪招聘金融咨詢顧問
• 【杭州】高薪招聘java高級工程師，項目經理，架構師
• 參加贏在淘寶，獲取開放平臺高級權限
• 【杭州】高薪招聘控件高級開發工程師（9w-18w年薪）

文章來源:http://sevenduan.javaeye.com/blog/506830

做為一個java coder，除了eclipse, firefox，也是Outlook的重度使用者。
熟用以下快捷鍵是request code review, reply code review的制勝法寶。

創建郵件。  Ctrl+Shift+M
創建便箋。  Ctrl+Shift+N
新建MO文檔。  Ctrl+Shift+H
檢查姓名。  Ctrl+K
面板切換。  F6
答復郵件。  Ctrl+R
移動項目。  Ctrl+Shift+V
reply all。 Ctrl+Shift+R
轉發郵件。 Ctrl+F
“flag”。  Insert
發送。          Alt+S

拼寫檢查。  F7
查找或替換。  F4
增大縮進。  Ctrl+T
減小縮進。 Ctrl+Shift+T
下劃線。 Ctrl+U
增大字號。 Ctrl+]
減小字號。 Ctrl+[或Ctrl+Shift+<
清除格式。  Ctrl+空格鍵
文本左對齊。  Ctrl+L
文本居中對齊。 Ctrl+E
文本右對齊。 Ctrl+R

已有 0 人發表留言，猛擊->>這里<<-參與討論


JavaEye推薦

• 參加贏在淘寶，獲取開放平臺高級權限
• 【杭州】高薪招聘控件高級開發工程師（9w-18w年薪）
• 【杭州】高薪招聘java高級工程師，項目經理，架構師
• 上海30-40萬年薪招聘金融咨詢顧問

文章來源:http://sevenduan.javaeye.com/blog/506109

Efficient JavaScript coding
1, 盡可能選擇高效的method
e.g.
如果沒有必要，可以不用regular expression
String.indexOf, String.lastIndexOf > String.match, String.search, String.replace

2, 面對large loop就要斤斤計較
2.1 Create once, use repeatedly

for( var i = 0, oNode; oNode = oElement.childNodes[i]; i++ ) {

if( oNode.nodeValue.match(/^\s*extra.*free/g) ) {

//this creates the expression

//it will be cached and re-used next time through the loop

}

}

for( var i = 0, oNode; oNode = oElement.childNodes[i]; i++ ) {

if( oNode.nodeValue.match(new RegExp(“^\s*extra.*free”,”g”)) ) {

//this will always create a new copy of the expression, 

//and is generally much slower than creating static expressions.

}

}

2.2 Referencing element once, use repeatedly

var _table =$("#tableId")

for (var index in json) {

otherFun(_table, json[index]);

};

3 eval is evil
Eval 或者 new Function() 執行時，瀏覽器先創建整個scripting環境（就像一個新頁面），導入scope chain中所有變量，執行script，gc, 最后導出所有變量到當前環境。（in a word, cost much）另外，js engine還不能對它們進行cache優化。

4 less is more
Less code, short naming
Only add event listener what you need

5 do less
Take a short circuit
e.g

var logger=window.console && window.console.dir

var logger=window.console || {}

less XHR calling
e.g. enable cache for the same request

6 Reduce reflow
每當添加element到document里，browser就會reflow整個頁面去計算如何重新定位和渲染。

7，cache
Enable cache for duplicated XHR calling
Enable cache for js script file, so move out jscript from jsp to js file.

Reference:
http://slowjavascript.com/JavaScript_Performance_Rocks_Checklist.pdf


已有 0 人發表留言，猛擊->>這里<<-參與討論


JavaEye推薦

• 【杭州】高薪招聘java高級工程師，項目經理，架構師
• 上海30-40萬年薪招聘金融咨詢顧問
• 參加贏在淘寶，獲取開放平臺高級權限
• 【杭州】高薪招聘控件高級開發工程師（9w-18w年薪）

文章來源:http://sevenduan.javaeye.com/blog/505272