2011年12月19日
2011年12月6日
函數(shù) 用法 返回結(jié)果
(操作字符函數(shù))
concat() concat(t1,t2,...) 由t1,t2拼接而成的新字符串。
concat_ws() concat_ws(s,t1,t2,...) 由t1st2s拼接而成新字符串。
length() length(s) 字符串s的長(zhǎng)度。
left() left(s,x) 字符串s最左邊的x個(gè)字符。
right() right(s,y) 與上面函數(shù)相對(duì)應(yīng)。
trim() trim(s) 去掉字符串s首尾的空格。
upper() upper(s) 大寫(xiě)。
lower() lower(s) 小寫(xiě)。
replace() replace(s,t1,t2) 將字符串s中的t1替換為t2。
substring() substring(s,n,m) 截取s的字串，從第n個(gè)開(kāi)始，取m個(gè)字符，n從1開(kāi)始。
(操作數(shù)字函數(shù))
abs() abs(n) n的絕對(duì)值。
ceiling() ceiling(n) 不小于n的整數(shù)。
floor() floor(n) n取整。
format() format(n,m) 格式化n,精度為m,每三位用逗號(hào)隔開(kāi)。
mod() mod(n,m) n對(duì)m取模:n%m。
pow() pow(n,m) n的m次方。
rand() rand() 從0到1.0的隨機(jī)數(shù)。
round() round(n,m) 4舍5入(原文:n rounded to m decimal places)。
sqrt() sqrt(n) 對(duì)n開(kāi)根。
(操作日期函數(shù))
date() date(dt) 一個(gè)日期的值。
hour() hour(dt) 獲取小時(shí)。
minute() minute(dt) 獲取分鐘數(shù)。
second() second(dt) 獲取秒鐘數(shù)。
dayname() dayname(dt) 星期幾。
dayofmonth() dayofmonth(dt) 日期號(hào)。
monthname() monthname(dt) 月份名。
month() month(dt) 月份號(hào)。
year() year(dt) 年份。
curdate() curdate() 當(dāng)前日期。
curtime() curtime() 當(dāng)前時(shí)間。
now() now() 當(dāng)前date。
unix_timestamp() unix_timestamp(dt) UNIX時(shí)間戳。
utc_timestamp() utc_timestamp(dt) UTC時(shí)間戳。
2011年12月4日
字符：
. 任意字符，可以為字母，數(shù)字，空白等。
\w 字符(a-zA-Z)，數(shù)字(0-9)，下劃線。
\W 非字母數(shù)字。。。與\w相反。
\d 數(shù)字。
\D 非數(shù)字。
\s 空格，Tab，回車(chē)，換行。
\S 與\s相反。
^ 正則字符串的開(kāi)始標(biāo)記。
$ .................結(jié)尾標(biāo)記。
\b 空格符，用來(lái)判斷串，非字符，非數(shù)字，或一些字符的開(kāi)始或結(jié)尾。
[] 取[]符號(hào)對(duì)中的任意一個(gè)，注意是一個(gè)。例如：[a-z]即一個(gè)小寫(xiě)字母。
[^] 同樣也是取一個(gè)但是，規(guī)則和[]相反。例如：[^a-z]即一個(gè)非小寫(xiě)字母。
| 或者符號(hào)。例如： a|b 則匹配a或者b中的一個(gè)。
\ 講下一個(gè)字符標(biāo)記為一個(gè)特殊字符、或一個(gè)原義字符、或一個(gè)向后引用、或一個(gè)八進(jìn)制轉(zhuǎn)義符。例如，'n'匹配字符"n"。 '\n'匹配一個(gè)換行符。序列 '\\' 匹配 "\" 而
"\("則匹配 "("。
2011年12月3日
1.引入Google Maps的外部Javascript文件：
1 <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
2.引入JQuery文件：
1 <script src="js/jquery-1.6.3.min.js"></script>
2 <script src="js/jquery.gomap-1.3.2.min.js"></script>
3.在網(wǎng)頁(yè)中加入<div>對(duì)，作為Maps的容器:
1 <div id="map">
2 
3 </div>
并通過(guò)CSS設(shè)置其大小等屬性：
1 #map{
2 width: 760px;
3 height: 400px;
4 }
4.調(diào)用goMap插件的goMap()函數(shù)：
1 $(document).ready(function() {
2 $('#map').goMap();
3 });
接下來(lái)就是一些設(shè)置地圖center point之類(lèi)的事了，使用latitude和longitude來(lái)設(shè)置當(dāng)前地圖所指向的區(qū)域：
1 $(document).ready(function() {
2 $('#map').goMap({
3 latitude : 45.53940,
4 longitude : -122.59025
5 }); // end goMap
6 }); // end ready
關(guān)于latitude和longitude可以進(jìn)入此網(wǎng)站：
http://itouchmap.com/latlong.html 在搜索框中輸入你想要定位的地址，然后點(diǎn)擊”Go”按鈕，就會(huì)出現(xiàn)相應(yīng)的值。
當(dāng)然，goMap()函數(shù)同樣可以直接使用地址來(lái)定位：
1 $('#map').goMap({
2 address : '某某地址'
3 }); // end goMap
也可以設(shè)定縮放級(jí)別：
1 $('map').goMap({
2 zoom:15
3 });
一些常用的設(shè)置選項(xiàng)：
maptype: 'TERRAIN'
scaleControl : true
navigationControl : false
navigationControl: false
scrollwheel: false
disableDoubleClickZoom: true
mapTypeControl : false
...
5.增加標(biāo)記(Marker)：
1 $('#map').goMap({
2 markers : [
3 {
4 latitude : 45.53940,
5 longitude : -122.59025,
6 title : 'Marker 1'
7 }
8 ]
9 }); // end goMap
如果你想動(dòng)態(tài)的添加標(biāo)記，則可以使用如下方法：
1 $.goMap.createMarker({
2 latitude : 45.53940,
3 longitude : -122.59025,
4 title : 'Marker 1'
5 });
相反的使用：$.goMap.clearMarkers()或者
$.goMap.removeMarker('marker1') 來(lái)去掉標(biāo)記。
JQuery函數(shù)眾多，避免學(xué)過(guò)又忘記，慢慢積累，慢慢更新：
1.prepend(): 在element的開(kāi)始位置加入內(nèi)容
1 function processData(data){
2 if(data == 'pass'){
3 $('#content').html('<p>You have successfully logged on!</p>');
4 }
else{
5 $('#formwrapper').prepend('<p id="fail">Incorrect login information. Please
try again</p>');
6 }}
7 }
2.$.getJSON():獲取JSon對(duì)象，語(yǔ)法$.getJSON('xxx.php',data,callback);
1 $.getJSON('contacts.php','limit=2',processContacts);
2 function processContacts(data){
3 var infoHTML = '';
4 //loop through each object in the JSON data
5 $.each(data,
function(contact,contactInfo){
6 infoHTML += '<p>Contact: ' + contactInfo.firstName;
7 infoHTML += ' ' + contactInfo.lastName + '<br />';
8 infoHTML += 'Phone: ' + contactInfo.phone + '</p>';
9 });
10 11 $('#info').html(infoHTML);
2011年12月2日
JQuery中Ajax交互主要是使用兩個(gè)函數(shù)：get()與post()，即對(duì)應(yīng)的Get和Post請(qǐng)求。
先說(shuō)get()函數(shù)，通常情況下，這個(gè)函數(shù)有三個(gè)參數(shù)：1.請(qǐng)求URL 2.數(shù)據(jù) 3.處理函數(shù) ， 即：get('xxx.php',formData,processData);
接下來(lái)說(shuō)說(shuō)formData，顯然，data不可能總是一個(gè)簡(jiǎn)單的key-value，很可能是一個(gè)表單中的一組數(shù)據(jù)，這是JQuery也提供了一個(gè)很方便的函數(shù)：var formData = $(this).serialize();
然后，在處理函數(shù)中，processData有兩個(gè)參數(shù)：1.數(shù)據(jù) 2.狀態(tài)(success,error) 即 processData(formData,status);
post()方法和get()方法在語(yǔ)法上大致相同，而他們的區(qū)別就在于Get請(qǐng)求和Post請(qǐng)求本質(zhì)上的區(qū)別，而對(duì)兩者的使用也是根據(jù)具體情況和兩者的本質(zhì)來(lái)取舍。
用JQuery可以很簡(jiǎn)單的使用Ajax技術(shù)，其中處理Server傳回的XML格式數(shù)據(jù)也只需要很簡(jiǎn)單的代碼：
比如，Server傳回的內(nèi)容為：
1 <?xml version="1.0" ?>
2 <message id="234">
3 <from>Bob</from>
4 <to>Janette</to>
5 <subject>Hi Janette</subject>
6 <content>Janette, let's grab lunch today.</
7 content>
8 </message>
則，JQuery的處理方式簡(jiǎn)單的來(lái)說(shuō)可以像下面這樣（使用
find('xxx').text()來(lái)獲取想要取得的部分內(nèi)容）：
1 $.get('xml.php','id=234',processXML);
2 function processXML(data) {
3 var messageContent=$(data).
4 find(‘content’).text();
5 }
加入處理錯(cuò)誤函數(shù)：
$.get('xml.php','id=234',processXML).error(errorResponse);
function errorResponse(){};
2011年12月1日
1.Preloading your Images(預(yù)加載圖片):
在相應(yīng)一個(gè)action時(shí)，大多數(shù)人肯定是希望圖片立即顯示的，為了避免延遲，預(yù)加載必不可少:
var preloadImages = ['images/roll.png',
2 'images/flower.png',
3 'images/cat.jpg'];
4 var imgs = [];
5 for (var i=0; i<preloadImages.length;i++) {
6 imgs[i] = new Image();
7 imgs[i].src = preloadImages[i];
8 }
記錄一下，方便以后查找。