还在挣扎的螃蟹 - 个人主页动态 - 牛客网

发布(301) 评论刷题收藏

2023-03-20 18:01

门头沟学院 Web前端

JS：mouseover和mouseenter的区别（五星）

1.mouseover和mouseenter的区别mouseover：当鼠标移入元素或其子元素都会触发事件，所以有一个重复触发，冒泡的过程。 对应的移除事件是mouseout。mouseenter：当鼠标移入元素本身（不包含元素的子元素）会触发事件，也就是不会冒泡。 对应的移除事件是mouseleave

前端面试题

0 点赞评论收藏

分享

2023-03-20 17:54

门头沟学院 Web前端

JS：异步加载JS的方法（*****五颗星）

1.异步加载js的方法异步加载js的方法有：async和defer。如果依赖其他脚本和Dom结果，使用defer保证顺序；如果与Dom和其它脚本依赖不强时，使用async；async加载（fetch）完成后立即执行（execution）；defer加载（fetch）完成后延迟到Dom解析完成后才会执行（execution），但会在事件DomContentLoaded之前。

前端面试题

0 点赞评论收藏

分享

2023-03-20 17:40

门头沟学院 Web前端

JS：重排和重绘有什么区别（*****五颗星）

1.重排和重绘有什么区别当元素的位置，大小等发生变化，就会引起重排。当元素的颜色，背景色等发生变化，就会引起重绘。重排会引起重绘，重绘不会引起重排

前端面试题

0 点赞评论收藏

分享

2023-03-25 12:37

已编辑

门头沟学院 Web前端

JS ：手写深拷贝（递归实现）（*****五颗星）

