第一个项目学习点记录

时间 2019-11-18

标签第一个项目学习记录繁體版

原文原文链接

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

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

缘由：IE10之前，button的默认类型时button，可是到10之后默认类型编程submit了，因此出现了两次提交jquery

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

2.样式提取：包括字体，浮动等等数据库

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

4.字符串的拼接：1.最好按标签来隔断json

2.最外面放单引号，里面放双引号跨域

5.jquery的链式写法时若是长度过长时，换行表示浏览器

6.命名规范安全

1.若是是涉及js的类能够用"J-xx"的形式来区分

2.去判断是否是：isxxx

3.template,getTmp等

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能够了。

12.表单序列化：

http://www.tuicool.com/articles/InYNJ3

var data = $("#J-form").serializeObject()；

data是一个json，是能够增删改的~~

13.

1.隐藏域的使用：<input type="hidden" value=''xxx"></input>

2.自定义属性的使用：如：<a href="##" data-id="xx" class=''xx"></a>

动态渲染数据的时候很好用

14.今天打算学习iscroll.js来开发移动端的分页组件

http://www.cnblogs.com/duanhuajian/archive/2013/04/08/3008323.html

http://wiki.jikexueyuan.com/project/iscroll-5/scrollers.html

比较详细的介绍

15.动态添加的图片的原始数据的获得：

1.须要建立一个images对象

2.指定图片的路径

3.要在图片加载完成以后执行

load({function(){

var height=this.height;//图片的原始高度

}})；

我作的时候会屡次执行load里面的函数，须要在绑定前先解绑，由于每下载一个图片都会执行里面的回调函数。

16.svn的使用：1.删除或者添加要先本地删除，而后再提交

2.更新时要观察有没有冲突，找到冲突位置，删除后更新

17.若是503之类的能够：1.先将代码更新。2.关闭eclipse。3.在java部分刷新。4.从新开启。

18.get和post的区别：1.get是明的，数据在url上可见，有长度限制。2.post是暗的，数据保存在http头里面，更加安全

19.$.extend的理解：

http://www.jb51.net/article/51079.htm

http://caibaojian.com/jquery-extend-and-jquery-fn-extend.html

20.能够用jsonlint来校验json的正确性

21.js动态加载内容，同时须要对加入的内容绑定点击事件，使用on()方法，而on 对同一个元素屡次绑定同一个事件的时候，这个事件就会执行屡次。

这时候须要在每次绑定事件以前，对该事件解绑，也就是$('#btn').off('click') ，off方法解绑。

22.validate插件中添加自定义验证方法

jQuery.validator.addMethod("isPosition",function(value,element){//value是被验证元素的值，element被验证元素
             var isPosition;
             if(value == "0"){
                isPosition = false;
             }else{
                 isPosition = true;
             };
             return isPosition;
         },"请输入具体位置");

23.去除input先后空格

$(".b_slideToggle input").bind("blur",function(){  
        var result=$(this).attr("value").replace(/(^\s*)|(\s*$)/g, "");  
        $(this).attr("value",result);  
    });

24.妇女节么么哒~~这两天在学习fiddler抓包

http://www.cnblogs.com/TankXiao/archive/2012/04/25/2349049.html

学习中~~

25.http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html

插件入门，写的特别好，很清楚