Category Archives: 前端设计

jquery ajax error注意事项和live绑定

1.jquery 使用$.ajax时,如果要定义error,那么尽量不要使用同步模式,即async:false或不写,默认为异步。 否则会有连续两次的报错,导致触发两次error事件。 2.当ajax往页面中添加数据时,如果要这些数据,如div可以执行已经定义的事件,要对其进行live事件绑定。

Posted in 前端设计 | Tagged , | 3 Comments

js四舍五入函数

使用js自带的toFixed函数来进行四舍五入的操作,在IE的一些版本中会出现问题。 var money=0.00542;//0.006; alert(Number(money).toFixed(2)); //0.00 可以看出上面的结果是错误的,下面的方法通过巧妙的使用Math.round函数,完全可以解决数值很小时的精度问题。 var money=0.00542;//0.006; alert(Number(money).toFixed(2)); function round2(number,fractionDigits){ with(Math){ return round(number*pow(10,fractionDigits))/pow(10,fractionDigits); } } alert(round2(money,2));//0.01 round 方法 返回与给出的数值表达式最接近的整数。 Math.round(number) 必选项 number 参数是要舍入到最接近整数的值。 说明 如果 number 的小数部分大于等于 0.5,返回值是大于 number 的最小整数。否则,round 返回小于等于 number 的最大整数。

Posted in 前端设计 | Leave a comment

jquery的$.getJSON或$.get缓存的解决办法

做了可口可乐的一个宣传项目,用到很多ajax,结果忽然发现,在某些二流浏览器里,js缓存很严重。 于是在getJSON中加了个随机数 如$.getJSON(“aaaa.php”,{r:new Date().getTime()},function(){……}); 这样每次请求的时候,就都会变一个地址,就不存在js缓存了。

Posted in 前端设计 | Tagged , | Leave a comment

jquery validation表单验证插件

一、用前必备 官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassistance.de/api-browser/plugins.html 当前版本:1.6 需要JQuery版本:1.2.6+, 兼容 1.3.2 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/javascript"></script> 二、默认校验规则 (1)required:true               必输字段 (2)remote:"check.php"          使用ajax方法调用check.php验证输入值 (3)email:true                  必须输入正确格式的电子邮件 (4)url:true                    必须输入正确格式的网址 (5)date:true                   必须输入正确格式的日期 (6)dateISO:true                必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性 (7)number:true                 必须输入合法的数字(负数,小数) (8)digits:true                 必须输入整数 (9)creditcard:                 必须输入合法的信用卡号 (10)equalTo:"#field"           输入值必须和#field相同 (11)accept:                    输入拥有合法后缀名的字符串(上传文件的后缀) (12)maxlength:5                输入长度最多是5的字符串(汉字算一个字符) … Continue reading

Posted in 前端设计 | Tagged , , , | 1 Comment

javascript遍历数组的两种方法

var aa=new Array(1,2,3,4); var num1=aa.length; 第一种方法,用循环(利用数组下标) for (var i=0;i<=num1-1;i++) { document.write(aa[i]+","); } 第二种方法,当数组的下标是不规则的,只能用for ..in 同时还可以获取数组的键值,即i的值。 for (var i in aa) { document.write(aa[i]+","); }

Posted in 前端设计 | Tagged , | Leave a comment

利用jQuery的object对象调用 获取selected,checked,text等表单值

开发过程中经常要处理页面表单元素,如:在下拉框select中获取selected的value值,在复选框checkBox中获取checked的value值等,来触发和调用其它页面表单元素,制作出交互性强,页面友好的表单。jQuery通过元素$(#id)产生一个Object对象,通过对获取的对象深入了解,完全可以获取任何页面元素中的任何信息,为了工作方便,我总结了相关jQuery操作object对象的方法,获取下拉框selected,复选框和单选框checked,文本框value值,供参考。 表单实例: 一,html部分

Posted in 前端设计 | Tagged | Leave a comment

google AJAX库API

什么是 AJAX 库 API? AJAX 库 API 是一种内容分布网络,可载入最受欢迎的开源 JavaScript 库的架构。通过使用 Google AJAX API 载入程序的 google.load() 方法,您的应用程序能够迅速从全球任何位置访问不断增长的、最受欢迎的开源 JavaScript 库列表,包括: jQuery jQuery UI Prototype script.aculo.us MooTools Dojo SWFObject新增! Yahoo! 用户界面库 (YUI)新增! Google 直接与关键相关人员配合来维护每个库的利益,并在最新稳定版本发布时接受这些版本。一旦我们托管给定库的版本,我们承诺无限期地托管该版本。 AJAX 库 API 在使用库集合的同时消除了用 JavaScript 开发混搭的不便之处。我们消除了托管库的不便之处、正确地设置缓存标头、与最新错误修正日期保持一致等。

Posted in 前端设计 | Tagged , , | Leave a comment

cs4不能正确编译的原因

cs4不能正确编译的原因 库中一个作为按钮的mc绑定到了BaseButton类, 把这个mc放到场景上,如果在属性面板里把mc改成按钮,as3可以 正常编译和使用,但 cs4中会报类型错误,提示BaseButton要继承至SimpleButton

Posted in 前端设计 | Tagged , | Leave a comment

flash快捷键–备忘

工具 箭头工具【V】部分选取工具【A】线条工具【N】 套索工具【L】钢笔工具【P】文本工具【T】 椭圆工具【O】矩形工具【R】铅笔工具【Y】 画笔工具【B】任意变形工具【Q】填充变形工具【F】 墨水瓶工具【S】颜料桶工具【K】滴管工具【I】 橡皮擦工具【E】手形工具【H】缩放工具【Z】,【M】 菜单命令 新建FLASH文件【Ctrl】+【N】 打开FLA文件【Ctrl】+【O】 作为库打开【Ctrl】+【Shift】+【O】 关闭【Ctrl】+【W】

Posted in 前端设计 | Tagged | 2 Comments

jquery之一个引号引发的惨案

今天做一个效果,一直在firefox下调试,一点问题都没有,可是到IE下却怎么着都不显示变化了。 我用了一个append向一个表格追加内容,然后用 $("#xtable").fadeIn(“1000”); 缓显出来,可是在firefox和google chrom都没有问题,就是IE(版本8)就是愣是显示不出来,没有相关的调试插件,也不知道数据更新了没有。开始一直以为是数据没追加过去呢。 后来看了看jquery手册,发现它用自定义时间的时候,没有双引号,仅仅是诸如"slow"这种默认时间效果的情况下才有双引号,于是我去掉了自定义时间上的双引号,变成: $("#xtable").fadeIn(1000); 问题解决了,一个引号害的我费了半个小时的劲调试。。。

Posted in 前端设计 | Tagged , | Leave a comment