Mobile 和现代浏览器的解决方案

下面是解决方案。

我们看到默认的下载选择框在firefox和chrome中是有些不同的

Chrome 和 Firefox 中分别是这样的：

Read More

最近研究egret引擎时，在论坛看到了用egret引擎写的一款赛车游戏

Read More

正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。

正则表达式经常被用于字段或任意字符串的校验，如下面这段校验基本日期格式的JavaScript代码：

1
2
3

var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/; 
var r = fieldValue.match(reg);             
if(r==null)alert('Date format error!');

Read More

根据〖中华人民共和国国家标准 GB 11643-1999〗中有关公民身份号码的规定，公民身份号码是特征组合码，由十七位数字本体码和一位数字校验码组成。
排列顺序从左至右依次为：六位数字地址码，八位数字出生日期码，三位数字顺序码和一位数字校验码。

Read More

话不多说，先上代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

/*
 * 约定
 */
function Fun(){
    // 私有属性
    var val = 1;        // 私有基本属性
    var arr = [1];      // 私有引用属性
    function fun(){}    // 私有函数（引用属性）
 
    // 实例属性
    this.val = 1;               // 实例基本属性
    this.arr = [1];             // 实例引用属性
    this.fun = function(){};    // 实例函数（引用属性）
}
 
// 原型属性
Fun.prototype.val = 1;              // 原型基本属性
Fun.prototype.arr = [1];            // 原型引用属性
Fun.prototype.fun = function(){};   // 原型函数（引用属性）

Read More

最近在做手机页面时，遇到数字输入的键盘的问题，之前的做法只是一刀切的使用 type=”tel”，不过一直觉得九宫格的电话号码键盘上的英文字母太碍事了。于是想要尝试其它的实现方案，最终的结论却令人沮丧。不过也趁机详细了解了下pattern这个属性。

type=”tel” 和 type=”number” 的区别

这里还是先那么先交代一下最初遇到的问题。其实无论是tel还是number都不是完美的：

type=”tel”
优点是iOS和Android的键盘表现都差不多
缺点是那些字母好多余，虽然我没有强迫症但还是感觉怪怪的啊。
type=”number”
优点是Android下实现的一个真正的数字键盘
缺点一：iOS下不是九宫格键盘，输入不方便
缺点二：旧版Android（包括微信所用的X5内核）在输入框后面会有超级鸡肋的小尾巴，好在Android 4.4.4以后给去掉了。
不过对于缺点二，我们可以用webkit私有的伪元素给fix掉：

1
2
3
4
5
6

input[type=number]::-webkit-inner-spin-button,  
   input[type=number]::-webkit-outer-spin-button { 
       -webkit-appearance: none; 
       appearance: none; 
       margin: 0; 
   }

Read More

jquery发展10年，已经是一个非常优秀且成熟的js框架，在平常的开发过程中给了开发者非常多的便利，特别是dom的操作。
随着项目的发展，代码复用性更强是一个优秀开发者追求的方向。
根据《jQuery高级编程》的描述，jQuery插件开发方式主要有三种：
通过$.extend()来扩展jQuery
通过$.fn 向jQuery添加新的方法
通过$.widget()应用jQuery UI的部件工厂方式创建

Read More

先了解下手势
常用的 HTML5 手势可以分为两类，单点手势和两点手势。单点手势有 tap(单击)，double tap(双击)，long tap(长按)，swipe(挥)，move(移动)。两点手势有 pinch(缩放)，rotate(旋转)。 接下来我们实现一个检测这些手势的 js 库，并利用这个手势库做出炫酷的交互效果。

Read More

本文章最初出版于AwesomeBlog。

Read More

话不多说，一言不合就上图

Read More