互联网大厂前端面试.pdf资源-CSDN文库

文档资料

118 浏览量 2022-12-22 21:57:56 上传评论收藏 296KB PDF 举报

资源推荐

资源详情

资源评论

互联⽹⼤⼚前端⾯试

1、meta标签

提供给页⾯的⼀些元信息（名称/值对），⽐如针对搜索引擎和更新频度的描述和关键词。

name：名称/值对中的名称。常⽤的有author、description、keywords、generator、revised、others。把 content 属性关联到

⼀个名称。

http-equiv：没有name时，会采⽤这个属性的值。常⽤的有content-type、expires、refresh、set-cookie。把content属性关联到

http头部。

content：名称/值对中的值，可以是任何有效的字符串。始终要和 name 属性或 http-equiv 属性⼀起使⽤。

scheme：⽤于指定要⽤来翻译属性值的⽅案。

2. css哪些属性可以继承

字体相关：line-height, font-family, font-size, font-style, font-variant, font-weight, font

⽂本相关： letter-spacing, text-align, text-indent, text-transform, word-spacing

列表相关：list-style-image, list-style-position, list-style-type, list-style

颜⾊：color

3. css3有哪些新属性

（1）边框：

border-radius：圆⾓边框，border-radius:25px;

box-shadow：边框阴影，box-shadow: 10px 10px 5px #888888;

border-image：边框图⽚，border-image:url(border.png) 30 30 round;

（2）背景：

background-size：规定背景图⽚的尺⼨，background-size:63px 100px;

background-origin：规定背景图⽚的定位区域，背景图⽚可以放置于 content-box、padding-box 或 border-box 区域。

background-origin:content-box;

CSS3 允许您为元素使⽤多个背景图像。background-image:url(bg_flower.gif),url(bg_flower_2.gif);

（3）⽂本效果：

text-shadow：向⽂本应⽤阴影，可以规定⽔平阴影、垂直阴影、模糊距离，以及阴影的颜⾊。text-shadow: 5px 5px 5px

#FF0000;

word-wrap：允许⽂本进⾏换⾏。word-wrap:break-word;

（4）字体：CSS3 @font-face 规则可以⾃定义字体。

（5）2D 转换（ transform）

translate()：元素从其当前位置移动，根据给定的 left（x 坐标）和 top（y 坐标）位置参数。 transform: translate(50px,100px);

rotate()：元素顺时针旋转给定的⾓度。允许负值，元素将逆时针旋转。transform: rotate(30deg);

scale()：元素的尺⼨会增加或减少，根据给定的宽度（X 轴）和⾼度（Y 轴）参数。transform: scale(2,4);

skew()：元素翻转给定的⾓度，根据给定的⽔平线（X 轴）和垂直线（Y 轴）参数。transform: skew(30deg,20deg);

matrix()：把所有 2D 转换⽅法组合在⼀起，需要六个参数，包含数学函数，允许您：旋转、缩放、移动以及倾斜元素。

transform:matrix(0.866,0.5,-0.5,0.866,0,0);

（6）3D 转换

rotateX()：元素围绕其 X 轴以给定的度数进⾏旋转。transform: rotateX(120deg);

rotateY()：元素围绕其 Y 轴以给定的度数进⾏旋转。transform: rotateY(130deg);

（7）transition：过渡效果，使页⾯变化更平滑

transition-property ：执⾏动画对应的属性，例如 color，background 等，可以使⽤ all 来指定所有的属性。

transition-duration：过渡动画的⼀个持续时间。

bezier 。

transition-delay：延迟多久后开始动画。

简写为： transition: [<transition-property> || <transition-duration> || <transition-timing-function> || <transition-delay>];

（8）animation：动画

使⽤CSS3 @keyframes 规则。

animation-name: 定义动画名称

animation-duration: 指定元素播放动画所持续的时间长

指元素根据时间的推进来改变属性值的变换速率，说得简单点就是动画的播放⽅式。

animation-delay: 指定元素动画开始时间

animation-iteration-count:infinite | <number>：指定元素播放动画的循环次

animation-direction: normal | alternate：指定元素动画播放的⽅向，其只有两个值，默认值为normal，如果设置为normal时，动画的

每次循环都是向前播放；另⼀个值是alternate，他的作⽤是，动画播放在第偶数次向前播放，第奇数次向反⽅向播放。

animation-play-state:running | paused ：控制元素动画的播放状态。

简写为： animation:[<animation-name> || <animation-duration>|| <animation-timing-function> || <animation-delay> ||<animation-iteration-

count> || <animation-direction>]

4. 闭包是什么，什么时候闭包会消除?

因为作⽤域链，外部不能访问内部的变量和⽅法，这时我们就需要通过闭包，返回内部的⽅法和变量给外部，从⽽就形成了⼀个闭包。

