2024最新前端面试题

一、css

febfb4b196f946f7ab9ee738575f94ea.jpg

8c36d62412f54e0488809d40234b0466.jpgf7fc04f3edd84144b4b93b1ed13712fb.jpg 

浏览器渲染机制

f65a33b1194a4fb58aa6e87a14c90e28.jpg1adb3754b05341d58a5cf3b952f5d66f.jpg 定位+margin

c8a5526f57934db9a8e2802502614942.jpg

定位+transform

4363101856134cb298fd2fb273524ee0.jpg

flex布局

4f45226c4b4048dcb81f115402fd68c9.jpg

987ba9d5233f4c4db20c4a22809eeceb.jpg

b76fd9adc21d4f24be6cb57e3dfbc26d.jpg

二、js

83c49820a8b14b388555b5267dd22290.jpg 5a3eeb888a8245cfb485f69a4383c77b.jpg

 0e504993b4d347a38faf2e0c37c9d0f5.jpg

694ba6b646e64724a1a17eb96b6b2f75.jpg

数组是属于Object类型的,也就是引用类型,所以不能使用 typeof 来判断其具体类型。下面这些方法是判断数组的几种方法

1、instanceof运算符

主要是判断某个实例(arr)是否属于某个对象。

let arr = [1,2,3];

console.log(arr instanceof Array); //true

2、constructor

判断实例(arr)的构造函数是否等于某个对象。

let arr = [1,2,3];

console.log(arr.constructor == Array); //true

3、isArray

ES5新增数组方法,判断数组是不是数组。

let arr = [1,2,3];

console.log(Array.isArray(arr)); //true

4、Object.getPrototypeOf()

Object.getPrototypeOf()方法返回指定对象的原型,然后和Array的原型对比。

let arr = [1,2,3];

console.log(Object.getPrototypeOf(arr) == Array.prototype); //true

5、Array原型链上的isPrototypeOf

Array.prototype表示Array的构造函数的原型;

isPrototypeOf()方法可以判断一个对象是否存在于另一个对象的原型链上。

let arr = [1,2,3];

console.log(Array.prototype.isPrototypeOf(arr)); //true

6、Object.prototype.toString.call()

把对象转化成字符串和一个已知的对象进行对比。

let arr = [1,2,3];

console.log(Object.prototype.toString.cal(arr) == '[object Array]'); //true

4480e08d161f4d87beb6f7c174c25c73.jpg

4d187d0eff954dc5937ba9cb7848e23a.jpg

JavaScript 的 this 原理 - 阮一峰的网络日志

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/493342.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

腾讯位置服务使用

1、有账户直接登录,没有账号,注册账号 2、创建应用,生成key值 3、分配额度 4、小程序添加合法域名,即可调用使用 查阅腾讯位置服务官方文档,即可使用 将下载下来的sdk放到src/libs文件夹下 import QQMapWX from ../..…

【wu-acw-client 使用】案例

wu-acw-client 使用 项目介绍,使用acw-client,创建对应Java项目的增删改查(ORM:Lazy ORM、mybatis),项目模块架构:mvc、feign、ddd 演示项目环境:idea 、mac、mysql、jdk17 spring …

抖音视频下载工具|视频内容提取软件

引言部分: 针对抖音视频下载需求,我们团队自豪推出一款功能强大的工具,旨在解决用户获取抖音视频繁琐问题的困扰。我们通过基于C#开发的工具,让用户能够轻松通过关键词搜索实现自动批量抓取视频,并根据需求进行选择性批…

壹[1],图像源

1,工具名称:图像源 2,参数说明 2.1,图像源 注: 本地图像,使用本地图片以及本地图像文件夹 相机,连接的相机 SDK,使用相机的SDK,而不是海康SDK 2.2,像素格式 注&…

如何定义核心场景用例?

​首先我们解决两个问题: 1.什么是场景测试?2.什么是核心场景?1、什么是场景测试? 🎯 1.1:什么是场景 事件触发时的情景形成了场景。场景必不可少的几个要素:环境、人、时间、行为。简而言之…

【数据结构与算法】常用算法 前缀和

🎉🎉欢迎光临🎉🎉 🏅我是苏泽,一位对技术充满热情的探索者和分享者。🚀🚀 🌟特别推荐给大家我的最新专栏《数据结构与算法:初学者入门指南》📘&am…

SSMBUG之 url +

1. Failed to configure a DataSource: ‘url’ attribute is not specified and no embedded datasource could be configured. 经查, 书写一切正常. 注意到此时yml文件的图标是一个红色的Y而不是绿色的spring , 推测没有正确加载. 重新创建项目, 所有东西拷贝一份便恢复正常…

从事通讯信息类职业岗位的任职资格

通讯信息工程师,主要是移动核心网和固网核心网的工程切割和维护网络安全的专业工作,主要负责IP数据、省网和地域网络的维护。一切跟互联网打交道的事情,都跟这个有关系,都是通讯信息类岗位的工作。从事这种工作,需要付…

数学建模论文、代码百度网盘链接

1.[2018中国大数据年终总决赛冠军] 金融市场板块划分与轮动规律挖掘与可视化问题 2.[2019第九届MathorCup数模二等奖] 数据驱动的城市轨道交通网络优化策略 3.[2019电工杯一等奖] 露天停车场停车位的优化设计 4.[2019数学中国网络数模一等奖] 基于机器学习的保险业数字化变革…

mysql order by布尔盲注

什么是order by 在MySQL支持使用ORDER BY语句对查询结果集进行排序处理,使用ORDER BY语句不仅支持对单列数据的排序,还支持对数据表中多列数据的排序。语法格式如下 select * from 表名 order by 列名(或者数字) asc;升序(默认升序) selec…

Atcoder ABC341 C - Takahashi Gets Lost

Takahashi Gets Lost(高桥迷路了) 时间限制:3s 内存限制:1024MB 【原题地址】 所有图片源自Atcoder,题目译文源自脚本Atcoder Better! 点击此处跳转至原题 【问题描述】 【输入格式】 【输出格式】 【样例1】 【…

备考2025年考研数学(一)真题练习和解析——填空题

今天距离2025年考研预计还有10个月的时间,看起来挺长,但是对于备考2025年考研的同学来说,必须用好每一天。为了帮助大家提升考研数学一的成绩,我收集整理了1987-2024年的考研数学一的真题和解析,并把2015-2024年十年的…