前端面试小节

1.整么让一个div水平垂直居中
.div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

2http的几种请求方式
get查     port增    put 改    delete删除


3.js整么实现添加.移除,移动,复制,创造,和查找节点
添加节点:
// 创建一个新的节点
var newDiv = document.createElement('div');

// 将新节点添加到父节点中
var parent = document.getElementById('parent');
parent.appendChild(newDiv);
移除节点:
// 获取要移除的节点
var nodeToRemove = document.getElementById('nodeToRemove');

// 从父节点中移除该节点
nodeToRemove.parentNode.removeChild(nodeToRemove);
移动节点:
// 获取要移动的节点
var nodeToMove = document.getElementById('nodeToMove');

// 获取目标位置的父节点
var targetParent = document.getElementById('targetParent');

// 将节点移动到目标位置
targetParent.appendChild(nodeToMove);
复制节点:
// 获取要复制的节点
var nodeToCopy = document.getElementById('nodeToCopy');

// 复制节点
var clonedNode = nodeToCopy.cloneNode(true);

// 将复制的节点添加到父节点
var parent = document.getElementById('parent');
parent.appendChild(clonedNode);
创建节点:
// 创建一个新的节点
var newParagraph = document.createElement('p');

// 设置节点的文本内容
newParagraph.textContent = 'This is a new paragraph';

// 将新节点添加到父节点中
var parent = document.getElementById('parent');
parent.appendChild(newParagraph);
查找节点:
// 通过id查找节点
var nodeById = document.getElementById('nodeId');

// 通过class查找节点
var nodesByClass = document.getElementsByClassName('className');

// 通过标签名查找节点
var nodesByTag = document.getElementsByTagName('tagname');

// 通过选择器查找节点
var nodeBySelector = document.querySelector('selector');
var nodesBySelectorAll = document.querySelectorAll('selector');


4.js使用typeof能得到哪些数据类型,===和==分别在何时使用
string ,object,number,function,undefined  ,boolean
==比较数值时使用,===不光比较数值也比较数据类型

5.闭包的写法,闭包作用,闭包的缺点

相关推荐

  1. 前端面试小节

    2024-03-20 20:36:01       42 阅读
  2. 前端面试

    2024-03-20 20:36:01       50 阅读
  3. 前端工程部署步骤小记

    2024-03-20 20:36:01       42 阅读
  4. 前端面试提问(4)

    2024-03-20 20:36:01       40 阅读
  5. 前端项目有关面试

    2024-03-20 20:36:01       63 阅读
  6. 前端工程化面试总结

    2024-03-20 20:36:01       51 阅读
  7. 前端工程化面试

    2024-03-20 20:36:01       47 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-20 20:36:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-20 20:36:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-20 20:36:01       82 阅读
  4. Python语言-面向对象

    2024-03-20 20:36:01       91 阅读

热门阅读

  1. composer切换国内或国外源

    2024-03-20 20:36:01       38 阅读
  2. Linux常用的命令

    2024-03-20 20:36:01       41 阅读
  3. 2024数据结构面试常见问题

    2024-03-20 20:36:01       42 阅读