国内最火的五款HTML5前端开发框架

国外优秀HTML5前端开发框架非常之多,如jQuery Mobile、Twitter Bootstrap、Schena Touch以及BackBone。本文介绍的5款工具,其中4款是由互联网巨头腾讯、阿里巴巴和百度开发完成的,希望能对国内的开发者有所帮助。

本文主要为大家推荐五款国内最火的HTML5前端开发框架,它们分别是腾讯团队开发的JX、淘宝团队开发的KISSY、百度团队开发的QWrap和Tangram,以及上海康尚实验室推出的Como。

1. JX(腾讯)

JX 是一个类似 Google Closure Library 的 Web 前端开发框架,服役于 WebQQ 等大规模的 WebApp。

JX 是模块化的非侵入式Web前端框架,开发于2008年,并于2009年开源于GoogleCode ,于2012年切换到Github。 JX 框架同时适用于 Web Page 和 Web App 项目的开发,特别适合构建和组织大规模、工业级的Web App,腾讯 WebQQ、腾讯Q+等产品都是采用JX框架开发,兼容目前所有主流浏览器。

腾讯团队打造的前端开发框架JX

详情请参考:JX

Read More

jquerymobile的页面连接(Linking pages)

一:链接页(Linking pages)jQuery Mobile设计用来与简单的页面链接约定协同工作。
显然,你可以链接页面和资源像你平常那样,jQuery Moblie会自动处理页面的请求,以单页面模型,如果可能的话使用Ajax。当Ajax不能用时(如不是同一个域名下,或者在链接中指定了类似属性) 将使用正常的http请求。
这种模型的目标是允许开发者以最佳实践来创建网站:没有配置的原始链接将正常工作,富本地体验的不通过标准的HTTP请求来获得。
二:默认的链接行为:Ajax(Default link behavior:Ajax)
为了让页面的切换动画成为可能,所以指向外部页面的链接将通过Ajax请求来加载。
为了达到非侵入的效果(To do this unobtrusively),jQuery Mobile框架将转换链接的href来创建一个Ajax形式的请求(Hijax)同时显示一个正在加载的图标。这些都由jQuery Mobile自动完成。
如果Ajax请求成功,新的页面将添加进DOM中,所以的手机小部件将自动初始化,然后新页面将以动画的方式进入视图。
如果Ajax请求失败,框架会显示一条小的错误信息–几秒之后会消失,所以并不会中断导流。更多请查看一个(错误消息示例)

注意:你并不能通过Ajax导航活动链接到多页面文档,因为框架将只会加载它发现的第一个页面,而不是整个页面集合。在这种情况下你必要使用无Ajax的链接(参见下一节)来进行一个整个页面的刷新来阻止潜在的hash碰撞。当前这有一个子页面插件来使加载多文档页面成为可能。

Read More

10个超棒jQuery表单操作代码片段

jQuery绝对是一个伟大的开源javascript类库,是帮助我们快速和高效开发前端应用的利器。可能大家在日常的开发过程中常常会处理表单相关的javascript,在今天这篇代码片段分享文章中,这里收集了10个超棒超实用的jQuery表单处理代码,希望能够在大家的开发过程中帮助大家更好更快的处理表单相关问题,希望大家喜欢!如果你也有相关的代码,请大家积极分享!

代码片段1: 在表单中禁用“回车键”

大家可能在表单的操作中需要防止用户意外的提交表单,那么下面这段代码肯定非常有帮助:

在线调试  在线演示

1
2
3
4
5

$("#form").keypress(function(e) {
  if (e.which == 13) {
    return false;
  }
});

Read More

1 27 28 29