認識現今 Google 搜尋引擎

感謝 @Ly Cheng 針對第三點補充

new-google-logo-knockoff

1995 年 JavaScript 第1版出現,到了 1998 年 Google 推出第一代搜尋引擎,當時的 Google 根本不用在乎網頁如何使用 CSS 或 JavaScript,而當時的網頁也顯少使用 JavaScript 及 CSS。轉眼間到現在 2014 年,如今現在的 Web,已經離不開 JavaScript 及 CSS 了,而目前 SPA (Single Page Application) 的流行,也造成 Google 搜尋引擎讀取資料的困擾,所以 Google 團隊目前也正在朝這方向努力邁進。

[Read More]

2011 OSDC Day 1 筆記

Update: 補上 OSDC 紀錄影片 2011.06.26 今年很高興可以北上參加 OSDC 2011 (Open Source Developers Conference),由於之前都在南部唸書及工作,沒有機會北上參加聚會,現在人在新竹,終於有機會可以參加了,雖然早上六點就要起床趕電車了,不過到現場聽課感覺就是不同,也可以認識很多新朋友,底下來紀錄上課筆記 微軟與 jQuery 社群的親密接觸 講者: Eric Shangkuan (Microsoft) Slide: 微軟與 jQuery 社群的親密接觸 這是 OSDC 第一場演講,早上九點就開始了,雖然人不多,但是蠻多人還是為了講者而來,首先介紹什麼是 jQuery,以及 jQuery 一些基本用法,像是 CSS selector,如何在 Windows Visual Studio 上面開發 jQuery 及撰寫 plugin 整合進去 ASP.Net,最後介紹三個不錯用的 jQuery Plugin: Templeate, Datalink, Globalzation。 Templeate: 這搭配 Facebook api 可以直接做個人頁面,請參考這裡 Globalzation: 前端多國語系實做 Datalink: 可以快速處理 form,利用 object 跟 jQuery 搭配 如果要研究上述三個 jQuery Plugin 可以參考底下: jQuery Datalink: https://github.com/jquery/jquery-datalink jQuery Templeate: https://github.com/jquery/jquery-tmpl jQuery Globalzation: https://github. [Read More]

[javascript]判斷中文全形字數有幾個

ptt bbs 的 AJAX 版討論到如何判斷計算有幾個中文字數,那 TonyQ 兄跟 toshii 兄分別提供了兩種方法,我自己測試了一下包含全形字型,如:?,。…這些都算喔,我自己想到 中華電信 emome 的簡訊系統也會有判斷數字加上英文跟中文字的算法,看了一下大致上都是相同的。 TonyQ 解法:

/*
利用 regex pattern
*/
function chineseCount(word){
    return word.split(/[\u4e00-\u9a05]/).length -1;
}

var word="test中asd文asd字as到底asd有幾asd個?";
alert(chineseCount(word));
[Read More]

[AJAX] jQuery plugin cascade 多重下拉選單應用 by json

最近在弄動態下拉式選單,因為層級的關係,所以必須用到,大學裡面各學院,底下在各系所,在網路上看到一篇 [AJAX] jQuery的多重下拉式選單應用 PART1,實做起來是不會困難,可是我遇到一些怪問題就是了,目前還沒有解決,當然首推 jQuery plugin 套件 cascade,那也參考了國外的一篇文章 jQuery.cascade : Cascading values from forms ,這幾篇看完其實就差不多了,因為大家都寫得很清楚,官方網站 更是把所有應用都寫出來了,詳細很多用法可以參考 官方網站,看原始碼大概就知道在寫甚麼了。 先來說明一下使用的方法:在這個 jQuery cascade plugin 裡面,定義了一格式:

/*
格式就在底下總共有三攔
*/
{'when':'selectedValue','value':'itemValue','text':'itemText'}
第一個 when:這是上一層的 select 的 value 值 第二個 value:這是下一層的 select 的 value 值 第三個 text:這是下一層 option 的 text 我想有一點 html 基礎的,大概就知道我在說什麼了吧 [Read More]

[中正大學]學校官方首頁改版 第七版

中正大學學校首頁 目前已經大致上開始運作快1個禮拜了,這次已經是創校以來第七次改版,我是這次改版程式負責的工讀生,我覺得這次改版跟上一次的風格大同小異,那前一版本的樣子,可以到 這裡 看看,不確定什麼時候會砍,所以我用了 screen 的功能截圖下來: 最新版: CCU_V7 (by appleboy46) 前一版: CCU_V6 (by appleboy46)

