面试题(笔试)

01 纯三角形(css)#

如何使用纯css实现向下的三角形,并解释原理

css 画三角形的原理就是给一个没有宽和高的元素加边框,没有宽高的情况下,边框就是4个向心的三角形组成的。再隐掉不需的三个边,三角形就出来了,三角形大小由边框宽度决定。

<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        .box {
            width: 0;
            height: 0;
            border-left: 100px solid transparent;
            border-right: 100px solid transparent;
            border-top: 100px solid green;
        }
    </style>
</head>
<body>
    <div class="box"></div>
</body>
</html>

02 用js实现isArray, inArray功能#

// 判断是否为数组
function isArray(data) {
    return data instanceof Array;
}
// 测试
isArray({a:2}); // false
isArray([1,2,3]); // true

// 判断成员是否在数组内,list数组,m成员
function inArray(list,m) {
    let index = list.indexOf(m);
    return index===-1?false:true;
}
let list = ['a','b','c','d'];
// 测试
inArray(list,'a');  // true
inArray(list,'aa'); // false

03 求维位数组所有的和(for循环)#

function getTotal(arr) {
    let total = 0;
    for (var i = 0; i < arr.length; i++) {
        let sum = 0;
        for (var j = 0; j < arr[i].length; j++) {
            sum += arr[i][j];
        }
        total += sum;
    }
    return total;
}

var arr = [
    [1, 2, 3],
    [4, 5, 6]
]
getTotal(arr); 

04 获取文件类型(字符串方法)#

编写一个js函数,用户获得输入参数的后缀名,如输入abc.abc.txt,返回.txt

function getType(str) {
    let index = str.lastIndexOf('.');
    return str.slice(index);
}

var str = 'abc.aaa.txt';
getType(str); // .txt

05.1 输出结果是什么(全局变量和局部变量)#

var i=2;
for(var i=0,j=0;i<5;i++) {
    console.log(i); // 0,1,2,3,4
}
console.log(i); // 5

05.2 求输出结果(逻辑与)#

var a = (1&&2&&5) || 3;
console.log(a); // 5

05.3 求输出结果(闭包和局部变量)#

function fun() {
    var r = new Array();
    for(var i=0;i<3;i++) {
        r[i] = function() {
            return i;
        }
    }
    return r;
}
var fun2 = fun();
for(var i=0;i<fun2.length;i++) {
    console.log(fun2[i]()); // 3,3,3
}

05.4 求输出结果(执行顺序问题)#

var x = 1; 
var y = 2;
var z =3;

function fn1() {
    var z = 4;
    return y = x+z;
}
console.log(y);    // 2
console.log(fn1());  // 5
console.log(x+y+z);  // 9

06 编程题(数组筛选)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

牛马小先锋

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值