持续更新的前端面试题-----

Posted 2020-11-23 lvqiupingboke-2019

1，web标准和w3c标准是什么？

标签闭合，标签小写，不乱嵌套，使用外链css.js，结构行为表现的分离。

2，HTML没有单位的属性有哪些？

font-weight:100; ------ z-index:999;-------- zoom:1;

3,form中的readonly，disabled有什么区别？

readonly:只读，不可以修改。

disabled:禁用，文本框显示灰色。

另：methods:是表单提交的方式。action:是表单数据提交给后台数据库的入口。

4,行内/块级元素有哪些？

行内：a,b, br, span,  select ,strong, input，img

块级：div,p ,h1-h6, form,ul,dl,ol,table

5,盒模型

content,border padding margin 

6,display:有什么属性？有什么作用？

display:block;//行内元素转为块级元素

display:inline;//块---行内

display:inline-block;//转为内联元素

display:box;//css3新增的弹性布局

7，css有哪些选择器？9种选择器：

id：#,

类：.，

标签：a，

属性：a[ rel = external ]，

后代：li a，

子选择器，ul<<li

伪类，a:hover

通配符，*

相邻 :h1+p

优先级：!import > 行内 > id > 类 > 标签 

10,前端由哪几层组成？作用是什么

三层：结构html：页面的骨架 , 样式css：渲染页面, 行为js：数据交互，实现动画效果.

11，alt和title的区别

alt:图片属性，当图片显示不了的时候显示的。

title:是网站标题

12，什么是语义化的HTML?

标签的语义化，标签的合理使用，对于搜索引擎的抓取有好处

13，五大浏览器内核

谷歌和苹果：-webkit-   IE:-ms-   火狐：-moz-    欧朋：-o-

14,link和@import的区别

1，加载：先加载link，再加载@import。而且link除了能加载css外，还可以RSS事务，而@import只能加载CSS

2, 兼容：link是标签，无兼容问题。

15，label的作用和用法

点击这个标签的时候，所绑定的元素将获取焦点，用for属性去实现：

<label for="name">名字</label><input type="text" id="name">

16，

JS方面

1，js的数据类型有啥

五大数据类型：string, number, null, undefind, 布尔

2,document.write和innerHTML的区别？

document.write：

innerHTML：

3，已知ID的input输入框，希望获取这个输入框的输入值，怎么做？(不使用第三方框架)

document.getElementById(‘id‘).value;