1.手写深拷贝（不考虑symbol）for in 不会遍历symbol类型的值。 <script> function deepClone(cur) { if(typeof cur!="object") return cur let tar = cur instanceof Array?[]:{} for (let k in cur) {//for in会遍历实例成员和原型成员 if (cur.hasOwnProperty(k)) {//判断是不是实例成员 if (typeof cur[k] === "object") {//引用类型和基本类型的判断，判断是不是object类型，不是...

前端面试题

0 点赞评论收藏

分享

2023-03-18 19:45

门头沟学院 Web前端

JS：事件执行顺序（捕获、目标、冒泡）怎么改变成捕获（五星）

JavaScript中，事件执行顺序包括三个阶段：捕获阶段、目标阶段和冒泡阶段。捕获阶段：事件从最外层的祖先元素开始，一直向下传播到目标元素的父元素，直到到达目标元素的父元素为止。目标阶段：事件到达目标元素。冒泡阶段：事件从目标元素的父元素开始，向上冒泡，一直传播到最外层的祖先元素。 默认情况下，事件是在冒泡阶段处理的，即先处理目标元素的事件，再依次处理目标元素的父元素的事件，直到到达最外层的祖先元素。如果要改变事件的执行顺序，可以在添加事件监听器时指定第三个参数，该参数为一个布尔值，表示事件的执行顺序。如果该参数为true，事件将在捕获阶段执行；如果该参数为false或省略，事件将在冒泡阶段...

前端面试题

0 点赞评论收藏

分享

2023-03-18 19:15

门头沟学院 Web前端

JS：Set和Map、WeakMap和WeakSet（五星）

Set和Map在JavaScript中，Set和Map是两个常用的数据结构。SetSet是一种集合，其中的元素是唯一的，不会出现重复。可以用来去除数组中的重复元素。创建一个Set对象： const set = new Set(); //向Set中添加元素： set.add(1); set.add(2); set.add(3); //从Set中删除元素： set.delete(2); //判断Set中是否包含某个元素： set.has(2); // false //遍历Set中的元素： set.forEach(item => console.log(item));//1，3 MapMap是...

前端面试题

0 点赞评论收藏

分享

2023-03-29 00:54

已编辑

门头沟学院 Web前端

JS：forEach方法和map方法区别（****四颗星）

forEach方法和map方法都是用于对数组进行遍历的方法，它们的区别在于：  forEach方法没有返回值，只是对数组中的每个元素执行一次回调函数，例如：输出： map方***返回一个新的数组，该数组的每个元素是原数组中的每个元素执行回调函数后的返回值，例如：输出：  forEach方法，对于break或continue是无效的，return只能跳出本次循环，除了抛出异常以外，没有办法中止或跳出 forEach() 循环。如果你需要中止或跳出循环，forEach() 方法不是应当使用的工具。  map方法，可以在回调函数中使用return语句来终止循环，例如：const arr = [1, ...

前端面试题

0 点赞评论收藏

分享

2023-03-24 19:28

已编辑

门头沟学院 Web前端

HTTP：HTTP Referer

什么是Referer Referer表示请求的来源，比如什么网站经过链接跳转过来的，HTTP 请求的头信息里面，Referer 是一个常见字段 Referer 请求头包含了当前请求页面的来源页面的地址，即表示当前页面是通过此来源页面里的链接进入的。服务端一般使用 Referer 请求头识别访问来源，可能会以此进行统计分析、日志记录以及缓存优化等。浏览器向服务器请求资源的时候，Referer字段的逻辑是这样的，用户在地址栏输入网址，或者选中浏览器书签，就不发送Referer字段。 为什么不能太依赖Referer？ 因为Referer太容易伪造，任何语言里面都很容易伪造一个请求的来源 主要是以下三...

前端面试题

0 点赞评论收藏

分享

2023-03-15 15:47

门头沟学院 Web前端

VUE：vue源码--v-model双向绑定原理（五颗星）

注意：1.vue源码--v-model双向绑定原理双向绑定原理：通过Obje.defineProperty劫持数据发生的改变，如果数据发生改变了（在set中进行赋值的），触发update方法进行更细节点内容（{{str}}），从而实现数据双向绑定的原理index.html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="...

前端面试题

0 点赞评论收藏

分享

2023-03-15 15:10

门头沟学院 Web前端

VUE：vue源码--更新视图（*****五颗星）

注意：hasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是，是否有指定的键）。所有继承了 Object 的对象都会继承到 hasOwnProperty 方法。这个方法可以用来检测一个对象是否含有特定的自身属性；和 in 运算符不同，该方法会忽略掉那些从原型链上继承到的属性。即使属性的值是 null 或 undefined，只要属性存在，hasOwnProperty 依旧会返回 true。1.vue源码--更新视图index.ht...

前端面试题

0 点赞评论收藏

分享

2023-03-15 12:45

已编辑

门头沟学院 Web前端

VUE：vue源码--data劫持（*****五颗星）

注意：Object.defineProperty(obj, prop, descriptor) 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。1.vue源码--data劫持index.html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=...

前端面试题

0 点赞评论收藏

分享

2023-03-15 12:44

已编辑

门头沟学院 Web前端

VUE：vue源码--添加事件（*****五颗星）

注意：添加事件永远是给元素节点加的。EventTarget.addEventListener() 方法将指定的监听器注册到 EventTarget 上，当该对象触发指定的事件时，指定的回调函数就会被执行。事件目标可以是一个文档上的元素 Element、Document 和 Window，也可以是任何支持事件的对象（比如 XMLHttpRequest）。addEventListener(type, listener)；type：表示监听事件类型的大小写敏感的字符串。listener：当所监听的事件类型触发时，会接收到一个事件通知（实现了 Event 接口的对象）对象。listener 必须是一个...

前端面试题

0 点赞评论收藏

分享

2023-03-15 11:28

已编辑

门头沟学院 Web前端

VUE：手写vue源码--生命周期

注意：生命周期主要是顺序上的问题。1.手写vue源码--生命周期index.html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>手写vue生命周期</title...

前端面试题

0 点赞评论收藏

分享

2023-03-15 11:27

已编辑

门头沟学院 Web前端

VUE：手写vue源码-模板解析（*****五颗星）

注意： Node.childNodes 返回包含指定节点的子节点的集合，该集合为即时更新的集合nodeType 属性可用来区分不同类型的节点，比如 元素, 文本 和 注释。Node 接口的 textContent 属性表示一个节点及其后代的文本内容。str.replace(regexp,function(str,正则匹配的字符串))一个用来创建新子字符串的函数，该函数的返回值将替换掉第一个参数匹配到的结果1.手写vue源码-模板解析index.html： <!DOCTYPE html> <html lang="en"> <head> <meta cha...

前端面试题

0 点赞评论收藏

分享

2023-03-09 01:40

门头沟学院 Web前端

JS：异步和事件循环练习题2（*****五颗星）

1.第1题： <script> Promise.reject('err!!!') .then((res) => { console.log('success', res) }, (err) => { console.log('error', err) }).catch(err => { console.log('catch', err) }) // 结果：error err!!! </script> .then函数中的两个参数：第一个参数是用来处理Promise成功的函数第二个则是处理失败的函数也就是说Promise.resolve('1')的值会进入...

前端面试题

0 点赞评论收藏

分享

创作者周榜

更多

关注他的用户也关注了：

牛客网
牛客企业服务