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