Ajax入門學習筆記

今天下午,隨便翻了幾本Ajax的書籍 .包括Lee Babin的 Beginning Ajax with PHP ; Ajax Hack 等。算是曉得Ajax是啥東西了。 Ajax依賴於Javascript和XML,實現異步的數據傳輸,在Web客戶端的表現就是頁面無需刷新。這玩意最早是、Microsoft提出來的,貌似現在還沒有國際標準,但所有主流瀏覽器都支持。Ajax核心是Javascript的 windows.XMLHttpRequest對象 (IE6以下版本是ActiveXObject) 要創建一個 Ajax實例,只需創建 XMLHttpRequest對象即可。但是IE6及以下版本必須用完全不同的ActiveXObject方式創建。所幸的是除了初始化外兩種方式創建的對象屬性和方法幾乎完全相同 .而且 IE7也開始支持標準XMLHttpRequest 對象.但現在貌似IE6還有人用..   XMLHttpRequest對象使用極其簡單,基本的用法如下: function ajax(uri,id) { var content=document.getElementById(id); xmlhttp.open(“GET”,uri); //xmlhttp是創建的XMLHttpRequest對象 xmlhttp.onreadystatechange=function() { if( xmlhttp.readystate=4 && xmlhttp.status=200) { content.innerHTML=xmlhttp.responseText; } xmlhttp.send(null); }   所有複雜的Ajax運用,基本原理都是這樣 .XMLHttprequest的 open方法向服務器提交請求,GET是請求方式,也可以是POST.uri是目標文件URL,例如”abc.htm” ,” abc.php&a=1″之類,也可以是絕對路徑. XMLHttprequest 的 readystate有四種狀態: 0,1,2,3,4 分別表示 初始化,載入中,正在載入,交互中和完成. 用onreadystatechange監控這一值改變,當完成後 如果 服務器返回狀態碼是200 […]

Continue reading

這個Theme確實得換了

自Blog建立以來偶只換過一次Theme ,就是從WP默認主題換為現在這個.後來一直修修補補用到現在. 確實該換了.這個主題寬度只有770px,在寬屏橫行的這個年代確實窄了點。功能也少,所有頁面的側邊欄都一個樣,非常單調。。Widgets樣式太難看。。。。總之缺點多多,現在越看越不順眼。。。。 一定要換。而且得是自己做滴Theme。 本周我就開始做新Theme。 (上次湊合做的La Lune主題現在用在偶英文Blog了 – -)。 大致框架已經想好了。三欄,加入一些新特性 。配色嘛 ,藍白黑灰綠差不多了。。。 代碼和DIV+CSS應該問題不大。這幾天一直在看HTML/CSS/Javascript/PHP函數庫辭典 。。。頭疼的是美工。。。Photoshop/ Fireworks之類的東西 基本不會用 。。。實在不行到QQ上抓一個懂美工的人來幫忙做圖 – -。 PS:話說,偶還有一個網絡相冊,收集了超過7萬張圖片,包括大量Web設計素材。一直沒用上。這次可以到裏面好好找找看,有啥合適的圖片素材. 。就這樣=V=

Continue reading

The next WordPress Theme I will design

Now I am considering designing my next ( also the second ) WordPress Theme ,which is temporarily named ” Sakupple” ( Combined from sakura apple … – – ). I wish( Just a dream ?) this theme will become a Great , Beaytiful , and attractive theme . Just like the Theme which my sister […]

Continue reading

傳說中滴點名遊戲.

可島可薇同學前幾天在博客上點了我的名, 看起來挺好玩的…(不知道啥叫點名遊戲?,看看這裡) .偶Blog的About頁看似內容很多,其實沒有一點有價值信息( – – . .).借這個機會,向來偶Blog的朋友們透露一些自己的一些信息~~ OK ,回答問題先 1.如何將生活與工作做最好的調配? 還沒工作.偶覺得在偶工作以後這將索個嚴重的問題….,學生時代的壓力畢竟小的多 2.說出一個你認為自己最大的缺點。 缺點太多了。沒優點就是最大缺點 – – 3.最鬱悶的事。 昨天在公交車站看到一可愛的小女孩,很Loli的那種,偶湊近想仔細看看,結果小女孩先是一臉警惕的看着偶,然後乾脆跑開了。。。。。狂鬱悶。。。偶很像怪蜀黍嗎。。。。。 4.你最希望從朋友(不包括愛人)那裡得到的是什麼? 幫助,支持,慰藉與信任。 5.你最想去哪個地方?為什麼? 美國 &法國& 日本 。美國很自由,法國很浪漫,日本很萌 – – . . 而且偶有學英語,法語,日語 6.推薦一家你認為好吃又實惠的美食店。 沒啥特別推薦的。。。生活上偶是很隨意的。 7.你有很要好並且感情純潔的異性朋友么?who is she/he? 幼兒園有(傳說中的青梅竹馬) 小學有(很多個) 初中,算有吧。。。 高中,算沒有吧。。。。 現在。。。。。。沒有。。。。汗。。。毒男也。。。。 8.遇到喜歡的人,你是勇敢表白還是默默關注? 沒經驗,我是希望像王小波那樣啦,不過現在心理素質還不行。 9.說出點你名的人的3個優點(不可刪除題) 可島可薇同學吧,偶和他(他們?,貌似這索兩兄弟滴博客)認識不久。我感覺他是個很仔細滴人,因為我發現他很快加了偶QQ,偶QQ在我博客的Contact頁有公布,但加好友需要回答一個問題,這個問題又可以在偶Blog的側邊欄找到答案…餓…我要說的是能夠發現這些信息的人給人映像是非常認真,仔細,清爽滴Boy ~~ 10.什麼事情會讓你覺得很幸福? 活着.(想到有一天將死亡你難道不害怕嗎?) 11.你最想回到哪一年重新開始? 回到出生.在下的21年人生簡直不堪回首 – – . . 12.你對你的近況滿意嗎?有什麼需要改變? 沒啥目標理想,所以日子湊合著過.本來沒什麼.不過最近認識一位叫Jaica的仙女姐姐 ,人美,Blog美,文字美,攝影作品也漂亮~~.感覺自己在她面前好渺小 […]

Continue reading

DIV +CSS區塊自適應高度

做主題遇到這個問題.假設下面區塊: 經典的二欄+Footer欄布局.content /sidebar區塊分別設置為 向左/右float即可.如果三列則兩列浮左,一列浮右. 通常這樣沒有問題.但如果給區塊加上background-color:(背景顏色),例如: 默認背景(page)白色 content 列,背景紅色 sidebar列: 背景黑色. 通常情況下,content 和sidebar的高度塊不會相等,那麼結果就會出現其中一列背景正常,而另一列上面是背景色,下面是白色!. 這個貌似是DOV+CSS下經典的自適應高度問題.我嘗試給 sidebar /content列加上 height: 100% ;和 min-height:100%,均無效. (不知道原因,手冊上說min-height百分比單位為參照父元素寬度) . 有看到一種方法: page塊背景色:設為黑色 content 列,背景 紅色 sidebar列: 背景 黑色.. 但這樣只有在Sidebar列高度超過 content列時才有效!!,如果反過來呢? 我從現在使用的主題里找到了解決方法 #page { background: url(“images/back.jpg”) repeat-y top right; } 把 back.jpg這個圖片顏色設為Sidebar背景色,寬度設為和Sidebar寬度相等(sidebar有margin的話相應減去),從右上方開始填充!,那麼就正好覆蓋Sidebar塊所在的整個列. 這應該是最佳方案了

Continue reading

自製WordPress主題 La-Lune 測試

本人對CSS一竅不通,但還是決定自己做一款WP主題…因為用別人的Theme終究不爽,看到別人和偶用一樣主題更加不爽 …..要想保證使用主題唯一性,只有自己做一個. 主題名字叫La lune ,之所以叫這個名字是因為其配色參考了一款同名Discuz模板. 偶CSS很爛…所以基本上沒用啥花樣.參考WP默認模板框架,二欄,使用一些Icon裝飾.一些地方設計參考了許多WP主題… 昨天做了一天時間,大致上做好了.現在放在本人的英文博客上測試並完善. 配色還得改改,總覺得太淡 PS:測試主題暫時不能留言,因為偶還沒做 comments.php – –

Continue reading

音容笑貌缺一不可啊…

今天在公交車上見到一個女的.看着還有點美女的潛質 – -見到美女我自然多看兩眼 – – 這時她手機響了,她接起電話 .一聽到她打電話的聲音我當時就嚇慘了 …..說好聽點那聲音叫渾厚低沉….實際上簡直就是噩夢…..宛如中年壯漢…又如七旬老嫗…….. 把我驚嚇的急忙跑開……   自古形容女子向以容顏,體態描述,舉幾例: 詩曰: 手如柔荑,膚如凝脂,領如蝤蠐,齒如瓠犀,巧笑倩兮,美目盼兮 直言女子體膚細膩,容貌動人. (南北朝)王僧孺 愁來不理鬢,春至更攛眉 悲看蛺蝶粉,泣望蜘蛛絲 此言女子與愛人分隔,滿含哀愁,我見猶憐之態 晏幾道-鷓鴣天 彩袖殷勤捧玉鍾,當年拚卻醉顏紅 舞低楊柳樓心月,歌盡桃花扇底風 乃言歌女婀娜多姿,輕歌曼舞之曼妙身姿 李清照 醜奴兒 晚來一陣風兼雨,洗盡炎光 理罷笙簧,卻對菱花淡淡妝 絳綃縷薄冰肌瑩,雪膩尗酥香 笑語檀郎,今夜紗櫥枕簟(dian4)涼 女主人對境梳妝,神狀誘惑.曖昧之態,一見自明 遍歷古代情詩情詞,涉及女子美態,皆以樣貌/神態/身姿稱讚   然則, 女子聲音 樣貌均不可或缺.若容貌美,聲音至少也要過得去吧?吳儂軟語,爾濃我濃你可能做不到,像水樹奈奈聲音一般”萌” 估計一般女子也不行 .但若像我今天遇到的女子一般聲音,則確實大煞風景也 – -… 音容笑貌缺一不可啊…

Continue reading

2007年12月日語考試證書在線製作程序

這是偶今天無聊寫的東西.php實現 Version 1.0 純屬娛樂,技術含量是沒有滴.. (要不怎麼說我無聊呢….) 在線演示地址: http://test.sakura-paris.org/jp/1/jpdiplema.htm 本程序根據用戶輸入的姓名,出生日期,考試級別和准考證號,在線生成2007年12月日本語等級考試的證書圖片.證書樣圖來源於咖啡日語論壇杜亮提供 具體的過程是 表單提交數據 -> php程序接受數據 -> 用 GD庫的 imagettftext函數把文字寫入證書樣圖的對應位置 -> 瀏覽器輸出生成圖片(imagejpeg函數).   說明: 1.為了省事,服務器端沒有對用戶輸入的內容做任何過濾 ,本程序並沒有任何SQL查詢/文件上傳等代碼,所以不會造成安全問題. 而如果php程序涉及SQL查詢/文件上傳等過程,則必須對從客戶端接受數據進行嚴格的過濾,通常過濾流程如下: 首先判斷是否為空 : if(!$_GET[‘variable’]) ….. -> 判斷字符串長度是否超標: if (length($_GET[‘variable’]) >10 ….. ->使用正則表達式對數據格式進行嚴格審查: if(!ereg(“^[a-zA-Z0-9]*$”,$_GET[‘variable’]) …. (這個正則式子將確保客戶端傳來的數據只含有英文字母和數字,不含有任何 ‘ ” ; 等危險的特殊符號) WEB開發的首要原則是:所有客戶端傳來的數據都是不可信賴的 2.imagettftext函數要求指定TrueType字體文件,而這個與平台相關,比較頭疼.所以我乾脆上傳了一個ARIAL.TTF文件到程序目錄下 .直接用這個Arial字體 3.請不要輸入中文字符,否則出錯 (因為使用的Arial字體沒有中文字符) 4.整個過程最頭疼的就是確定寫入文字在樣圖上像素的位置,這個偶是本地用Photoshop的標尺+windows計算器手工計算出來的…汗…. 5.需要GD2庫. (GD1不行,因為兩個版本字體大小不同) 最終的東西有下面幾個文件(位於同一文件夾下) jp.jpg —– >用於生成證書的樣圖(移除了文字) original.jpg ——>真實的原始證書圖片(咖啡日語論壇杜亮提供) […]

Continue reading

4.1日

就是傳說中的愚人節啦…. Google新推出人肉搜索,大家不妨去看看 (這是一個愚人節玩笑,但實際上也是Google對未來搜索技術的預測,人工智能永遠無法超過大腦.WEB2.0的一個重要特性是用戶創造內容[User-generated content ].如果把用戶參與信息索引/處理與網格和分佈式計算技術相結合,那麼未來的搜索引擎用戶滿意度,可能遠遠超過現在. 來源:Google黑板報 )     關於人肉搜索 什麼是人肉搜索? 人肉搜索與刺青、美白、護膚、減肥等直接在人肉上施行的種種行為無關。顧名思義,人肉搜索就是利用現代信息科技,變傳統的網絡信息搜索為人找人,人問人,人碰人,人擠人、人挨人的關係型網絡社區活動,變枯燥乏味的查詢過程為一人提問、八方回應,一石激起千層浪,一聲呼喚驚醒萬顆真心的人性化搜索體驗。人肉搜索不僅可以在最短時間內揭露某某門背後的真相,為某三某七找到大眾認可的道德定位,還可以在網絡無法觸及的地方,探尋並發現最美麗的叢林少女,最感人的高山牧民,最神秘的荒漠洞窟,最浪漫的終極邂逅…… 人肉搜索追求的最高目標是:不求最好,但求最肉。 谷歌為什麼要創建人肉搜索引擎? 谷歌自進入中國市場以來,一直致力於根據本地需求改進用戶的搜索體驗。谷歌很早就意識到,自發的、分散的、有意或無意的人肉搜索行為早在中國互聯網誕生之初就存在並茁壯成長着。中國互聯網界發生的幾乎每一起重大事件,尤其是娛樂性事件,都有可能成為人肉搜索技術的試金石。為了豐富人民群眾的業餘文化生活,為了使廣大網民在最短時間內趕超人肉搜索的世界水平,谷歌決定投入巨資打造亞太地區最大的人肉搜索引擎。 谷歌人肉搜索引擎有哪些特點? 規模最大:第一期工程擬招募人肉搜索志願者2500萬名,完成後將成為亞太地區最大的人肉搜索引擎。 創新最多:256項專利技術,1024篇相關論文,4096次用戶調研,65536輪預覽版測試。 領域最全:搜索範圍涵蓋娛樂、影視、體育、社會、名人、百姓、歷史、地理、物種、太空等領域。 速度最快:平均查詢響應時間32秒。 挖掘最深:曾在預覽版測試中,用時128秒,成功定位了中國大陸生產的第一隻自動沖水馬桶。   另,知名博客網站Readwriteweb今天評出了愚人節中最容易使網民「不當受騙」的十大網站及媒體,其中Google名列首位。(該文中文翻譯見這裡)   提供一個4.1愚人網頁,沒啥技術含量,整人倒還行 – -. . PS:,也許是愚人節玩笑,今天很多博客託管在Feedsky上RSS的訂閱數字都“急劇增大”.本Blog的RSS昨日顯示訂閱數是28,今日是79423 ……  

Continue reading