haXe下体验jQuery
看了鐵哥關(guān)于haXe的介紹,忍不住體驗了一吧:
一、下載安裝flashdevelop
http://flashdevelop.org/ 到這上面下載最新的flashdevelop并安裝(注:安裝這個需要java sdk1.6以上版本,同時還要安裝.netframework)
tips:
flashdevelop并不能識別最新的jdk 1.7,如果你的機器上安裝的是1.7版本,需要手動編輯
x:\Program Files (x86)\FlashDevelop\Tools\flexsdk\bin\jvm.config
找到
java.home="C:\Java\jre7\"
把java.home設(shè)置成本機jre7的路徑即可,
再插一句題外話:如果你的機器是win 64位,最好安裝java sdk 64位版本,否則eclipse有可能跑不起來。
二、下載安裝haXe
http://haxe.org/ 到這上面下載安裝haXe
tips:聯(lián)機安裝速度很慢,經(jīng)常獲取安裝包到一半時,socket聯(lián)系中斷出錯,建議直接下載neko-1.8.2-win.zip(可選)以及haxe-2.09-win.zip手動安裝.
三、完成后,就可以用flashdevelop體驗haXe的強大了
javascript是一個很不錯的語言,沒有想不到,只有做不到。但是這種弱類型語言有一個致命傷:缺少好的ide環(huán)境,而且編譯期不容易發(fā)現(xiàn)語法上的錯誤,而haXe正好彌補了這一點。
而且令人欣喜的是居然無縫整合了jQuery(haXe-2.09內(nèi)置了jQuery 1.6.4版本)
1、創(chuàng)建一個haXe的js project,寫一個jQuery的ready示例吧
?
import js.JQuery; import js.Lib;/*** ...* @author jimmy.yang*/class Main {static function main(){new JQuery(null).ready(function(e:JqEvent) { Lib.alert("jQuery is ready!");} ); } }?
以上這幾行代碼,就相當于
?
$(document).ready(function(){alert("jQuery is ready!"); })?
編譯后,最終會編譯生成一個js文件jshaXe.js,并自動引用到html頁面中,有興趣的同學可以自行分析一下生成的js代碼,還是很容易看懂的.
2、測試一下jQuery的選擇器
static function main() {new JQuery(null).ready(function(e:JqEvent) { var abc = new JQuery("div.abc");//選擇所有div class="abc"的元素abc.each(function(i:Int, e:HtmlDom) {abc.eq(i).html("這是第" + i + "個class='abc'的div");} );var btn = new JQuery("#btn");//選擇id="btn"的元素btn.click(function(e:JqEvent):Void { Lib.alert("您點擊了按鈕:" + e.currentTarget.id);} );} ); }?
以上代碼相當于
?
$().ready(function(){var abc = $("div.abc");abc.each(function(i){abc.eq(i).html("這是第" + i + "個class='abc'的div");});var btn = $("#btn");btn.click(function(e){alert(e.currentTarget.id); }) })?
轉(zhuǎn)載于:https://www.cnblogs.com/yjmyzz/archive/2012/04/22/2464860.html
總結(jié)
以上是生活随笔為你收集整理的haXe下体验jQuery的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 家里蟑螂怎么杀也杀不尽?
- 下一篇: 上海人民广场去莫干山客车哪里买票上车