前端经典面试题
Posted conlover
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端经典面试题相关的知识，希望对你有一定的参考价值。
1.请说出==和===的区别？
答：== 判断内容是否相等 不比较类型
console.log (1 == "1") ; true
===判断内容相等 且类型也相等
console.log (1 === "1") ; false
2.行级元素有哪些？块级元素有哪些？行级元素如何转换成块级元素？
块级元素：div, dl, form, h1, h2, h3, h4, h5, h6, hr, p, ul, table
行内元素：br, em, i, img, input, lable, span, strong
行级元素转换成块级元素：
1.使用display
2.使用float，该行的display属性会被赋予block属性，且拥有浮动特性。
3.position,当行内元素进行定位时，position:absolut,position:fixed，都会使原先的行内元素变成块级元素。
3.CSS代码，有几种常见的引入方式，分别是什么？
①行内式：在标记的style属性中设定CSS样式
②内嵌式：是将CSS样式集中写在网页的<head></head>标签对应的<style></style>里。
③导入式：将一个独立的.CSS文件引入html文件中，导入式使用CSS规则引入外部CSS文件
<style type="text/css">
@import"mystyle.css";此处需要注意.css文件的路径
导入式会在整个网页加载完后再装载CSS文件，因此这就导致了一个问题，如果网页比较大，则会出现先显示无样式页面，闪烁过后才会出现页面的样式，这也算是一个缺陷。
④链接式：链接式使用HTML规则引入外部CSS文件，它在网页的<head></head>标签对中使用<link>标签来引入外部样式表文件
<link href="mystyle.css" rel="stylesheet" type="text/css"/>
4.form表单中method属性常用哪些值？他们的区别是什么？
<form action="action_page.php" method="GET">
<form action="action_page.php" method="POST">
区别：
GET：1.URL改变，在URL里显示HTML FROM参数的name/value值，2.只适合有少量参数的HTML Form，因为URL长度有字符限制，不能无限长，3.涉及安全性的信息，比如用户密码，不能用get，因为会在URL上显示，不安全。
POST：1.URL不改变，不在URL里显示HTML Form的数据，2.Form提交的信息没有长度限制，3.涉及安全性的信息，如用户密码，应该采用POST方式。
list-style:none;
padding:0;
margin:0;
以上是关于前端经典面试题的主要内容，如果未能解决你的问题，请参考以下文章