2011年12月19日
2011年12月6日
函數 用法 返回結果
(操作字符函數)
concat() concat(t1,t2,...) 由t1,t2拼接而成的新字符串。
concat_ws() concat_ws(s,t1,t2,...) 由t1st2s拼接而成新字符串。
length() length(s) 字符串s的長度。
left() left(s,x) 字符串s最左邊的x個字符。
right() right(s,y) 與上面函數相對應。
trim() trim(s) 去掉字符串s首尾的空格。
upper() upper(s) 大寫。
lower() lower(s) 小寫。
replace() replace(s,t1,t2) 將字符串s中的t1替換為t2。
substring() substring(s,n,m) 截取s的字串，從第n個開始，取m個字符，n從1開始。
(操作數字函數)
abs() abs(n) n的絕對值。
ceiling() ceiling(n) 不小于n的整數。
floor() floor(n) n取整。
format() format(n,m) 格式化n,精度為m,每三位用逗號隔開。
mod() mod(n,m) n對m取模:n%m。
pow() pow(n,m) n的m次方。
rand() rand() 從0到1.0的隨機數。
round() round(n,m) 4舍5入(原文:n rounded to m decimal places)。
sqrt() sqrt(n) 對n開根。
(操作日期函數)
date() date(dt) 一個日期的值。
hour() hour(dt) 獲取小時。
minute() minute(dt) 獲取分鐘數。
second() second(dt) 獲取秒鐘數。
dayname() dayname(dt) 星期幾。
dayofmonth() dayofmonth(dt) 日期號。
monthname() monthname(dt) 月份名。
month() month(dt) 月份號。
year() year(dt) 年份。
curdate() curdate() 當前日期。
curtime() curtime() 當前時間。
now() now() 當前date。
unix_timestamp() unix_timestamp(dt) UNIX時間戳。
utc_timestamp() utc_timestamp(dt) UTC時間戳。
2011年12月4日
字符：
. 任意字符，可以為字母，數字，空白等。
\w 字符(a-zA-Z)，數字(0-9)，下劃線。
\W 非字母數字。。。與\w相反。
\d 數字。
\D 非數字。
\s 空格，Tab，回車，換行。
\S 與\s相反。
^ 正則字符串的開始標記。
$ .................結尾標記。
\b 空格符，用來判斷串，非字符，非數字，或一些字符的開始或結尾。
[] 取[]符號對中的任意一個，注意是一個。例如：[a-z]即一個小寫字母。
[^] 同樣也是取一個但是，規則和[]相反。例如：[^a-z]即一個非小寫字母。
| 或者符號。例如： a|b 則匹配a或者b中的一個。
\ 講下一個字符標記為一個特殊字符、或一個原義字符、或一個向后引用、或一個八進制轉義符。例如，'n'匹配字符"n"。 '\n'匹配一個換行符。序列 '\\' 匹配 "\" 而
"\("則匹配 "("。
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.在網頁中加入<div>對，作為Maps的容器:
1 <div id="map">
2 
3 </div>
并通過CSS設置其大小等屬性：
1 #map{
2 width: 760px;
3 height: 400px;
4 }
4.調用goMap插件的goMap()函數：
1 $(document).ready(function() {
2 $('#map').goMap();
3 });
接下來就是一些設置地圖center point之類的事了，使用latitude和longitude來設置當前地圖所指向的區域：
1 $(document).ready(function() {
2 $('#map').goMap({
3 latitude : 45.53940,
4 longitude : -122.59025
5 }); // end goMap
6 }); // end ready
1 $('#map').goMap({
2 address : '某某地址'
3 }); // end goMap
也可以設定縮放級別：
1 $('map').goMap({
2 zoom:15
3 });
一些常用的設置選項：
maptype: 'TERRAIN'
scaleControl : true
navigationControl : false
navigationControl: false
scrollwheel: false
disableDoubleClickZoom: true
mapTypeControl : false
...
5.增加標記(Marker)：
1 $('#map').goMap({
2 markers : [
3 {
4 latitude : 45.53940,
5 longitude : -122.59025,
6 title : 'Marker 1'
7 }
8 ]
9 }); // end goMap
如果你想動態的添加標記，則可以使用如下方法：
1 $.goMap.createMarker({
2 latitude : 45.53940,
3 longitude : -122.59025,
4 title : 'Marker 1'
5 });
相反的使用：$.goMap.clearMarkers()或者
$.goMap.removeMarker('marker1') 來去掉標記。
JQuery函數眾多，避免學過又忘記，慢慢積累，慢慢更新：
1.prepend(): 在element的開始位置加入內容
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對象，語法$.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交互主要是使用兩個函數：get()與post()，即對應的Get和Post請求。
先說get()函數，通常情況下，這個函數有三個參數：1.請求URL 2.數據 3.處理函數 ， 即：get('xxx.php',formData,processData);
接下來說說formData，顯然，data不可能總是一個簡單的key-value，很可能是一個表單中的一組數據，這是JQuery也提供了一個很方便的函數：var formData = $(this).serialize();
然后，在處理函數中，processData有兩個參數：1.數據 2.狀態(success,error) 即 processData(formData,status);
post()方法和get()方法在語法上大致相同，而他們的區別就在于Get請求和Post請求本質上的區別，而對兩者的使用也是根據具體情況和兩者的本質來取舍。
用JQuery可以很簡單的使用Ajax技術，其中處理Server傳回的XML格式數據也只需要很簡單的代碼：
比如，Server傳回的內容為：
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的處理方式簡單的來說可以像下面這樣（使用
find('xxx').text()來獲取想要取得的部分內容）：
1 $.get('xml.php','id=234',processXML);
2 function processXML(data) {
3 var messageContent=$(data).
4 find(‘content’).text();
5 }
加入處理錯誤函數：
$.get('xml.php','id=234',processXML).error(errorResponse);
function errorResponse(){};
2011年12月1日
1.Preloading your Images(預加載圖片):
在相應一個action時，大多數人肯定是希望圖片立即顯示的，為了避免延遲，預加載必不可少:
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 }
記錄一下，方便以后查找。