前端面试题（持续更新）

css知识点:

1.实现一个三角形；

.sanjiao{width: 0;height: 0;border-width:10px;border-color:red transparent transparent transparent;border-style:solid;}

2.让所有div外面的p标签背景颜色为黄色；

div+p{background-color: yellow;}

3.CSS calc() 函数;

calc() 函数用于动态计算长度值。

     ● 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；

     ● 任何长度值都可以使用calc()函数进行计算；

     ● calc()函数支持 "+", "-", "*", "/" 运算；

     ● calc()函数使用标准的数学运算优先级规则;

定义与用法

calc() 函数用于动态计算长度值。

     ● 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；

     ● 任何长度值都可以使用calc()函数进行计算；

     ● calc()函数支持 "+", "-", "*", "/" 运算；

     ● calc()函数使用标准的数学运算优先级规则；

js知识点:

1.数组去重；

// 最简单数组去重法 /* * 新建一新数组，遍历传入数组，值不在新数组就push进该新数组中 * IE8以下不支持数组的indexOf方法 * */ function uniq(array){

           var temp = []; //一个新的临时数组

 

           for(var i = 0; i < array.length; i++){

                   if(temp.indexOf(array[i]) == -1){ 

                            temp.push(array[i]); 

                        }

           } 

               return temp;

}

var aa = [1,2,2,4,9,6,7,5,2,3,5,6,5];

console.log(uniq(aa));

2. null == null为true;

    null === null 为true;

3.javascript中递归实现1+2+3+4+...+100怎么实现？

function sum(n) {
    if (n==1){
        return 1
    }
    return sum(n-1)+n;
}

sum(100) ;