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

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() 用新的文档替换当前文档