haXe下体验jQuery

看了铁哥关于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设置成本机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);	
	})
})

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏葡萄城控件技术团队

Spread for Windows Forms快速入门(15)---使用 Spread 设计器

通过 Spread 设计器用户可以快速地对 Spread 控件进行设计。无论用户是正在做一个关于 Spread 控件特性的原型研究,还是对于一个已经存在的 Sp...

21190
来自专栏前端新视界

jQuery 图片查看插件 Magnify 开发简介(仿 Windows 照片查看器)

前言 因为一些特殊的业务需求,经过一个多月的蛰伏及思考,我开发了这款 jQuery 图片查看器插件 Magnify,它实现了 Windows 照片查看器的所有功...

35090
来自专栏姬小光

姬小光前端兴趣班【第009期】- 切图大法之代码的整理

上一期我们已经学会了使用 PS 切图并生成网页,那么这一期我们看看生成后的代码如何处理,才能变成一个合格的网页。

13230
来自专栏司想君

HTML5.2新特性解读

不到一个月之前,W3C官方发布 HTML5.2,并成为官方推荐使用标准。这意味着作为web开发者,我们可以愉快地使用5.2中的新特性了。 W3C在HTML5.2...

37750
来自专栏美丽应用

安卓Chrome使用技巧合辑

4.7K30
来自专栏从零开始学自动化测试

Selenium2+python自动化8-SeleniumBuilder辅助定位元素

前言 福利来了,对于用火狐浏览器的小伙伴们,你还在为定位元素而烦恼嘛? 上古神器Selenium Builder来啦,哪里不会点哪里,妈妈再也不用担心我的定位元...

30850
来自专栏Youngxj

杨小杰工具箱网页源码

18240
来自专栏程序员的知识天地

移动端上拉加载和下拉刷新的vue插件

npm install --save mescroll.js //不要使用cnpm安装

1.7K20
来自专栏小白鼠

Ionic3 高德Web定位

高德提供了Web平台定位的JS API,同样需要用到 APP_Key,并且需要注意是使用Web端的Key,如下图所示。必须是Web端的,其它平台的无效。 ht...

18320
来自专栏前端知识分享

第176天:页面优化

从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽...

13420

扫码关注云+社区

领取腾讯云代金券