[Read More]

[AJAX] google map 的應用~

嗯嗯,我自己的 blog 有在寫美食,就會有美食地點,當然我覺得把 google map api 整合進來,是不錯的方法,其實 google map 也提供了只要輸入地址,就可以直接幫妳對應經度跟緯度的值,這樣就可以利用 ajax 的技術把資料庫裡面的地址都加上 google map 了,至少之前 高雄線上 是這樣加上所有店家資訊的地址 google map,其實要使用 google map 相當容易,其實妳只要按照下面步驟就可以了:

  1. Sign up for a Google Maps API key.
  2. Read the Maps API Concepts.
  3. Check out some Maps API Examples.
  4. Read the Maps API Reference.
[Read More]

[jQuery] AJAX 學習筆記 (一) 如何使用 JSON 驗證使用者表單

最近開始摸了 jQuery,因為自己本身也很想學習,這是目前當紅的技術,許多網站已經開始在使用 jQuery AJAX 了,包含各大入口網站:Pixnet 痞客幫,大家會發現學習 jQuery 好處很多,重點是她將 javascript 整合了,讓你方便使用來讓網站 web 2.0 我想現在很多網站都是朝這個方向去進行了,如果想知道什麼是 AJAX 可以上網查維基百科解釋,已目前來說,大家都使用javascript 客戶端來取得資料,然而 AJAX 可以從Server端取的資料 show 在使用者端給大家看,底下會大概講解以及實做一個驗證。

[Read More]

[教學]網頁簡體繁體轉換程式(Google AJAX Language API)

PTT PHP 版看到一篇:[請益]簡體字轉繁體字的方法,然後裡面其實有推文說可以用看看 Google AJAX Language API,然後我自己去測試,發現只要文字一多,google 就轉換不出來了,就會出現無效果,我自己也回一篇 Re: [請益]簡體字轉繁體字的方法,其實問題出在哪裡,我也不確定,這可能要問 google 了,不然 google 提供的這個還蠻方便的,可以即時整合到網站裡面。 update:google API 不能用的原因,就是轉換的字數超過限制 嗯嗯,後來改用【原創】深藍UTF-8正體簡體轉換函數 1.0 裡面這套 VBB 系統提供的簡體繁體轉換,大概看一下原始碼,就可以使用了,不會很難,只要在網頁 header 端加上:

[Read More]

[jQuery筆記] 時間日期外掛:timepicker | jQuery Plugins

之前因為需要使用到日期函式,就找到一個 jQuery 的 plugin:[jQuery筆記] 好用的日期函式 datepicker,然後現在又需要用到時間的外掛,因為 datepicker 只有日期,我需要使用到時間部份,24小時幾分幾秒之類的,所以又去找到了 jQuery plugin 裡面的 timepicker,官方提供的這個外掛,我用起來不能使用,一直給我吐錯誤訊息給我,所以我也裝不起來,後來解決方法,就是去找別人改寫好的 timepicker 來用,所以我覺得還蠻奇怪的,為啥官網提供的外掛不能使用,Orz。 然而我是去網路上再去找有人另外寫好的,底下是他的版權:

/*
 * Copyright (c) 2006 Sam Collett (http://www.texotela.co.uk)
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/*
 * A time picker for jQuery
 * Based on original timePicker by Sam Collet (http://www.texotela.co.uk)
 * @name     timePicker
 * @version  0.1 
 * @author   Anders Fajerson (http://perifer.se)
 * @example  $("#mytime").timePicker();
 * @example  $("#mytime").timePicker({step:30, startTime:"15:00", endTime:"18:00"}); 
 */
[Read More]

[jQuery筆記] 好用的日期函式 datepicker

100 (by appleboy46) 最近在學習 javascript,當然首推的就是 jQuery 了,之前因為懶得做日期表單,因為日期表單需要三種欄位,一個是年,一個是月,一個是日,相當麻煩,一直在那邊 for 迴圈也不是辦法,雖然那是個解決方法,然後我之前用了xt:Commerce 這套 opensource的程式碼,把日期函式取出來:[Html] javascript 好用的時間日曆表,不過我認為這方法也太麻煩,因為 jQuery 一行就可以解決的事情,幹麼還要用那個方法呢?

[Read More]