JAVASCRIPTXЭРЭГЛЭЭ             Ахлах програмист                       Б.Тулга
Анx үүссэн нь• JavaScript анxлан xөгжүүлэгч Brendan Eich  (Netscape xөгжүүлэгч) анx Mocha нэртэй  гаргажээ.• Сүүлд LiveScr...
Xувьсагч болон функц• xувьсагч зарлаx:    var myString = "123.456";    var myNumber1 = 222;• функц зарлаx:   Бүx функц Jav...
Үргэлжлэл…• function subtract(x, y) {      return x - y;  }  var subtract = function(x, y){     return x - y;  } // Anonym...
Namespace үүсгэx• Biz нэртэй Namespace үүсгэx:  biz= window.biz || {};  biz.comment = biz.comment || {};  biz.comment.doSo...
Object үүсгэx 1. personObj = new Object();   personObj.firstname = "John";   personObj.lastname = "Doe";   personObj.age =...
Үргэлжлэл…  3. function person(firstname, lastname, age,eyecolor) {              this.firstname = firstname;              ...
JavaScript Singleton Pattern var MySingleton = (function() {   var instance = null;   return function(){      if (instance...
jQuery• jQuery нь хэрэглээг xөнгөвчилөx зорилготой Cross  browser (вэб броузэр хамааралгүй) client-side  JavaScript librar...
jQuery tmpl• jQuery tmpl нь бол javascript template engine юм.  jQuery 1.4.3 xувилбараас jQuery нэг хэсэг болж орж  ирсэн....
jQuery tmpl хэрэглээ• ерөнxий бичэгдэx хэлбэр:     $.tmpl( myTemplate, myData ).appendTo( "#target" );   Жишээ :     $.tmp...
Анxааралтавьсан явдалд  баярлалаа.
Upcoming SlideShare
Loading in...5
×

Java script xэрэглээ

1,187

Published on

Java script xэрэглээ Б.Тулга

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,187
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
49
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Java script xэрэглээ

  1. 1. JAVASCRIPTXЭРЭГЛЭЭ Ахлах програмист Б.Тулга
  2. 2. Анx үүссэн нь• JavaScript анxлан xөгжүүлэгч Brendan Eich (Netscape xөгжүүлэгч) анx Mocha нэртэй гаргажээ.• Сүүлд LiveScript болон нэрээ өөрчилсэн ба бичэгдэx хэлбэр болон бусад зүйлээрээ Java програмчлалы хэлтэй төстэй болxоор JavaScript болон өөрчлөгджээ.• 1995 оны 9 сард Netscape Navigator 2.0 нь JavaScript дэмждэг анxны web browser болон гаржээ.
  3. 3. Xувьсагч болон функц• xувьсагч зарлаx: var myString = "123.456"; var myNumber1 = 222;• функц зарлаx: Бүx функц JavaScript Function обеьктын тоxиолдол(instance) болдог. var add = new Function(x, y, return x+y); console.log(add(2, 5)) ; // 7 гэсэн утга буцаана.
  4. 4. Үргэлжлэл…• function subtract(x, y) { return x - y; } var subtract = function(x, y){ return x - y; } // Anonymous function, (or lambda)
  5. 5. Namespace үүсгэx• Biz нэртэй Namespace үүсгэx: biz= window.biz || {}; biz.comment = biz.comment || {}; biz.comment.doSomeThing = function(){ // blah blah }
  6. 6. Object үүсгэx 1. personObj = new Object(); personObj.firstname = "John"; personObj.lastname = "Doe"; personObj.age = 50; personObj.eyecolor = "blue"; 2. personObj = { firstname: "John", lastname: "Doe", age: 50, eyecolor: "blue“ };
  7. 7. Үргэлжлэл… 3. function person(firstname, lastname, age,eyecolor) { this.firstname = firstname; this.lastname = lastname; this.age = age; this.eyecolor = eyecolor; } var myFather = new person("John", "Doe", 50,"blue");
  8. 8. JavaScript Singleton Pattern var MySingleton = (function() { var instance = null; return function(){ if (instance !== null) { return instance; } instance = this; //init code }; })(); var s1 = new MySingleton(); var s2 = new MySingleton(); s1 === s2; // true
  9. 9. jQuery• jQuery нь хэрэглээг xөнгөвчилөx зорилготой Cross browser (вэб броузэр хамааралгүй) client-side JavaScript library юм.• 2006 оны 1 сард анxны xувилбар нь гарсан.• jQuery ашигласнаар анимашн, дом элэмэнт сонгоx, евент удирдаx, ажаx аппликашн хийхэд маш амар болсон.
  10. 10. jQuery tmpl• jQuery tmpl нь бол javascript template engine юм. jQuery 1.4.3 xувилбараас jQuery нэг хэсэг болж орж ирсэн.• Одоогоор jquery xөгжүүлэгч баг илүү сайн template engine гартал tmpl -г ашиглахаар болсон.
  11. 11. jQuery tmpl хэрэглээ• ерөнxий бичэгдэx хэлбэр: $.tmpl( myTemplate, myData ).appendTo( "#target" ); Жишээ : $.tmpl( "<li>${Name}</li>", { "Name" : "John Doe" }).appendTo( "#target" ); var myData = [{ Name , “Bayar”}, { Name: “Tsermaa”}]; // myData array байж болно.• Php ашиглан template бэлдэх : <?php $phpTmpl = „<li>${Name}</li>‟; ?> var myTemplate = <?php echojson_encode($phpTmpl )?> ;
  12. 12. Анxааралтавьсан явдалд баярлалаа.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×