分类 JS 下的文章

DWZ RIA——一款很不错的国产jQuery UI

其文档中的概述如下:DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发。 让开发人员不写javascript的情况下, 也能用ajax做项目和使用各种UI组件. DWZ框架支持用html扩展的方式来代替javascript代码, 只要董html语法, 再参考DWZ使用手册就可以做ajax开发. DWZ框架基本可以保证程序员不董javascript, 也能使用各种页面组件和ajax技术. 如果有特定需求也可以扩展DWZ做定制化开化. 一般做aja


jQuery图片剪裁插件 Jcrop

Jcrop是一个jQuery插件,它能为你的WEB应用程序快速简单地提供图片裁剪的功能。



IE9 – 没有让前端开发者失望

微软最近发布了IE9的testdrive version,大家可以下载testdrive version来体验一下IE9的新特性,除了testdrive version外,最主要的是IE这么多年终于标准化了。IE9对W3C标准将有更好的支持:在IE9中DOM Events的attachEvent()将被抛弃, testdrive version被完全支持,对 testdrive version的支持在testdrive上还没有提到,更重要的是它对 testdrive version、testdrive version、testdrive version、testdrive ve


Window中自动备份mysql并压缩成rar文件

set rar_dir=D:Progra~1WinRARset file_name=%date:~0,10%d: cd amysqldump -u root -p123456 typebox > D:/a/%file_name%.sql%rar_dir%WinRAR.exe a -ibck -r -k -o+ -y %file_name%.rar D:/a/%file_name%.sqldel "%file_name%.sql"注意,我的Winrar软件是安装在D:Program Files这个文件夹中,但是在cmd中直接写Program Files是会出错误的


jQuery1.4正式版发布

在jQuery的4岁生日之时,jQuery开发团队很高兴地发布最新的jQuery1.4版本!其他的代码演示、测试、文档的更新也会陆续进行更新发 布。对于jQuery发烧友来说,jQuery1.4的发布也是一个大新闻!下面是来自于jQuery的官方网站翻译(英语高手请勿拍砖!): 在jQuery的4岁生日之时,jQuery开发团队很高兴地发布最新的jQuery1.4版本!其他的代码演示、测试、文档的更新也会陆续进行更新发布。


Javascript开发经验谈

一、简化代码采用更为简短的写法,不仅可以减少输入的字符数,还可以减少文件大小。大部分采用简单写法的代码,执行效率都有轻微提高。1.1  简化常用对象定义:使用 var obj = {}; 代替 var obj = new Object();使用 var arr = []; 代替 var arr = new Array();1.2  精简if语句三元操作符可以有效精简只涉及赋值传值操作的if语句,比如var score = 60, grade;if (score < 60) {    grade = “不及格”;} else {    grade = “及格”;}可以精简为:


【转载】使用 jQuery 简化 Ajax 开发

jQuery 是一个JavaScript 库,它有助于简化 JavaScript™ 以及 Asynchronous JavaScript + XML (Ajax) 编程。与类似的 JavaScript 库不同,jQuery 具有独特的基本原理,可以简洁地表示常见的复杂代码。学习 jQuery 基本原理,探索其特性和功能,执行一些常见的 Ajax 任务并掌握如何使用插件扩展 jQuery。jQuery 是什么?jQuery 由 John Resig 创建于 2006 年初,对于任何使用 JavaScript 代码的程序员来说,它是一个非常有用的 JavaScript 库。无论您是刚刚接触 JavaScript 语言,并且希望获得一个能解决文档对象模型(Document Object Model,DOM)脚本和 Ajax 开发中一些复杂问题的库,还是作为一个厌倦了 DOM 脚本和 Ajax 开发中无聊的重复工作的资深 JavaScript 专家,jQuery 都会是您的首选。


js压缩方法

压缩不仅仅可以提高用户的下载速度,同时还可以加密代码,下面说下一个常用的js压缩方法:首先使用dojo的工具shrinksafe(http://shrinksafe.dojotoolkit.org/)压缩一下,dojo的这个工具会去掉注释,他的压缩不是简单的替换变量,而是利用了mozilla的一个工具,对js解析后才压缩,确保压缩后的代码不会出错。dojo压缩后,并不会减少太多,下一步可以使用http://javascriptcompressor.com/这个站点进行更高层次的压缩,可惜只能登陆这个站点再压缩,只能将你的js代码复制的他的文本框,然后等他的压缩输出经过这2步,你的js会变得既安全,文件又小


一个比较简单的可拖动代码

[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Maudo.net ---- Simple Drag</title></head><script language="javascript" type="text/javascript">// 作者:maudo// 博客:http://iw3c.com// QQ :33778000var maudodrag={    _drag:false,    xPos:0,  yPos:0,  leftoffset:0,  topoffset:0,    ID:function(d){      return document.getElementById(d);  },  maudoevent:function(e){      if (!e){        e = window.event;    }    return e;  },  dragaction:function(obj){      maudodrag.ID(obj).onmousedown=function(e){        maudodrag._drag=true;            maudodrag.ID(obj).style.position="absolute";      maudodrag.leftoffset=maudodrag.ID(obj).offsetLeft;      maudodrag.topoffset=maudodrag.ID(obj).offsetTop;      maudodrag.xPos=maudodrag.maudoevent(e).clientX;      maudodrag.yPos=maudodrag.maudoevent(e).clientY;      document.onmousemove=function(e){          if(!maudodrag._drag) return false;        maudodrag.ID(obj).style.left=maudodrag.leftoffset+maudodrag.maudoevent(e).clientX-maudodrag.xPos+"px";        maudodrag.ID(obj).style.top=maudodrag.topoffset+maudodrag.maudoevent(e).clientY-maudodrag.yPos+"px";      }    },    document.onmouseup=function(){        maudodrag._drag=false;    }  }}</script><body><div id="maudoDiv" style="background-color:#fff; padding:1px; border:1px solid #ccc; width:300px;">    <div id="divTop" style="background:#f1f1f1; padding:3px; cursor:move; font-weight:bold; color:#333;"  onmouseover="maudodrag.dragaction('maudoDiv')">        点这里拖动    </div>    <div id="divContent" style="height:200px;">    </div></div></body></html>[/html]