非你网

前言

只做一件事情，可以做的很精致。验证码，只是一个网站很小很小的一部分，有人有公司却做的体验非常棒。下边是网易易盾和极验两加公司做的验证码产品demo的链接：

网易易盾： http://dun.163.com/trial/jigsaw
极验：http://www.geetest.com/exp.html

极验提供了两种验证方式（拖动和点击），四种展现形式（float、popup、custom、bind），二次验证的服务以及多平台。以保障良好的安全以及体验。不过，按钮不能任意定义高度。免费产品也不能自定义图片。
继续阅读

现象

在给网址做 登录注册 功能时，通常会用到ajax。因为它不会刷新页面，给用户的体验很好。但会影响另外一个比较好的体验：浏览器不会弹出记住账号密码。

eg：

<div class="log-bodies">
    <row>
        <span>账号</span>
        <input id="account" type="text" placeholder="请输入账号">
    </row>

    <row>
        <span>密码</span>
        <input id="password" type="password" placeholder="请输入密码">
    </row>

    <button class="log-btn">登录</button>
</div

$(".log-btn").click(function{
    //do ajax post
});

继续阅读

js中实现set，get

方法1：

function Person()
{
    var name;

    Object.defineProperty(this, "name",{
        set:function(value){
            name = value;
        },
        get:function(){
            return name;
        }
    })
}

defineProperty 是ECMAScript 5新增的特性。该方法有局限性。ie需要大于8以上的版本才可以。

方法2：

var name;

var Person = {
        set name(value){
            name = value;
        },

        get name(){
            return name;  
        }
}

初介

impress.js是国外一位开发者受Prezi启发，采用CSS3与JavaScript语言完成的一个可供开发者使用的表现层框架(演示工具)。

普通开发者可以利用impress.js自己开发出类似效果的演示工具，但性能比基于Flash的Prezi更优。其功能包括画布的无限旋转与缩放，任意角度放置任意大小的文字，CSS3 3D效果支持等。同时，也支持传统PowerPoint形式的幻灯演示。

目前impress.js是基于webkit浏览器（Chrome、Safari）开发，而在其它基于非 webkit引擎，但支持 CSS3 3D 的浏览器也能正常运行。

演示 && 下载

官网：http://impress.github.io/impress.js/#/bored

王巍：http://about.onevcat.com/#/welcome

正逍遥：http://zhengxiaoyao0716.github.io/FunCodeImpress/#/bored

gitHub: https://github.com/impress/impress.js
继续阅读

效果页面

效果链接：

1. mailme https://mailmeapp.com/

2. 鲸鱼书单 http://www.miduapp.cn/

3. 百度百科史记 http://www.sucaihuo.com/jquery/1/175/demo/

日本直播：https://live.line.me/
继续阅读

前言

js是一个自由，一切皆对象的脚本语言。如果说要去找面向对象的原生的package，class，那是没有的。但是，js可以去封装。

了解prototype

w3school这样定义的：prototype属性使您有能力向对象添加属性和方法。这个是动态的，也就是什么时候都可以。每个对象都有prototype属性，它本身也是一个对象。如此循环下去就形成了一个prototype链，这个链当遇到链中的prototype为null时即中止（Object默认的prototype为null）。
继续阅读