<span class="field-validation-valid" data-valmsg-replace="true" data-valmsg-for="Url"></span>

<table id="browsers-grid">
    <thead>
       <tr>
          <th width="20%">موتور رندرگیری</th>
          <th width="25%">مرورگر</th>
          <th width="25%">پلتفرم (ها)</th>
          <th width="15%">نسخه موتور</th>
          <th width="15%">نمره css</th>
       </tr>
    </thead>

    <tbody>

    </tbody> 

    <tfoot>
       <tr>
          <th>موتور رندرگیری</th>
          <th>مرورگر</th>
           <th>پلتفرم (ها)</th>
          <th>نسخه موتور</th>
          <th>نمره css</th>
       </tr>
    </tfoot>
</table>

{
   "aaData": [
      {"engine":"Trident", "browser":"Internet Explorer 4.0", "platform":"Win95+", "version":"4", "grade":"X"},
      {"engine":"Trident", "browser":"Internet Explorer 5.0", "platform":"Win95+", "version":"5", "grade":"C"},
      {"engine":"Trident", "browser":"Internet Explorer 5.5", "platform":"Win95+", "version":"5.5", "grade":"A"}
   ]
}

$(document).ready(function () {
        $('#browsers-grid').dataTable({
            "sAjaxSource": "datasource/objects.txt",
            "bProcessing": true,
            "aoColumns": [
                { "mDataProp": "engine" },
                { "mDataProp": "browser" },
                { "mDataProp": "platform" },
                { "mDataProp": "version" },
                { "mDataProp": "grade" }
            ]
    });
});

{
   "data": [
      {"engine":"Trident", "browser":"Internet Explorer 4.0", "platform":"Win95+", "version":"4", "grade":"X"},
      {"engine":"Trident", "browser":"Internet Explorer 5.0", "platform":"Win95+", "version":"5", "grade":"C"},
      {"engine":"Trident", "browser":"Internet Explorer 5.5", "platform":"Win95+", "version":"5.5", "grade":"A"}
   ]
}

"sAjaxDataProp": "data"

{ "data": { "inner": [...] } }

"sAjaxDataProp": "data.inner"

"aLengthMenu": [25, 50, 100, -1],

"aLengthMenu": [[25, 50, 100, -1], ["همه", "صد", "پنجاه", "بیست و پنج"]],

'<"class" and '>'

'<"#id" and '>'

System.Web.Mvc, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35

sn -tp MyPublicKey.snk

sn -i MyKeys.snk MyStrongNameKeys

gacutil /u MyAsm,Version=1.3.0.5

gacutil /l

gacutil /l MyAsm

window.localStorage
window.sessionStorage

if(typeof(Storage) !== "undefined") {
    // Code for localStorage/sessionStorage.
} else {
    // Sorry! No Web Storage support..
}

localStorage.setItem("lastname", "Smith");

//========================
localStorage.getItem("lastname");

var a=localStorage.lastname;

//ذخیره مقدار
store.set('username', 'marcus')

//بازیابی مقدار
store.get('username')

//حذف مقدار
store.remove('username')

//حذف تمامی مقادیر ذخیره شده
store.clear()

//ذخیره ساختار
store.set('user', { name: 'marcus', likes: 'javascript' })

//بازیابی ساختار به شکل قبلی
var user = store.get('user')
alert(user.name + ' likes ' + user.likes)

//تغییر مستقیم مقدار قبلی
store.getAll().user.name == 'marcus'

//بازخوانی تمام مقادیر ذخیر شده توسط یک حلقه
store.forEach(function(key, val) {
    console.log(key, '==', val)
})

CrossStorageHub.init([
  {origin: /\.example.com$/,            allow: ['get']},
  {origin: /:\/\/(www\.)?example.com$/, allow: ['get', 'set', 'del']}
]);

valid.example.com

invalid.example.com.malicious.com

