<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>เทคนิคการเขียนเว็บ เขียนโปรแกรม php คัดมา เน้น ๆ : webshowpow.com &#187; 1 ปี</title>
	<atom:link href="http://www.webshowpow.com/tag/1-%e0%b8%9b%e0%b8%b5/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webshowpow.com</link>
	<description>เทคนิคการเขียนเว็บ เขียนโปรแกรม php คัดมา เน้น ๆ</description>
	<lastBuildDate>Thu, 01 Dec 2011 10:20:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>3 เหตุผลที่เราควรจะใช้ jQuery จาก Google</title>
		<link>http://www.webshowpow.com/3-%e0%b9%80%e0%b8%ab%e0%b8%95%e0%b8%b8%e0%b8%9c%e0%b8%a5-jquery-google/</link>
		<comments>http://www.webshowpow.com/3-%e0%b9%80%e0%b8%ab%e0%b8%95%e0%b8%b8%e0%b8%9c%e0%b8%a5-jquery-google/#comments</comments>
		<pubDate>Wed, 25 May 2011 15:55:16 +0000</pubDate>
		<dc:creator>แว่นตก</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Knowledge]]></category>
		<category><![CDATA[1 ปี]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[ดาวน์โหลด]]></category>
		<category><![CDATA[ลดยุ่งเหยิง]]></category>
		<category><![CDATA[เครือข่าย]]></category>
		<category><![CDATA[เวปไซต์]]></category>
		<category><![CDATA[แคช]]></category>
		<category><![CDATA[โฮสต์]]></category>
		<category><![CDATA[ได้เปรียบ]]></category>
		<category><![CDATA[ไม่การเปลี่ยนแปลง]]></category>
		<category><![CDATA[ไลบารี่]]></category>

		<guid isPermaLink="false">http://www.webshowpow.com/?p=49</guid>
		<description><![CDATA[1. ลดความยุ่งเหยิง CDN คือ การกระจายข้อมูล ข้าม server ต่างๆ ในระบบเครือข่าย ซึ่งเมื่อผู้ใช้งานเปิดเวปไซด์ เบราว์เซอร์ของผู้ใช้จะดาวน์โหลดข้อมูลอัตโนมัติ จากระบบเครือข่ายที่ใกล้ที่สุด ซึ่งหมายความว่า ถ้าใช้ไลบารี่ jQuery จาก Google ผู้ใช้งานที่ไม่ได้อยู่ใกล้ server ของคุณ จะสามารถดาวน์โหลด jQuery ได้เร็วกว่าดาวน์โหลดจาก server ของตัวท่านเอง &#160; 2. เพิ่มความได้เปรียบ ในการลดการใช้งานเซิร์ฟเวอร์เกินพิกัด โดยไม่จำเป็น [...]]]></description>
			<content:encoded><![CDATA[<p><u><strong>1. ลดความยุ่งเหยิง</strong></u><br />
CDN คือ การกระจายข้อมูล ข้าม server ต่างๆ ในระบบเครือข่าย  ซึ่งเมื่อผู้ใช้งานเปิดเวปไซด์<br />
เบราว์เซอร์ของผู้ใช้จะดาวน์โหลดข้อมูลอัตโนมัติ จากระบบเครือข่ายที่ใกล้ที่สุด </p>
<p>ซึ่งหมายความว่า ถ้าใช้ไลบารี่ jQuery จาก Google ผู้ใช้งานที่ไม่ได้อยู่ใกล้ server ของคุณ<br />
จะสามารถ<strong>ดาวน์โหลด jQuery ได้เร็วกว่า</strong>ดาวน์โหลดจาก server ของตัวท่านเอง</p>
<p>&nbsp;</p>
<p><u><strong>2. เพิ่มความได้เปรียบ</strong></u><br />
ในการลดการใช้งานเซิร์ฟเวอร์เกินพิกัด โดยไม่จำเป็น  ควรจะกำหนดจำนวนในการเข้าไปใช้งาน<br />
พร้อมกัน ซึ่งจำนวนนั้นอาจจะเท่ากับ 2 ความต้องการในแต่ละโฮสต์ </p>
<p>ในการใช้งานไลบารี่ jQuery จาก Google จะเป็นการลดหนึ่งความต้องการในเวปไซด์ของท่าน<br />
ทำให้ความสามารถในการดาวน์โหลดข้อมูลของเวปไซด์ท่านเพิ่มขึ้น ซึ่งมันอาจจะไม่สร้าง<br />
ความแตกต่างอย่างเด่นชัด  แต่สำหรับเวปไซด์ที่อนุญาตให้ใช้งานพร้อมกันแค่ 2 ความต้องการ<br />
ความแตกต่างนั้นจะเห็นได้อย่างชัดเจน</p>
<p><span id="more-49"></span><br />
<u><strong>3. แคชที่ดีขึ้น</strong></u><br />
ประโยชน์ที่สำคัญมากที่สุดในการใช้ไลบารี่ jQuery จาก Google คือ ผู้ใช้งานเวปไซด์ของท่าน<br />
<strong>อาจไม่จำเป็นต้องดาวน์โหลด jQuery เลย</strong></p>
<p>ไม่ว่าการทำงานแคชของคุณเป็นแบบไหน  ผู้ใช้งานเวปไซต์ของท่าน ต้องดาวน์โหลด jQuery<br />
อย่างน้อยหนึ่งครั้ง จากโฮสต์ของท่าน  ซึ่งผู้ใช้งานเวปไซต์ของท่าน อาจจะมีก๊อบปี้ของ jQuery<br />
อยู่แล้วในเบราว์เซอร์ของเขาเอง  แต่ก็ยังคงต้องดาวน์โหลด  jQuery จากโฮสต์ของท่าน<br />
ในการเข้าเวปไซต์ท่านครั้งแรก</p>
<p>ในทางกลับกัน  เมื่อเบราว์เซอร์เห็นการร้องขอ jQuery จาก Google ใน version เดียวกัน<br />
ก็จะเข้าใจว่าเป็นการร้องขอไฟล์ที่ซ้ำกัน ไม่เพียงแค่ทาง Google จะส่งผลตอบรับในการร้อง<br />
ขอไฟล์ jQuery ว่า 304  &#8220;ไม่มีการเปลี่ยนแปลง&#8221;  แต่ตามปกติของเบราว์เซอร์ <strong>จะเก็บแคช<br />
อย่างน้อย 1 ปี</strong></p>
<p>นั้นหมายความว่า ถ้ามีใครเข้าใช้งาน 100 เวปไซต์  ที่ใช้เวอร์ชันไฟล์ jQuery จาก Google<br />
เดียวกัน  <strong>เขาจะต้องดาวน์โหลด jQuery แค่ครั้งเดียว</strong></p>
<p>&nbsp;</p>
<p><strong>วิธีการใช้งาน ไลบารี่ jQuery จาก Google</strong><br />
มี 2 วิธีที่ทาง Google แนะใช้ให้</p>
<p>&nbsp;</p>
<p><strong>วิธีที่ 1</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;">&lt;script type=&quot;text/javascript&quot; src=&quot;http://www.google.com/jsapi&quot;&gt;&lt;/script&gt;
<span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
  <span style="color: #006600; font-style: italic;">//  คุณจะต้องใส่ค่าตัวแปร เช่น &quot;1&quot; หรือ &quot;1.3&quot;  ใน google.load()</span>
  <span style="color: #006600; font-style: italic;">//  แต่ผลลัพธ์จะเหมือนกัน คือจะโหลดเวอร์ชั่นล่าสุดที่เกี่ยวข้องกับตัวเลขที่คุณกรอกไป</span>
  <span style="color: #006600; font-style: italic;">//  (ตัวอย่าง - ถ้าใส่ค่า 1 หรือ 1.3 ก็จะโหลดตัวล่าสุดคือ 1.3.2 )</span>
  google.<span style="color: #660066;">load</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;jquery&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;1.3.2&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
  google.<span style="color: #660066;">setOnLoadCallback</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #006600; font-style: italic;">// วาง Code ที่ตำแหน่งนี้</span>
  <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p>วิธีการนี้ คุณจะต้องใช้ google.setOnLoadCallback(function()<br />
และจะไม่สามารถใช้  $(document).ready() ได้</p>
<p>&nbsp;</p>
<p><strong>วิธีที่ 2</strong></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;">&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/
jquery/1.3.2/jquery.min.js&quot;&gt;&lt;/script&gt;
<span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
  $<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #006600; font-style: italic;">// วาง Code ที่ตำแหน่งนี้ </span>
  <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p>&nbsp;</p>
<p><u>ปล.</u> จริง ๆ แล้ว ทาง Google ไม่ได้เตรียมไลบารี่ ให้ใช้แค่ jQuery แต่ยังมี<br />
jQuery UI, Prototype, script.aculo.us, MooTools, Dojo, SWFObject,<br />
Yahoo! User Interface Library (YUI), Ext Core และ Chrome Frame</p>
<p>&nbsp;</p>
<p><u>รายละเอียดเพิ่มเติม</u></p>
<p>http://code.google.com/apis/ajaxlibs/documentation/</p>
<p>&nbsp;</p>
<p><u>บทความมาจาก</u></p>
<p>http://encosia.com/2008/12/10/3-reasons-why-you-should-let-google-host-jquery-for-you/</p>
<p>&nbsp;</p>
<blockquote><p>ใครใช้อะไรเขียนก็ใช้อันนั้น ตามสบายนะครับ เพื่อความได้เปรียบ โฮะๆๆ</p></blockquote>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webshowpow.com/3-%e0%b9%80%e0%b8%ab%e0%b8%95%e0%b8%b8%e0%b8%9c%e0%b8%a5-jquery-google/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

