前端bug汇总

1.npm install出现”Unexpected end of JSON input while parsing near”的错误
解决：执行npm cache clean --force

2.express-generator脚手架一定要全局安装express和express-generator才可以使用，否则会出现如下bug:

3.表单重置(还原)

$('#frm')[0].reset(); 
1.reset()方法实现的效果是还原，而不是重置（清空）
2.带默认值的form表单标签，调用重置方法会被还原为默认值
3.reset()对隐藏域无效
4.jq没有重置表单元素的方法，该方法属于js,若jq中需要实现，则可将jq元素转为dom后进行操作，即$('#frm')[0].reset()

4.$(function(){})  和window.onload = function(){}闭包问题

//写在$(function(){ })里面的函数是处在一个局部作用域中的，也就是我们常说的“闭包”，只能由同处在一个闭包内的代码访问到。
// 你a标签的onclick是写在$(function(){ })这个闭包外面的，当然访问不到了。

 

5.jquery 判断页面上元素是否存在

$('选择器').length > 0 ,大于0则表示元素存在

$(function(){
    // 获取类别
    if($('select[name=categoryId]').length > 0){
        console.log($('#frm').find('select[name=categoryId]'));
        $.get(bigNews.category_list,function(res){
            $('select[name=categoryId]').html(template('optionEditTpl',res));
        });
    }
}());

 

6.覆盖浮动样式

   float: none;

7.设置字间距

letter-spacing来设置字与字间距_字符间距离，字体间距css样式，如letter-spacing：8px;字间距为8px

 

8.elementui表头和列及列内容居中显示

在列上加：align="center"

                <el-table-column
                    prop="title"
                    label="文章标题"
                    align="center"
                    >
                </el-table-column>

效果：

 

9.elementui 表格设置最大高度