{
  'Access-Control-Allow-Origin':  '*',
  'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE',
  'Access-Control-Allow-Headers': 'X-Requested-With',
  'Content-Security-Policy':      "default-src 'unsafe-inline' *",
  'X-Content-Security-Policy':    "default-src 'unsafe-inline' *",
  'X-WebKit-CSP':                 "default-src 'unsafe-inline' *",
}

• توابع خط فرمان - Command Line API
• توابع کنسول - Console API

• $(id)
  
  معادل دستور document.getElementById است که یک المنت با id داده شده بر می‌گرداند .
  

  $("first");

  نتیجه :

  

• $$(selector)
  
  
  آرایه ای از المنت‌های مطابق با selector داده شده بر می‌گرداند .
  

  $$("div.content")

  نتیجه :
  

  

  به تفاوت دو دستور توجه کنید . خروجی دستور اول ، یک المنت است و خروجی دستور دوم یک آرایه از المنت که بین [ و ] قرار گرفته اند .

  برای آشنایی بیشتر با CSS Seletor‌ها به این لینک مراجعه کنید : http://www.w3.org/TR/css3-selectors
  
  

• $x(xPathExpression)
  
  آرایه ای از المنت هایی را بر می‌گرداند که با xPath داده شده مطابقت داشته باشند .
  

  var objects = $x("html/body/div[2]/a")
  
  for(var i = 0; i < objects.length; i++) {
     console.log(objects[i]);
  }

  نتیجه :
  

  

  برای آشنایی بیشتر با عبارات xPath به این لینک مراجعه کنید : http://www.w3schools.com/xpath
  
  
• dir(object)
  
  تمام خصوصیات شیء ارسال شده را لیست می‌کند .
  

  var objects = $x("html/body/div[2]/a")
  
  dir(objects);

  نتیجه :
  

  

• dirxml(node)
  
  سورس یک المنت را بصورت درختواره ( tree ) پرینت می‌کند . همچنین با کلیک بروی هر node ، فایرباگ آن node را در تب html نمایش می‌دهد .
  

  var node = $("first");
  dirxml(node);

  نتیجه :
  

  

  توجه کنید که این دستور فقط یک node دریافت می‌کند . برای همین اگر از دستور $$("#first") استفاده می‌کنید ، چون این دستور یک آرایه بر می‌گرداند ، باید اولین عضو آرایه را دریافت و ارسال کنید .
  یعنی :
  

  var node = $$("#first")[0];
  dirxml(node);

• clear()
  
  این دستور محیط console را خالی می‌کند . عملکرد این دستور معادل کلیک دکمه‌ی Clear ( در بالا - چپ تب کنسول ) است .
  
  
• inspect(object[,tabName])
  
  توسط این دستور می‌توانید یک شیء را در مناسب‌ترین تب فایرباگ یا یکی از تب‌های مورد نظر خود ، Inspect کنید .
  

  var node = $("first");
  
  inspect(node); // inspect in html tab
  inspect(node,'dom'); // inspect in dom tab

• keys(object)
  
  آرایه ای از "نام" تمام خصوصیات شیء ارسال شده بر می‌گرداند .
  

  var obj = $("first");
  keys(obj)

• values(object)
  
  آرایه ای از "مقدار" تمام خصوصیات شیء ارسال شده بر می‌گرداند .
  

  var obj = $("first");
  values(obj)

• debug(fn) and undebug(fn)
  
  این متدها یک BreakPoint در ابتدای تابع مشخص شده اضافه/حذف می‌کنند . ( در تب Script ) . به همین ترتیب هنگامی که تابع مورد نظر فراخوانی شود ، در نقطه ای که BreakPoint قرار داده شده توقف خواهد کرد .
  البته می‌شود BreakPoint را دستی هم قرار داد . در اصل این تابع ، این عملیات را ساده‌تر می‌کند .
  

  debug(myFunc);
  myFunc();
  undebug(myFunc);

