前端面试题专项练习30题

1、如何在新窗口打开链接？

<a href="url" target="_blank">

target属性有5个值：
①_self：在当前框架中打开链接
② _blank：在全新的空白窗口中打开链接
③_top：在顶层框架中打开链接
④_parent：在当前框架的上一层打开链接
⑤framename：在指定的框架或浮动框架内打开链接（框架名可以自定义）

2、display:inline就是将元素显示为内联元素，内联元素只能容纳文本或者其他内联元素，它允许其他内联元素与其位于同一行，但宽度(width)高度(height)不起作用。常见内联元素为“a”。

3、控件包含：复选框 、组合框 、编辑框 、列表框

4、html中Doctype的描述：
它的责任就是告诉浏览器文档使用哪种html或者xhtml规范
不同文档模式主要影响CSS内容的呈现，尤其是浏览器对盒模型的解析
不同浏览器在混杂模式下的行为差异非常大，如果不使用某些hack技术，跨浏览器的行为根本就没有一致性可言。
如果在文档开始处没有文档类型声明，则浏览器会开启 混杂模式

5、注释里有了

typeof  1; //'number'
typeof (1);//'number'
typeof (); //SyntaxError 语法错误

void  0; //undefined
void (0);//undefined
void (); //SyntaxError 语法错误

6、关于iframe
iframe是用来在网页中插入第三方页面，早期的页面使用iframe主要是用于导航栏这种很多页面都相同的部分，这样在切换页面的时候避免重复下载，它的创建比一般的DOM元素慢了1-2个数量级，而iframe标签会阻塞页面的的加载

7、DHTML具有三个主要优点：动态样式、动态内容、动态定位。

8、React这个前端框架不是 MVVM 的模式

9、

• js的原始数据类型有6种：
  Undefined, Null, Boolean, String, Symbol(es6), Number

10、cf: 网页最上层的标题应该是title，文章最上层的标题才是h1

11、CSS 预编译工具：stylus，sass，less

12、获得焦点是什么？
在一个网页上，可能会有多个输入框，当你的鼠标在读某个输入框中点一下，就是要输入了，这时，输入框中会出现光标，这就是说，这个输入框获取了焦点；而a标签没有设置href属性时是不能获取到焦点的

13、CSS3中新增的属性：box-sizing，transition，border-radius

14、

• 常见的块级元素(自动换行， 可设置高宽 )：
  div,h1-h6,p,pre,ul,ol,li,form,table,label等

• 常见的行内元素（无法自动换行，无法设置宽高）：
  a,img,span，i（斜体）,em（强调）,sub(下标)，sup（上标）等。

• 常见的行块级元素(拥有内在尺寸，可设置高宽，不会自动换行 )：
  (button,input，textarea,select), img等

• label元素不会是浏览器默认的行块级元素，实践出真知**

• input默认情况下可以设置可设置高宽，不会自动换行。但是label并没有变化（为了看的更加明显，所以给label加了边框）。而手动设置label的display属性为inline-block，才能实现可设置高宽，不会自动换行的效果。