css是图片模糊、修改placeholder的样式、svn的使用、checkbox有checked属性但不选中的bug

2017-12-06

css实现让图片模糊

#blur{
filter:blur(10px);
-webkit-filter:blur(10px);
-moz-filter:blur(10px);
-ms-filter:blur(10px);
-o-filter:blur(10px);
}

2.svn使用

先checkout 把代码down下来，然后再提交代码

3.placeholder的文字样式的修改

input:-moz-placeholder {
  color: #ccc;
}

input::-moz-placeholder {
  color: #ccc;
}

input:-ms-input-placeholder {
  color: #ccc;
}

input::-webkit-input-placeholder {
  color: #ccc;
}

3.单选框和复选框默认样式修改问题
使用label标签的for属性关联单选框和复选框，将单选框或者复选框隐藏，调整label的样式即可。

4.操作dom的样式使用类来修改，减少重排的次数以提高效率。

5.获取查询字符串中的参数

function getSearchString(key) {
    // 获取URL中?之后的字符
    var str = location.search;
    str = str.substring(1,str.length);
    
    // 以&分隔字符串，获得类似name=xiaoli这样的元素数组
    var arr = str.split("&");
    var obj = new Object();

    // 将每一个数组元素以=分隔并赋给obj对象    
    for(var i = 0; i < arr.length; i++) {
        var tmp_arr = arr[i].split("=");
    // 如果url参数是Unicode编码将url解码
        obj[decodeURIComponent(tmp_arr[0])] = decodeURIComponent(tmp_arr[1]);
    }
    return obj[key];
}

6.正则表达式

//微信号正则表达式
var wxReg = /^[a-zA-Z]{1}[-_a-zA-Z0-9]{5,19}+$/;
//QQ号正则表达式
var qqReg =/ [1-9][0-9]{4,14}/
// 6-20位字符
 var reg=/^([a-z0-9]){6,20}$/i;

9.箭头函数没有独立执行上下文（ this ），所以其内部引用 this 对象会直接访问父级。

10.使用axios发送jsonp请求：https://github.com/axios/axios/blob/master/COOKBOOK.md#jsonp

11.checkbox有checked属性但是不选中（使用prop属性就可以） https://blog.ttionya.com/article-937.html