• monitor(fn) and unmonitor(fn)
  
  این متدها برای فعال/غیرفعال کردن Logging فراخوانی‌های یک تابع استفاده می‌شوند .
  در حالت عادی برای پی بردن به اینکه یک تابع اجرا می‌شود یا نه ، در تابع مورد نظر یک alert قرار می‌دهیم و تست می‌کنیم . که این روش در برنامه برنامه‌های بزرگ صحیح نیست . زیرا در این حالت باید بین حجم زیادی کد به دنبال تابع مورد نظر بگردیم  و سپس alert را قرار بدهیم و بعد اطمینان از صحت عملکرد تابع مجدد آن را حذف کرد ، که با اتلاف زمان و به خطر انداختن کدها همراه است .
  اما با استفاده از این متدها ، تنها نیاز به داشتن اسم تابع داریم ( و نه مکان تابع در کدهای برنامه ) .
  تست monitor :
  

  monitor(myFunc);
  // now click on "Run myFunc" button

  تست unmonitor :
  

  unmonitor(myFunc);
  // now click on "Run myFunc" button

• monitorEvents(object[, types]) and unmonitorEvents(object[, types])
  
  این متدها عملیات Event Logging برای یک شیء را فعال/غیرفعال می‌کنند . در کنار شیء مورد نظر ، می‌توان نوع رویداد را هم به متد ارسال کرد . در این صورت عملیات Logging فقط برای همان گروه رویداد/رویداد ، فعال/غیرفعال می‌شود .
  منظور از گروه رویداد ، مجموعه رویداد‌های یک شیء است . مثلا mousemove , moseover , mousedown , ... در گروه mouse قرار می‌گیرند . یعنی می‌توانید با ارسال کلمه‌ی mouse فقط رویدادهای mouse را تحت نظر بگیرید یا اینکه فقط یک رویداد را مشخص کنید ، مثل mousedown .
  راه ساده‌تر فعال کردن Event Logging ، رفتن به تب Html ، راست کلیک کردن بروی المنت مورد نظر و فعال کردن گزینه‌ی Log Events می‌باشد .
  

  var obj = $("myInput");
  monitorEvents(obj,'keypress');

  نتیجه پس از فشردن چند دکمه‌ی کیبورد در myInput :
  
  توضیحات بیشتر : http://getfirebug.com/wiki/index.php/MonitorEvents

• profile([title]) and profileEnd()
  
  این متدها ، JavaScript Profiler را فعال/غیرفعال می‌کنند . هنگام فعال کردن می‌توانید یک عنوان هم برای پروفایل مشخص کنید . در قسمت قبلی مقاله در مورد این قابلیت توضیحاتی ارائه شد .
  سه را برای اجرای Profiler وجود دارد :
  1 - کلیک بروی دکمه‌ی Profiler در بالای تب کنسول .
  2 - استفاده از کد console.profile("ProfileTitle") در کدهای جاوا اسکریپت .
  3 - استفاده از متد profile("Profile Title") در خط فرمان .
  
  

  profile("myFunc Testing");
  myFunc();
  profileEnd();

  نتیجه :
  

  
  
  ستون‌های Profiler :

  Function : نام تابع اجرا شده .
  Calls : تعداد دفعات فراخوانی تابع .
  Percent : زمان اجرای تابع در زمان کل ، به درصد .
  Own Time : زمان اجرای تابع به تنهایی . برای مثال در کد ما ، زمان اجرای تابع myFunc به تنهایی تقریبا صفر است زیرا عمیاتی در خود انجام نمی‌دهد و زمان صرف شده در این تابع ، برای اجرای 2 با تابع loop است . این زمان ( Own Time ) زمان اجرای تابع ، منهای زمان صرف شده برای فراخوانی توابع دیگر است .
  Time : زمان اجرای تابع از نقطه‌ی آغاز تا پایان . مجموع زمان اجرای خود تابع به همراه زمان اجرای توابع فراخوانی شده . در کد ما ، این زمان ، مجموع زمان اجرای خود تابع به همراه دو بار فراخوانی تابع loop است .
  Avg : میانگین زمان اجرای هربار تابع . فرمول : Avg = Time / Calls
  Min & Max : حداقل و حداکثر زمان اجرای تابع .
  File : نام فایل و شماره خطی که تابع در آن قرار دارد .