【前端面试】我遇到的那些前端笔试题~

我不是女神ヾ 2022-06-09 09:29 153阅读 0赞

1.在CSS中，可继承的样式属性有

2.简述visibility:hidden 与 display:none的区别  
a.前者不脱离文档流，保留隐藏之前元素占据的物理区域，不影响结构，只产生重绘repaint；而后者则脱离文档流，如果重新显示则需要页面的重新绘制repaint 与 reflow。  
b.如果父级设置display:none;子级设置display:block也不会显示；而如果父级设置visibility:hidden;子级设置visibility:visible时子级会显示出来

3.常见的内联（行内）、块状（块级）、内联块状元素分别有？  
内联：span、a 、br、 i 、em 、strong、label、q、var、cite、code  
块状：div、p、h1、ol、ul、li、dl、table、address、blockquote、form  
行内块元素（内联块状元素）：input 、 img

4.什么是空元素，常见的有哪些？  
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。  
常见的有br、meta、hr、link、input、img

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任务栏）  
colorDepth 返回目标设备或缓冲器上的调色板的比特深度  
height 返回屏幕的总高度  
pixelDepth 返回屏幕的颜色分辨率（每象素的位数）  
width 返回屏幕的总宽度

**History 对象包含用户（在浏览器窗口中）访问过的 URL。**  
History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。  
back() 加载 history 列表中的前一个 URL  
forward() 加载 history 列表中的下一个 URL  
go() 加载 history 列表中的某个具体页面

**Location 对象包含有关当前 URL 的信息。**  
Location 对象是 window 对象的一部分，可通过 window.Location 属性对其进行访问。  
hash 返回一个URL的锚部分  
host 返回一个URL的主机名和端口  
hostname 返回URL的主机名  
href 返回完整的URL  
pathname 返回的URL路径名。  
port 返回一个URL服务器使用的端口号  
protocol 返回一个URL协议  
search 返回一个URL的查询部分  
assign() 载入一个新的文档  
reload() 重新载入当前文档  
replace() 用新的文档替换当前文档