码迷,mamicode.com
首页 > 其他好文 > 详细

前端经典面试题

时间:2019-07-08 19:37:27      阅读:87      评论:0      收藏:0      [点我收藏+]

标签:相等   col   标签   size   安全   信息   字符   spl   NPU   

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方式。

 

5.如何去掉ul>li结构中li前面的圆点?去除圆点后,每个li前面会有空余怎么解决?


list-style:none;

padding:0;

margin:0;

 

前端经典面试题

标签:相等   col   标签   size   安全   信息   字符   spl   NPU   

原文地址:https://www.cnblogs.com/conlover/p/11042158.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!