2024年最新阿里、字节、美团、拼多多等一线大厂前端岗高频面试真题合集，面试轻松无压力(1)

-webkit-perspective:1000;

**15.CSS中link与@import的区别：

16.CSS选择器列表优先级及权重：

17.display:none和visibility:hidden的区别：

18.position的absolute与fixed共同点与不同点：

19.介绍一下CSS的盒子模型：

20.CSS选择符有哪些？

21.哪些属性可以继承？

22.优先级算法如何计算？

23.CSS3新增伪类有哪些：

24.列出display的值，说明他们的作用：

25.position的值，relative和absolute分别是相对于谁进行定位的：

26.CSS3有哪些新特性：

27.为什么要初始化CSS样式

28.canvas在标签上设置宽高 和在style中设置宽高有什么区别：

29.什么是css HACK？

30.Less/Sass/Scss的区别

31.css与js动画差异：

32.CSS预处理器(Sass/Less/Postcss)：

33.CSS动画：**

…

由于文章篇幅限制，不可能将所有面试题以文字形式展示出来，本篇为大家精选了一些面试题，有需要的程序猿（媛）可以点击下方传送门免费获取题目+解析哦

点击免费领取题目+解析PDF

JavaScript

1.请你谈谈Cookie的优缺点

优点：极高的扩展性和可用性

1. 数据持久性。

2. 不需要任何服务器资源。 Cookie 存储在客户端并在发送后由服务器读取。

3. 可配置到期规则。 控制 cookie 的生命期，使之不会永远有效。偷盗者很可能拿到一个过期的 cookie 。

4. 简单性。 基于文本的轻量结构。

5. 通过良好的编程，控制保存在 cookie 中的 session 对象的大小。

6. 通过加密和安全传输技术（ SSL ），减少 cookie 被破解的可能性。

7. 只在 cookie 中存放不敏感数据，即使被盗也不会有重大损失。

缺点：

8. Cookie 数量和长度的限制 。

数量：每个域的 cookie 总数有限。

a) IE6 或更低版本最多 20 个 cookie

b) IE7 和之后的版本最后可以有 50 个 cookie

c) Firefox 最多 50 个 cookie

d) chrome 和 Safari 没有做硬性限制

长度：每个 cookie 长度不超过 4KB （ 4096B ），否则会被截掉。

9. 潜在的安全风险 。 Cookie 可能被拦截、篡改。如果 cookie 被拦截，就有可能取得所有的 session 信息。

10. 用户配置为禁用 。有些用户禁用了浏览器或客户端设备接受 cookie 的能力，因此限制了这一功能。

11. 有些状态不可能保存在客户端 。例如，为了防止重复提交表单，我们需要在服务器端保存一个计数器。如果我们把这个计数器保存在客户端，那么它起不到任何作用。

2.Array.prototype.slice.call(arr，2)方法的作用是：

利用Array原型上的slice方法，使用call函数的第一个参数，让这个方法中的this指向arr，并传递参数2，实际上等于arr.slice(2)，即从下标为2开始截取到末尾

3.Flash与Ajax各自的优缺点？

Flash：适合处理多媒体、矢量图形、访问机器。但对css、处理文本不足，不容易被搜索。

Ajax：对css、文本支持很好，但对多媒体、矢量图形、访问机器不足。

4.有效的javascript变量定义规则

第一个字符必须是一个字母、下划线（_）或一个美元符号（$）；其他字符可以是字母、下划线、美元符号或数字。

5.XML与JSON的区别？

1. 数据体积方面。JSON相对于XML来讲，数据的体积小，传递的速度更快些。

2. 数据交互方面。JSON与JavaScript的交互更加方便，更容易解析处理，更好的数据交互。

3. 数据描述方面。JSON对数据的描述性比XML较差。

4. 传输速度方面。JSON的速度要远远快于XML。

6.HTML与XML的区别？

（1）XML用来传输和存储数据，HTML