以HTML + jQuery開發可以跨不同的平台系統,輔以Cordova編譯可以轉成Android、iOS、Windows Phone的APP程式。
Android版本(Play商店): https://play.google.com/store/apps/details?id=com.twtnn.puzzle_sample
原始碼(GitHub):
keven 發表在 痞客邦 留言(0) 人氣(260)

Google Fonts有許多的英文字型可以讓網頁文字有更多的變化。
而在Google的Web Font Early Access中,已經有五種中文字型了,
只要以CSS的語法就直接可以套用在網頁上,也有提供字型下載。
網址:https://www.google.com/fonts/earlyaccess
網頁字型測試,因為還要由Google下載字型,所以會比較慢一點。
keven 發表在 痞客邦 留言(0) 人氣(1,398)
node-webkit是一個整合Chrome瀏覽器與node.js的專案,採用V8 JavaScript編譯引擎。
可以開發桌面型的HTML+js的程式,而且還支援跨平台。
Node-webkit目前支援了Linux、Windows與MacOS等三大平台,還可以用npm安裝node.js。
Node-Webkit下載:https://github.com/nwjs/nw.js/
keven 發表在 痞客邦 留言(0) 人氣(634)
如果網址列中帶有中文,雖然在瀏覽器上可以正確看到中文,但是複製網址到記事本上卻出現亂碼。
其實它不是亂碼,因為URL在網路上只能以ASCII碼傳送,而ASCII就只有英、數字及特殊符號,
當然中文就不再支援之列,所以必須將中文以UTF8轉成16進位,傳送到瀏覽器之後,再解碼回來,
就可以得到正確的中文,所以在瀏覽器看到的中文是解碼後的結果。
keven 發表在 痞客邦 留言(1) 人氣(1,425)

URL的編碼格式是採用ASCII碼,不是Unicode,而中文並非ASCII碼。
因此在瀏覽器上看到的中文網址都是經過UTF8的解碼後得到的結果。
所以當我們把瀏覽器的網址複製下來貼到記事本後,就會看到好像亂碼的URL。
例如:
keven 發表在 痞客邦 留言(0) 人氣(322)

node.js不像其他語言,如PHP、JSP需要有HTTP伺服器才可以
因為node.js本身自己就是一個伺服器。
下面是一個實作的範例,假設存儲為test01.js,以node執行:
D:\project> node test01.js
keven 發表在 痞客邦 留言(0) 人氣(123)
先以npm安裝sqlite3的相關模組:
1、初始化專案
npm init
keven 發表在 痞客邦 留言(0) 人氣(1,550)

在網路上看到一個前端的JS框架:Angular,是由Google維護。
透過「宣告」(Directives Syntax) 來達成JS的動作。
Angular有幾項優點:
宣告式語法 (Directives)
DOM Templates
雙向資料繫結 (Two Way Data-Binding)
相依性注入 (Dependency Injection)
MVC
keven 發表在 痞客邦 留言(0) 人氣(39)

本想以jQuery直接取得政府Opendata的資料,但是卻失敗了,
錯誤訊息:No 'Access-Control-Allow-Origin' header,
這是因為新版的瀏覽器為了安全性,已經不允許跨網域的取存,
而jQuery的解決方式是改以jsonp來取得JSON的資料。
上次在測試台南市政府的Opendata就是以此方式取得資料,
keven 發表在 痞客邦 留言(0) 人氣(1,287)

以台南市公廁地址的開啟資料為例
執行結果如下圖:
程式碼如下:
keven 發表在 痞客邦 留言(0) 人氣(298)