摘要:
在项目里碰到需要把类似'450000'的数字转换为会计记账所用的格式,'450,000.00',分隔千分位和小数点后不够两位数时自动补齐,已下记录几种实现的方式ps:如果不考虑后面的小数点,最快捷的方法(by:javascript后花园(原罗浮宫3群)):"12345678".replace(/[0-9]+?(?=(?:([0-9]{3}))+$)/g,function(a){return a+','}); //输出 12 345 6781.用循环的方式实现(百度上淘来的) function formatNum(str){ v 阅读全文
摘要:
纯粹记录下几种用法:jquerygrep()筛选遍历数组$().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,function(value){ return value > 5;//筛选出大于5的 }); for(var i=0;i<filterarray.length;i++){ alert(filterarray[i]); } for (key in fil... 阅读全文
摘要:
jQuery ajax中数据以键值对(Key/Value)的形式发送到服务器,使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对(key1=value1&key2=value2…)后提交。serialize()方法使用标准的 URL-encoded 编码表示文本字符串。下面是使用serialize()序列化表单的实例:$.ajax({ type: "POST", url: ajaxCallUrl, data: "Key=Value&Key2=Value2", success: func 阅读全文
摘要:
在前端实现美工图的时候,总会碰到一些设计字体,系统里面一般不会自带的。通常情况下多数用以图换字的方式实现,这种方法也很实现大部分的需求。but,总有些例外存在,比如当你需要对这些文字进行大小缩放的操作,但如果缩放图片时可能会失真,这里就可以用自定义字体了。but,又有一个但是(以下文字引用http://www.nowamagic.net/librarys/veda/detail/1356)在网页中嵌入非系统自带字体,虽然技术上能实现,但是对国内来说,没有太大的实际意义,因为一个中文体文件起码20M+,而且各个浏览器支持的字体文件还都不一样,也就是说,在服务器端必须有2-3个不同格式的字体文件, 阅读全文
摘要:
对象字面量的输出方式以及定义好处1.对象字面量的输出方式有两种:传统的‘。’,以及数组方式,只不过用数组方式输出时,方括号里面要用引号括起来,如var box = { name:’abc’; age:28};alert(box[‘name’]);给对象定义方法,A:如果用传统定义对象的方式,就需要先定义方法,然后再把这个方法名赋值给对象的一个属性,如果要调用这个方法不加括号,就是返回方法代码;如果要调用这个方法该对象属性后面加上括号,就得到方法的返回值function objrun(){ return ‘123’;}var box = new Object();box.na... 阅读全文
摘要:
闭包和柯里化都是JavaScript经常用到而且比较高级的技巧,所有的函数式编程语言都支持这两个概念,因此,我们想要充分发挥出JavaScript中的函数式编程特征,就需要深入的了解这两个概念,闭包事实上更是柯里化所不可缺少的基础。一、柯里化的概念 在计算机科学中,柯里化是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返回结果的新函数的技术。这个技术由Christopher Strachey以逻辑学家 Haskell Curry 命名的,尽管它是 Moses Schnfinkel 和 Gottlob Frege 发明的。在直觉上,柯里化声称“ 阅读全文
摘要:
截图:(如果你想换成星星,直接修改样式就可以了,提示的描述跟分数都是在插件里设置)demo:猛击这里代码有多简单就不说了,本来是找的插件,最后发现一个一个筛选也没找着符合需求的,还是自己硬着头皮动手。写得比较糙,结构上可能不是特别灵活,样式都在demo里/*** aLi: 设置星星或等级的对象 aMsg: 设置提示描述 hinText: 设置显示描述的对象 val: 设置分数 valContent: 设置获取分数或结果的对象 调用方法: $('.num-rate').rating({ aLi: '.num-rate li', oUl:'... 阅读全文
摘要:
移动设备的用户越来越多,每天android手机的激活量都已经超过130万台,所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验,以及给出几种可选的解决方案。一、基本概念(1) CSS pixels与device pixelsCSS pixels: 浏览器使用的抽象单位, 主要用来在网页上绘制内容。device pixels: 显示屏幕的的最小物理单位,每个dp包含自己的颜色、亮度。等值的 CSS pixels在手机屏幕上占多大的位置,这不是固定的,这取决于很多属性。经过分析和总结,我们可以得出这么一条公式: 1 CSS pixels = (de 阅读全文
摘要:
很多公司到了年底都会做一些抽奖活动来刺激、吸引、粘住客户,比如抽奖转盘活动。前几天用一个jqueryRotate插件实现了转盘的效果。比起那些很炫丽的flash是稍逊点,但也基本实现了需求效果图:(也可以看线上的效果:http://www.mbabycare.com/course/lottery):实现这个其实蛮简单的,转动的效果用的jqueryRotate插件,所以只要判断每个奖荐对应的角度,然后设置指针的转动角度就可以了。比如关键的是jqueryRotate这个插件的用法。jqueryRotate的资料:支持Internet Explorer 6.0+ 、Firefox 2.0 、Safa 阅读全文
摘要:
首先来看下对各大浏览器的兼容性IEFirefoxSafariChromeOperaCSS 2D Transformno3.53.22.010.5CSS 3D Transformnono4.* (Mac)nonoTransitionno3.73.22.010.5Animationnono4.02.0notransform这个比较简单,控制元素进行平面上的二维变换,有三个属性:1. 旋转 rotate()。对元素按顺时针或逆时针方向进行旋转,其值为正数时,表示按顺时针方向旋转,其值为负数时,表示按逆时针方向旋转。单位为度数(deg)。例如: ps:旋转属性可以实现那种常见的三角的tips效果。把一 阅读全文