PIXNET Logo登入

平凡的幸福(備站)

跳到主文

撇開習慣,發現幸福就在平凡之中。 記錄我自己學習心得、工作遇到的問題與想法

部落格全站分類:數位生活

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 9月 22 週二 201509:42
  • 簡單的滑塊拼圖遊戲(網頁版)

以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)

  • 個人分類:程式設計
▲top
  • 6月 26 週五 201510:48
  • Google Fonts有中文字體

Image002
Google Fonts有許多的英文字型可以讓網頁文字有更多的變化。
而在Google的Web Font Early Access中,已經有五種中文字型了,
只要以CSS的語法就直接可以套用在網頁上,也有提供字型下載。
網址:https://www.google.com/fonts/earlyaccess
網頁字型測試,因為還要由Google下載字型,所以會比較慢一點。
(繼續閱讀...)
文章標籤

keven 發表在 痞客邦 留言(0) 人氣(1,398)

  • 個人分類:程式設計
▲top
  • 4月 30 週四 201511:46
  • Node-Webkit的簡單範例

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)

  • 個人分類:程式設計
▲top
  • 4月 24 週五 201517:36
  • 中文網址亂碼,URL解碼(javascript)

如果網址列中帶有中文,雖然在瀏覽器上可以正確看到中文,但是複製網址到記事本上卻出現亂碼。

其實它不是亂碼,因為URL在網路上只能以ASCII碼傳送,而ASCII就只有英、數字及特殊符號,
當然中文就不再支援之列,所以必須將中文以UTF8轉成16進位,傳送到瀏覽器之後,再解碼回來,
就可以得到正確的中文,所以在瀏覽器看到的中文是解碼後的結果。
(繼續閱讀...)
文章標籤

keven 發表在 痞客邦 留言(1) 人氣(1,425)

  • 個人分類:程式設計
▲top
  • 4月 24 週五 201514:58
  • node.js、IO.js 解碼URL

Image002
URL的編碼格式是採用ASCII碼,不是Unicode,而中文並非ASCII碼。
因此在瀏覽器上看到的中文網址都是經過UTF8的解碼後得到的結果。
所以當我們把瀏覽器的網址複製下來貼到記事本後,就會看到好像亂碼的URL。

例如:
(繼續閱讀...)
文章標籤

keven 發表在 痞客邦 留言(0) 人氣(322)

  • 個人分類:程式設計
▲top
  • 4月 16 週四 201509:50
  • node.js 實作一個Http伺服器的範例

Image003
node.js不像其他語言,如PHP、JSP需要有HTTP伺服器才可以
因為node.js本身自己就是一個伺服器。

下面是一個實作的範例,假設存儲為test01.js,以node執行:
D:\project> node test01.js
(繼續閱讀...)
文章標籤

keven 發表在 痞客邦 留言(0) 人氣(123)

  • 個人分類:程式設計
▲top
  • 4月 15 週三 201515:37
  • node.js 新增、刪除、修改sqlite3的例子

先以npm安裝sqlite3的相關模組:

1、初始化專案
npm init

(繼續閱讀...)
文章標籤

keven 發表在 痞客邦 留言(0) 人氣(1,550)

  • 個人分類:程式設計
▲top
  • 3月 20 週五 201513:55
  • Angular 雙向資料繫結的測試

Image004
在網路上看到一個前端的JS框架:Angular,是由Google維護。
透過「宣告」(Directives Syntax) 來達成JS的動作。
Angular有幾項優點:
宣告式語法 (Directives)
DOM Templates
雙向資料繫結 (Two Way Data-Binding)
相依性注入 (Dependency Injection)
MVC
(繼續閱讀...)
文章標籤

keven 發表在 痞客邦 留言(0) 人氣(39)

  • 個人分類:程式設計
▲top
  • 3月 11 週三 201509:39
  • PHP取得政府Opendata JSON格式的測試範例

Image001
本想以jQuery直接取得政府Opendata的資料,但是卻失敗了,
錯誤訊息:No 'Access-Control-Allow-Origin' header,
這是因為新版的瀏覽器為了安全性,已經不允許跨網域的取存,
而jQuery的解決方式是改以jsonp來取得JSON的資料。
上次在測試台南市政府的Opendata就是以此方式取得資料,
(繼續閱讀...)
文章標籤

keven 發表在 痞客邦 留言(0) 人氣(1,287)

  • 個人分類:程式設計
▲top
  • 3月 10 週二 201511:29
  • 政府Opendata使用jQuery的範例(JSON)

Image006
以台南市公廁地址的開啟資料為例
執行結果如下圖:


程式碼如下:
(繼續閱讀...)
文章標籤

keven 發表在 痞客邦 留言(0) 人氣(298)

  • 個人分類:程式設計
▲top
12...5»

B 組廣告版面

文章分類

  • 旅遊美食 (11)
  • Drupal (15)
  • 情人 (1)
  • 節日 (2)
  • 心情 (3)
  • 程式設計 (46)
  • Network (22)
  • 居家生活 (13)
  • Android (71)
  • Windows (28)
  • 軟體應用 (67)
  • OracleERP (94)
  • HP-UX (22)
  • Oracle (119)
  • Linux (48)
  • Solaris (37)
  • 其他 (60)
  • 未分類文章 (1)

文章搜尋

熱門文章

  • (49)刪除EBS USER的權限(Responsibility),並新增到選單(Menu)項目
  • (1,445)查Table或PROCEDURE被誰Lock住
  • (18,973)4x4魔術方塊單邊反轉的簡易公式
  • (2,374)利用TOAD找出Lock的Session
  • (1,417)電子感應密碼鎖 SHS-1320
  • (480)便攜式無線AP,Celleden Map1600簡易設定
  • (2,312)INV Interface Manager(Interface管理器)簡易說明
  • (146)修改Oracle EBS的密碼
  • (147)逆展BOM
  • (6,205)新勁戰三代消光黑試騎

最新文章

  • 2016臺南藝術節|謎走古城|解謎城市遊戲
  • cordova編譯錯誤:uses-sdk:minSdkVersion 7 cannot be smaller
  • Panasonic DMC-GF6 奇美博物館夜拍
  • Youtube Spotlight Stories 360度互動動畫影片
  • Solaris一次刪除多個Process
  • APP-PO-14122: No records meet your search criteria
  • 微軟與code.org的創世神遊戲關卡解答
  • 2015/11/14 高雄茂林2015雙年賞蝶實拍
  • 不用寫程式,用Google Map製作出登革熱疫區地圖
  • 讓Chrome可以跨網域讀取JSON

參觀人氣

  • 本日人氣:
  • 累積人氣:

BloggerAds

C 組廣告版面