2024年前端最全【前端面试】我遇到的那些前端笔试题~，34岁的程序员我不敢去面试了

ajax

1)ajax请求的原理/ 手写一个ajax请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

5.简述什么是跨域？解决跨域的几种方式？

跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。

同源策略：协议、端口、域名都必须一致!

解决跨域常用的方式：

a.

b.

c.

d.

e.

6.JavaScript 中的基本数据类型有？typeof返回值有哪几种情况？

五种基本数据类型：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）,和一种混合数据类型（Object）。

ES6新增基本数据类型 Sympol

typeof操作符可以检测变量的数据类型（输出的是一个关于数据类型的字符串）。

返回如下6种字符串：number,string,boolean,object,undefined,function，sympol.

typeof(a)

“undefined”

typeof(1)

“number”

typeof(null)

“object”

a[] = [1,2,3]

VM118:1 Uncaught SyntaxError: Unexpected token ]

a = [1,2,3]

(3) [1, 2, 3]

typeof(a)

“object”

typeof(true)

“boolean”

typeof(“aaa”)

“string”

function a(){alert(1)}

undefined

typeof(a)

“function”

var a = Symbol();

undefined

typeof(a)

“symbol”

7.说一下BOM对象。

browser object model 浏览器对象模型。

包括 window（核心）、location、navigator、screen、history。

Window 对象表示浏览器中打开的窗口。

如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。

Navigator 对象包含有关浏览器的信息。

appCodeName 返回浏览器的代码名

appName 返回浏览器的名称

appVersion 返回浏览器的平台和版本信息

cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值

platform 返回运行浏览器的操作系统平台

userAgent 返回由客户机发送服务器的user-agent 头部的值

Screen 对象包含有关客户端显示屏幕的信息。

availHeight 返回屏幕的高度（不包括Windows任务栏）

availWidth 返回屏幕的宽度（不包括Windows任务栏）

最后

小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：

凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。

入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。

整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

而对于有时间的同学，作者还给出了他结合众多数据结构算法书籍，挑选出的一千多道题的解题思路和方法，以供有需要的同学慢慢研究。

而对于有时间的同学，作者还给出了他结合众多数据结构算法书籍，挑选出的一千多道题的解题思路和方法，以供有需要的同学慢慢研究。