总结

最新推荐文章于 2025-05-26 01:29:32 发布

原创最新推荐文章于 2025-05-26 01:29:32 发布 · 282 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

1 篇文章

订阅专栏

本文介绍了JavaScript中的实用技巧，包括类型检查、函数柯里化、DOM操作、CSS布局等，同时还探讨了alert与CSS加载顺序等问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. `('test') instanceof String`

会输出 false

2. 实现 `add(2, 3); add(2)(3);` 输出正确的结果:

function add(a, b) {
  if (arguments.length === 2) {
    return a + b;
  } else {
    return function (c) {
      return a + c;
    }
  }
}

3.原生js实现删除点击的元素:

var div = document.getElementById('div')
function removeElement(ele) {
  var _parent = ele.parentElement
  if (_parent) {
    _parent.removeChild(ele)
  }
}

4. `:checked` 能匹配什么元素

匹配被选中的input元素（单选和复选框）

5. 下面alert和css加载的关系

<!doctype html>
<html>
<head>
  <link rel='stylesheet' href='/test.css'>
</head>
<body>
<script>
alert('hello')
</script>
</body>
</html>

这个先会弹出hello，点击确定之后才会加载完css.

6. 结果是什么?

function test1(a, b) {
  arguments[1] = 2;
  console.log(b)
}
test1(1)
// 输出undefined
---------------------
function test2(a, b) {
  arguments[0] = 2
  console.log(a)
}
test2(1)
// 输出 2

arguments 的个数不是形参的个数，而是调用时传入的参数的个数。
并且可以改变参数值。

7. 多行居中

<div class='wrap'>
  <div class='item'></div>
  <div class='item'></div>
  <div class='item'></div>
  <div class='item'></div>
  <div class='item'></div>
  <div class='item'></div>
  <div class='item'></div>
  <div class='item'></div>
</div>

.wrap {
  display: table-cell;
  width: 500px;
  height: 500px;
  vertical-align: middle;
  text-align: center;
}
.item {
  display: inline-block;
  width: 100px;
  height: 100px;
}