haXe下体验jQuery
看了铁哥关于haXe的介绍,忍不住体验了一吧:
一、下载安装flashdevelop
http://flashdevelop.org/ 到这上面下载最新的flashdevelop并安装(注:安装这个需要java sdk1.6以上版本,同时还要安装.netframework)
tips:
flashdevelop并不能识别最新的jdk 1.7,如果你的机器上安装的是1.7版本,需要手动编辑
x:Program Files (x86)FlashDevelopToolsflexsdkbinjvm.config
找到 java.home="C:Javajre7"
把java.home设置成本机jre7的路径即可,
再插一句题外话:如果你的机器是win 64位,最好安装java sdk 64位版本,否则eclipse有可能跑不起来。
二、下载安装haXe
http://haxe.org/ 到这上面下载安装haXe
tips:联机安装速度很慢,经常获取安装包到一半时,socket联系中断出错,建议直接下载neko-1.8.2-win.zip(可选)以及haxe-2.09-win.zip手动安装.
三、完成后,就可以用flashdevelop体验haXe的强大了
javascript是一个很不错的语言,没有想不到,只有做不到。但是这种弱类型语言有一个致命伤:缺少好的ide环境,而且编译期不容易发现语法上的错误,而haXe正好弥补了这一点。
而且令人欣喜的是居然无缝整合了jQuery(haXe-2.09内置了jQuery 1.6.4版本)
1、创建一个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);
})
})
- 2016广东工业大学新生杯决赛网络同步赛暨全国新生邀请赛 题解&源码
- 深入浅出MongoDB复制
- Selenium2+python自动化34-获取输入框联想词
- 分解质因子(个人模版)
- 高斯混合聚类(GMM)及代码实现
- 预处理素数(个人模版)
- Cnm%(个人模版)
- Selenium2+python自动化33-文件上传(send_keys)
- hive的partition的作用和使用方法
- 线段树,最大值查询位子(个人模版)
- set使用实例1+lower_bound(val)(个人模版)
- Selenium2+python自动化29-js处理多窗口
- 谷歌「机弦」有何玄机?
- 01字典树贪心查询+建立+删除(个人模版)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法