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

发布(300) 评论刷题

2023-04-09 15:22

已编辑

门头沟学院 Web前端

《前端面试题》专栏介绍

1.建立专栏的初心： 因为本人想到自己的以前面试经历，遇到面试题不够集中和全面，没有代码实现，导致理解不够深入，不容易理解相关内容，并且每次要用到的内容在关键时刻总是找不到，不方便复习和面试。还有苦于时间总是花在找面试题的过程。所以建立此专栏就是为了帮助和我以前有相同问题的同志。2.专栏内容前端面试的一些常问问题、问题的具体实现（可直接运行）以及底层原理此专栏内容会涉及html，css，js，vue，react，计算机网路，浏览器，性能优化等。会不断更新内容。并且每个面试题都会标记重要性，如五颗星是最重要，然后一次减少到二颗星，重要程度也会依次减少。3.适合人群此专栏适合基础不够扎实，半...

前端面试题

0 点赞评论收藏

分享

2023-03-02 11:05

已编辑

门头沟学院 Web前端

JS：数据类型检测的方式有那些（*****五颗星）

1.typeof其中数组、对象、null都会被判断为object，其他判断都正确。 <script> console.log(typeof 2); // number console.log(typeof true); // boolean console.log(typeof 'str'); // string console.log(typeof undefined); // undefined console.log(typeof null); // o...

前端面试题

0 点赞评论收藏

分享

2023-03-02 09:43

门头沟学院 Web前端

JS：对AJAX的理解，实现一个AJAX请求（五颗星）

AJAX是 Asynchronous JavaScript and XML 的缩写，指的是通过 JavaScript 的 异步通信，从服务器获取 XML 文档从中提取数据，再更新当前网页的对应部分，而不用刷新整个网页。1.创建AJAX请求的步骤：创建一个 XMLHttpRequest 对象。在这个对象上使用 open 方法创建一个 HTTP 请求，open 方法所需要的参数是请求的方法、请求的地址、是否异步和用户的认证信息。在发起请求前，可以为这个对象添加一些信息和监听函数。比如说可以通过 setRequestHeader 方法来为请求添加头信息。还可以为这个对象添加一个状态监听函数。一个 X...

前端面试题

0 点赞评论收藏

分享

2023-03-02 12:51

已编辑

门头沟学院 Web前端

JS：判断数组的方式有哪些（*****五颗星）

1.通过Object.prototype.toString.call()做判断Object.prototype.toString.call(arrObj).slice(8,-1) === 'Array'; <script> let arrObj=[1,2,3] let flag=Object.prototype.toString.call(arrObj).slice(8,-1) === 'Array';//截取下标为8的元素（包含）到倒数第一个（不包含） console.log(flag)//true </script> 2.通过原型链做判断arrObj._...

前端面试题

0 点赞评论收藏

分享

2023-03-01 15:36

门头沟学院 Web前端

JS：引用类型和值类型（基本类型）区别（*****五颗星）

引用类型和值类型区别？引用类（复杂类型）型把自己存储在堆空间值类型（简单类型）把数据存储在栈空间赋值的过程发生在栈空间如果是我们把一个引用类型的变量赋值给另一个变量其实两个变量都是指向同一个对象如果是引用类型传参，形参被修改了，实参也会跟着修改

前端面试题

0 点赞评论收藏

分享

2023-03-01 14:43

门头沟学院 Web前端

JS：什么是 DOM 和 BOM（*****五颗星）

1.什么是 DOM ？DOM 指的是文档对象模型，它指的是把文档当做一个对象，这个对象主要定义了处理网页内容的方法和接口。2.什么是 BOM？BOM 指的是浏览器对象模型，它指的是把浏览器当做一个对象来对待，这个对象主要定义了与浏览器进行交互的方法和接口。BOM的核心是 window，而 window 对象具有双重角色，它既是通过 js 访问浏览器窗口的一个接口，又是一个 Global（全局）对象。这意味着在网页中定义的任何对象，变量和函数，都作为全局对象的一个属性或者方法存在。window 对象含有 location 对象、navigator 对象、screen 对象等子对象，并且 DOM ...

前端面试题

0 点赞评论收藏

分享

2023-03-01 15:17

已编辑

门头沟学院 Web前端

JS：类数组对象如何转化为数组（*****五颗星）

1.类数组对象一个拥有 length 属性和若干索引属性的对象就可以被称为类数组对象，类数组对象和数组类似，但是不能调用数组的方法。常见的类数组对象有 arguments 和 DOM 方法的返回结果，函数参数也可以被看作是类数组对象，因为它含有 length属性值，代表可接收的参数个数。1.类数组对象： arguments <script> function sum(a,b){ console.log(arguments) } sum(1,2) </script> 2.类数组对象：DOM 方法的返回结果 <div class="Div">&l...

前端面试题

0 点赞评论收藏

分享

2023-03-01 13:17

门头沟学院 Web前端

JS：Object.is()与“===”“==”区别（五星）

Object.is() 与比较操作符 “===”、“==” 的区别？使用双等号（==）进行相等判断时，如果两边的类型不一致，则会进行强制类型转化后再进行比较。使用三等号（===）进行相等判断时，如果两边的类型不一致时，不会做强制类型准换，直接返回 false。使用 Object.is 来进行相等判断时，一般情况下和三等号的判断相同，它处理了一些特殊的情况，比如 -0 和 +0 不再相等，两个 NaN 是相等的。

