第一个项目学习点记录

1.<button class="savebtn" onclick="return save_cert()"/>

在FF、IE8等浏览器上表现都是正常的，但是在IE10会奇怪的出现两次提交现象。经过调试，发现需要修改button的默认类型为button才能在IE10下只做一次提交。

原因：IE10以前，button的默认类型时button，但是到10以后默认类型编程submit了，所以出现了两次提交

2.一些书写规范：1.代码对齐。

                          2.样式提取：包括字体，浮动等等。

                          3. 根据可维护性来选择布局方式。

                         4.如果是涉及js的类可以用"J-xx"的形式来区分

3. 使用jquery-qrcode生成二维码。

4.将图片转成base64有什么好处：可以作为文本处理，比如放到数据库里的text字段里，只能传输或处理文本字符的模块，减少http请求...等。

5.点击验证码进行60s倒计时时，Firefox会记忆点击时的disabled属性，就是说第二次刷新时就点击不了了。可以设置autocomplete="off"，属性就可以了。

6.input设置了disabled以后，设置其disabled时的样式，IE9及其以下版本无法改变其颜色。可以将disabled改成readonly（也不好，师傅说不管了）。如果要将其删除，不要用removeprop(),最好是prop("disabled",false)。

7.开启本地服务器的状态下，要用绝对路径代替相对路径。

8.不同协议，不同域名，不同端口，甚至是主域下的子域都会涉及跨域，这时候可以考虑用JSONP。（这是因为浏览器的安全策略）。jsonp的能执行的要素是一.script标签有跨域能力、二.script能执行脚本。

9.用到了validate标签：我的目标是点击验证码只验证手机，点击登录时能验证手机和验证码格式。

        1.只验证手机：$("#J-form").validate().element($("#J-phone"));

        2.对隐藏元素的验证：添加 ignore:""，因为默认情况下是不校验隐藏元素的。

我推荐看 http://www.runoob.com/jquery/jquery-plugin-validate.html  比较清楚一点。

10.这两天比较闲，把刚开始来的时候的考核页面又拿出来写了一下，才发现。。。以前原来更菜。

    中间遇到了些问题，懒得挪，就在这写了。

    1.用模板动态生成的html无法实现js事件实现不了？

       原来我用的是事件绑定，改成事件代理就可以了。（绑定的父元素得是页面中元来就有的）。

11.当form表单里中只有一个文本框时，按enter键会自动提交。查了说添加一个隐藏的<input type="text"/>，不好使，还是添加事件，然后return false可以了。