JavaScript是⼀门具有⾃动垃圾回收机制的编程语⾔，主要有两种⽅式：

垃圾收集器在运⾏的时候会给存储在内存中的所有变量都加上标记（可以使⽤任何标记⽅式）。然后，它会去掉环境中的变量以及被环境中

的变量引⽤的变量的标记。⽽在此之后再被加上标记的变量将被视为准备删除的变量，原因是环境中的变量已经⽆法访问到这些变量了。最

后，垃圾收集器完成内存清除⼯作，销毁那些带标记的值并回收它们所占⽤的内存空间。

引⽤计数（reference counting）的含义是跟踪记录每个值被引⽤的次数。当声明了⼀个变量并将⼀个引⽤类型值赋给该变量时，则这个

值的引⽤次数就是1。如果同⼀个值⼜被赋给另⼀个变量，则该值的引⽤次数加1。相反，如果包含对这个值引⽤的变量⼜取得了另外⼀个

值，则这个值的引⽤次数减1。当这个值的引⽤次数变成0 时，则说明没有办法再访问这个值了，因⽽就可以将其占⽤的内存空间回收回

来。这样，当垃圾收集器下次再运⾏时，它就会释放那些引⽤次数为零的值所占⽤的内存。

导致问题：会导致循环引⽤的变量和函数⽆法回收。

解决：将⽤完的函数或者变量置为null。

5. 怎么理解js是单线程的

主要说⼀下异步以及事件循环机制，还有事件队列中的宏任务、微任务。

macrotask：主代码块，setTimeout，setInterval、setImmediate等。

microtask：process.nextTick（相当于node.js版的setTimeout），Promise 。process.nextTick的优先级⾼于Promise。

6. 有哪些排序算法，时间复杂度是多少？什么时候快排的效率最低？

排序算法排序算法最坏事件复杂度最坏事件复杂度平均时间复杂度平均时间复杂度稳定度稳定度空间复杂度空间复杂度

冒泡排序 O(n^2) O(n^2) 稳定 O(1)

插⼊排序 O(n^2) O(n^2) 稳定 O(1)

选择排序 O(n^2) O(n^2) 稳定 O(1)

快速排序 O(n^2) O(n*log2n) 不稳定 O(log2n)~O(n)

⼆叉树排序 O(n^2) O(n*log2n) 不⼀定 O(n)

堆排序 O(n*log2n) O(n*log2n) 不稳定 O(1)

7. 原⽣ajax的请求过程

创建全平台兼容的XMLHttpRequest对象：

1. function getXHR(){

2. var xhr = null;

3. if(window.XMLHttpRequest) {// 兼容 IE7+, Firefox, Chrome, Opera, Safari

4. xhr = new XMLHttpRequest();

5. } else if (window.ActiveXObject) {

6. try {

7. xhr = new ActiveXObject("Msxml2.XMLHTTP");// 即MSXML3

剩余10页未读，继续阅读

评论收藏

内容反馈

是空空呀

粉丝: 168
资源: 3万+

互联网大厂前端面试.pdf

2022大厂前端面试题精选.pdf

2020前端大厂高频面试题.pdf

238道大厂前端高频面试题.pdf

2021前端面试题精编.pdf

【269页】前端大厂面试题宝典.pdf

2023 大厂前端面试攻略.pdf

2022年大厂前端面试手册.pdf

搜集了众多经典高频前端面试题和大厂前端面试题以及相关代码题 pdf.pdf

5月最新大厂前端高频核心面试题.pdf

1_2022年大厂前端面试手册.pdf

6月最新大厂前端高频面试题.pdf

前端大厂面试题宝典.pdf

2021最新通用BAT大厂前端vue面试题.pdf

【大厂面试资料】-前端汇总 100 道.pdf

2021最新大厂前端面试宝典pdf

前端大厂面试题笔记.pdf

全国计算机等级考试二级Python真题及解析.docx

1000份ppt模版，PPT模板优秀PPT

导入证书可以解决”无法建立到信任根颁发机构的证书链"问题。

matlab批量读取excel表格数据并处理画图

OpenCv车辆识别训练模型

代码随想录知识星球精华-大厂面试八股文第二版v1.2.pdf

数学建模对乙醇偶合制备C4烯烃的问题研究

Vue-Element UI集成ECharts实现数据统计分析页代码部分(如果帮助到你，感谢关注点赞)

STM32F103C8T6中文数据手册

（头歌）计算机组成原理存储系统设计（HUST）1-7关答案

MATLAB深度学习入门实例（果树病虫害识别VGG19版）

Android Studio实现音乐播放器2.0，UI全面升级，功能全新优化，final最终版！

（中文）半导体器件物理第三版课后习题答案，施敏著，

最新资源