前端面试题

0 点赞评论收藏

分享

2023-03-01 11:53

门头沟学院 Web前端

HTML：HTML5的离线储存的使用及工作原理（三颗星）

现在日常使用的APP，有部分内容是使用内嵌webview的方式，浏览页面内容，这种方案的优势是WEB和APP共用一个网站，像掘金的APP就是使用这种方式。为了避免重复加载页面或者在无网络的情况下正常展现内容，可以采用离线存储，其中一种方案就是使用 manifest 。1.离线存储： 在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件。2.原理： HTML5的离线存储是基于一个新建的 .appcache 文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当...

前端面试题

0 点赞评论收藏

分享

2023-03-01 11:53

门头沟学院 Web前端

HTML：浏览器对HTML5离线储存资源的管理和加载（三星

现在日常使用的APP，有部分内容是使用内嵌webview的方式，浏览页面内容，这种方案的优势是WEB和APP共用一个网站，像掘金的APP就是使用这种方式。为了避免重复加载页面或者在无网络的情况下正常展现内容，可以采用离线存储，其中一种方案就是使用 manifest 。浏览器是如何对 HTML5 的离线储存资源进行管理和加载？在线的情况下，浏览器发现 html 头部有 manifest 属性，它会请求 manifest 文件，如果是第一次访问页面 ，那么浏览器就会根据 manifest 文件的内容下载相应的资源并且进行离线存储。如果已经访问过页面并且资源已经进行离线存储了，那...

前端面试题

0 点赞评论收藏

分享

2023-03-01 11:53

门头沟学院 Web前端

CSS：img的srcset属性的作⽤（***三颗星）

img标签使用 sizes 和 srcset 设置响应式图像。响应式页面中经常用到根据屏幕密度设置不同的图片。这时就用到了 img 标签的srcset属性。srcset属性用于设置不同屏幕密度下，img 会自动加载不同的图片。用法如下： <img src="image-128.png" srcset="image-256.png 2x" /> 使用上面的代码，就能实现在屏幕密度为1x的情况下加载image-128.png, 屏幕密度为2x时加载image-256.png。按照上面的实现，不同的屏幕密度都要设置图片地址，目前的屏幕密度有1x,2x,3x,4x四种，如果每一个图片都设置...

前端面试题

0 点赞评论收藏

分享

2023-02-28 16:16

已编辑

门头沟学院 Web前端

HTML：浏览器乱码的原因是什么？如何解决？（**两颗星）

产生乱码的原因：网页源代码是gbk的编码，而内容中的中文字是utf-8编码的，这样浏览器打开即会出现html乱码，反之也会出现乱码；html网页编码是gbk，而程序从数据库中调出呈现是utf-8编码的内容也会造成编码乱码；浏览器不能自动检测网页编码，造成网页乱码。 简单来说就是：编写 HTML 文件时，如果在<html>中指定了<meta charset="gbk">，设定字符集为gbk，然后保存 HTML 文件时，编辑器用 utf-8 字符集保存，接着浏览器打开 HTML 文件时，它看到<meta charset="gbk">，这时候它就会用gbk字...

前端面试题

0 点赞评论收藏

分享

2023-02-28 14:51

门头沟学院 Web前端

HTML：说一下 HTML5 drag API（**两颗星）

dragstart：当用户开始拖拽一个元素或选中的文本时触发。事件主体是被拖放元素，在开始拖放被拖放元素时触发。darg：当拖拽元素或选中的文本时触发。事件主体是被拖放元素，在正在拖放被拖放元素时触发。dragenter：当拖拽元素或选中的文本到一个可释放目标时触发。事件主体是目标元素，在被拖放元素进入某元素时触发。dragover：当元素或选中的文本被拖到一个可释放目标上时触发（每 100 毫秒触发一次）。事件主体是目标元素，在被拖放在某元素内移动时触发。dragleave：当拖拽元素或选中的文本离开一个可释放目标时触发。事件主体是目标元素，在被拖放元素移出目标元素是触发。drop：当元素或...

前端面试题

0 点赞评论收藏

分享

2023-02-28 13:25

已编辑

门头沟学院 Web前端

HTML：label作用及使用（***三颗星）

1.label标签： HTML <label> 元素（标签）表示用户界面中某个元素的说明。 <label> 标签为 input 元素定义标注（标记）。<label> 标签的 for 属性应当与相关元素的 id 属性相同，"for" 属性可把 label 绑定到另外一个元素。所以需把 "for" 属性的值设置为相关元素的 id 属性的值。 2.label作用： label标签来定义表单控件的关系： label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，...

前端面试题

0 点赞评论收藏

分享

2023-02-28 12:26

门头沟学院 Web前端

CSS：requestAnimationframe（两星）

实现动画效果的方法比较多，Javascript 中可以通过定时器 setTimeout 来实现，CSS3 中可以使用 transition 和 animation 来实现，HTML5 中的 canvas 也可以实现。除此之外，HTML5 提供一个专门用于请求动画的API，那就是 requestAnimationFrame，顾名思义就是请求动画帧。requestAnimationframe： window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回...

前端面试题

0 点赞评论收藏

分享

关注他的用户也关注了：

牛客网
牛客企业服务