Jimmy機器人積木軟體實驗室: Javascript

顯示具有 Javascript 標籤的文章。顯示所有文章

2013年3月19日星期二

[Forth.js]中文程式碼漢字命名參考

Jimmy's papa發現在javascript裡,每個漢字unicode竟然佔字串長度8個字元,有興趣的網友可用alert("一二三到台灣".length)測測,看看回傳值真是驚人啊!!!理論上象形方塊字能夠承載更多意義,但是在電腦的世界使用漢字unicode卻沒有佔到多少便宜

所以,同功能的程式碼若以英文命名,可能只需8個字元,就足夠讓程式設計師分辨理解程式碼的意義,但是若以白話中文命名,以Jimmy's papa的經驗,每個程式碼命名至少需要2~5個中文字,也就是16~40個字元,才能寫出比較通順的中文程式碼...... (待續.....)

2013年2月8日星期五

Javascript如何做中文排序

用javascript寫中文排序時,使用localeCompare()是無意義的,因為每個漢字Unicode是由8個字元組成,而單一字元並無可供排序的資訊

解決之道,便是到Unihan統漢字資料庫(http://www.unicode.org/charts/unihan.html),下載整個資料庫轉入自家的資料庫,然後寫Server端程式查詢筆劃數欄位資料,供Client端AJAX取用

或是直接用善心網友提供測試的Chinese Character Web API(http://ccdb.hemiola.com/)

底下是Jimmy's papa做的小實驗

2013年1月28日星期一

[Javascript]當Javascript遇上SVG DOM,一個簡易範例

<svg id='mysvg' xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink" 
 width="200" 
 height="200">
</svg>

var svg=document.getElementById("mysvg");

function circle(x,y,r,fill){
 var NS="http://www.w3.org/2000/svg";
 var SVG= document.createElementNS(NS,"circle");
 SVG.setAttribute("cx",x);
 SVG.setAttribute("cy",y);
 SVG.setAttribute("r",r);
 SVG.style.fill=fill;
 return SVG;
}


var c= circle(100,100,50,"blue");
svg.appendChild(c);

2012年10月29日星期一

[Javascript] XMLHttpRequest同步與非同步取檔

在本機未使用Web Server的情況下測試網頁Javascript程式,若需要讀取檔案,以Web File API需搭配INPUT tag但只限本機檔案, Jimmy's papa也測試過

var file=File(path) //insecure exception

但會產生insecure例外

如果要讀取網頁路徑下的檔案,則需借助AJAX,也就是運用XMLHttpRequest物件

    var xmlhttp,fname;  
    if (window.XMLHttpRequest) xmlhttp=new XMLHttpRequest();    
    if (xmlhttp == null) alert("Your browser does not support XMLHTTP.");
    /*異步時,在open與send之前用這段程式碼*/
    //xmlhttp.onreadystatechange = function() {
    //    if (xmlhttp.readyState==4) {
    //        alert(xmlhttp.responseText);}}
    xmlhttp.open("GET", fname, false);//false為同步,true為異步
    xmlhttp.send(null);
    /*同步時,在open與send之後用這段程式碼*/
    if (xmlhttp.status == 200 || xmlhttp.status == 0) { //0為本機開檔 
        alert('xmlhttp.status '+xmlhttp.status);
        alert(xmlhttp.responseText);  
    }else{  
       alert(xmlhttp.statusText);}

2012年10月27日星期六

將Forth當做Web Script?

底下兩段程式碼,可看到已經有人把Ruby與Processing移植到Web,將各自的指令語法或原始碼檔夾入HTML標籤,做為Web Script執行

由於現今Javascript已然成為Web Assembly,或許許多常見的程式語言皆可如此

<script type="text/ruby">
#class Foo; def initialize; @foo = 'whee'; end; end; f = Foo.new; f
Time.now
</script>

<script src="/processing.js"></script>
<canvas datasrc="blendColor.pjs" width="200" height="200"></canvas>

Jimmy's papa在想,如果其他程式語言都能成為網頁腳本,那對Forth來說應該也不成問題呀!

<script type="text/forth">
/ 試印出 99 乘法表
: x 9 for cr r@ 9 for dup r@ * 2 .r space next drop next ; x
</script>

或是

<script type="text/forth" src="/9x9.f"></script>

不過想歸想,實作時或許會遇到很多有趣的挑戰吧!!

2012年10月11日星期四

JForthBlocks--使用[IF]...[ELSE]...[THEN]積木

使用[IF]...[ELSE]...[THEN]積木可以讓Forther選擇控制哪些程式碼段落需要編譯與解譯,哪些段落則不需要

在開發Library時,因為各個Forth系統不一定實作Library所用到的符式詞(Forth word),需要用到[IF]...[ELSE]...[THEN]積木適時補上缺漏

以下範例說明,如何選擇哪些段落需要執行,可到JForthBlocks線上試玩版 jforthblocks.appspot.com試玩看看

Forth.js

2013年3月19日 星期二

2013年2月8日 星期五

2013年1月28日 星期一

2012年10月29日 星期一

2012年10月27日 星期六

2012年10月11日 星期四

2012年9月26日 星期三

2012年9月19日 星期三

2012年9月11日 星期二

2012年8月25日 星期六

2012年8月16日 星期四

2012年8月9日 星期四

2012年8月5日 星期日

2012年6月23日 星期六

2012年6月11日 星期一

2012年5月31日 星期四

2012年5月23日 星期三

2012年5月18日 星期五

2012年5月16日 星期三

2012年5月15日 星期二

2013年3月19日星期二

2013年2月8日星期五

2013年1月28日星期一

2012年10月29日星期一

2012年10月27日星期六

2012年10月11日星期四

2012年9月26日星期三

2012年9月19日星期三

2012年9月11日星期二

2012年8月25日星期六

2012年8月16日星期四

2012年8月9日星期四

2012年8月5日星期日

2012年6月23日星期六

2012年6月11日星期一

2012年5月31日星期四

2012年5月23日星期三

2012年5月18日星期五

2012年5月16日星期三

2012年5月15日星期二