0%

表单新特性————新的 input type

<input type="?">

1.1 原有的 type:

text、password、radio、checkbox、hidden、file、image、button、submit、reset
阅读全文 »

我们想创建一个Student构造函数:

function Student(props) {
    this.name = props.name || 'Unnamed';
}
Student.prototype.hello = function () {
    alert('Hello, ' + this.name + '!');
}

现在,我们要基于Student扩展出PrimaryStudent,可以先定义出PrimaryStudent:

function PrimaryStudent(props) {
    // 调用Student构造函数,绑定this变量:
    Student.call(this, props);
    this.grade = props.grade || 1;
}
阅读全文 »

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

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

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

下面是技匠整理的,在前端开发中经常使用到的20个正则表达式。


阅读全文 »

很久很久以前,有个叫阿隆佐·邱奇,发现只需要用函数,就可以用计算机实现运算,而不需要0、1、2、3这些数字和+、-、*、/这些符号。

JavaScript支持函数,所以可以通过JavaScript用函数来写这些计算。来试试:

阅读全文 »

对象

在一个对象中绑定函数,称为这个对象的方法。
在JavaScript中,对象的定义是这样的:

var xiaoming = {
    name: ‘小明’,
    birth: 1990
};

但是,如果我们给xiaoming绑定一个函数,就可以做更多的事情。比如,写个age()方法,返回xiaoming的年龄:

阅读全文 »

清除浮动

.order_con:after{
    content: ‘.’;
    display: block;
    visibility: hidden;
    width: 0px;
    height: 0px;
    clear: both;
}

常用部署步骤

每次部署的步骤,可按以下三步来进行。

hexo clean
hexo generate
hexo deploy
阅读全文 »

什么是JS事件冒泡?

在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。

阅读全文 »