第一个项目学习点记录

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

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

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

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

                              2.样式提取:包括字体,浮动等等

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

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

                                                       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

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



转载于:https://my.oschina.net/u/2421889/blog/602033

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值