百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

8个前端面试的题目(前端面试题2020及答案 知乎)

yuyutoo 2025-04-06 00:10 4 浏览 0 评论

一、行内元素有哪些?块级元素有哪些?CSS的盒模型?

块级元素:div p h1 h2 h3 h4 form ul
行内元素: a b br i span input select
Css盒模型:内容,border ,margin,padding

二、前端页面有哪三层构成,分别是什么?作用是什么?

结构层;主要指DOM节点;HTML/XHTML
样式层;主要是指页面渲染;CSS
脚本层:主要指页面动画效果;JS/AS

三、CSS引入的方式有哪些? link和@import的区别是?

内联 内嵌 外链 导入
区别 :同时加载
前者无兼容性,后者CSS2.1以下浏览器不支持
Link 支持使用javascript改变样式,后者不可

四、CSS选择符号有哪些?

标签选择符,类选择符,ID选择符。
写出几种IE6 BUG的解决方法
1.双边距BUG float引起的 使用display:inline;
2.3像素问题 使用float引起的 使用dislpay:inline -3px
3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active
4.Ie z-index问题 给父级添加position:relative
5.Png 透明 使用js代码 改
6.Min-height 最小高度 !Important 解决’
7.select 在ie6下遮盖 使用iframe嵌套
8.为什么没有办法定义1px左右的宽度容器(IE6默认的行高造成的,使用over:hidden,zoom:0.08 line-height:1px)

五、标签上title与alt属性的区别是什么?

Alt 当图片不显示是 用文字代表。
Title 为该属性提供信息
Reset重置浏览器的css默认属性 浏览器的品种不同,样式不同,然后重置,让他们统一

六、什么是语义化的HTML?

直观的认识标签 对于搜索引擎的抓取有好处
清除浮动的几种方式,各自的优缺点
1.使用空标签清除浮动 clear:both(理论上能清楚任何标签,,,增加无意义的标签)
2.使用overflow:auto(空标签元素清除浮动而不得不增加无意代码的弊端,,使用zoom:1用于兼容IE)
3.是用afert伪元素清除浮动(用于非IE浏览器)

七、IE和标准下有哪些兼容性的写法

Var ev = ev || window.event
document.documentElement.clientWidth || document.body.clientWidth
Var target = ev.srcElement||ev.target

八、ajax请求的时候get 和post方式的区别

一个在url后面 一个放在虚拟载体里面
有大小限制
安全问题
应用不同 一个是论坛等只需要请求的,一个是类似修改密码的
闭包就是能够读取其他函数内部变量的函数。
添加 删除 替换 插入到某个接点的方法
obj.appendChidl()
obj.innersetBefore
obj.replaceChild
obj.removeChild
javascript的同源策略
一段脚本只能读取来自于同一来源的窗口和文档的属性,这里的同一来源指的是主机名、协议和端口号的组合

超链接四个状态:

a:link{text-decoration:none ; color:#666 ;}
a:visited {text-decoration:none ; color:#666 ;}
a:hover {text-decoration:underline ; color:#000 ;}
a:active {text-decoration:none ; color:#000 ;}

加载顺序不同,link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。

转载地址:
http://peixun.qietu.com/forum.php?mod=viewthread&tid=53&extra=

文/丁向明

做一个有博客的web前端自媒体人,专注web前端开发,关注用户体验,加我qq/微信交流:6135833

http://dingxiangming.com

相关推荐

刚买的阿里云服务器怎么用(阿里云服务器买完如何使用)

刚买的阿里云服务器怎么用?阿里云服务器在购买之后,需要进行一些操作,比如配置安全组,修改密码,安装软件,导入数据库等。具体如下:1.买了云服务器,第一件事就是重置密码。登录云主机控制台,可以在服务器管...

在阿里云 腾讯云上创建MySQL云数据库只需9步

与自建数据库相比,采用云数据库的优势是减少对数据库的运维任务。云数据库支持MySQL、SQLServer、MongoDB等多种数据库类型。下面看看如何设计高可用的云数据库。...

本地搭建简单的Kubernate实验环境并安装数据库

因为dockerhub的限制,这个工作还是有些麻烦的,在这里把过程分享给大家。由于是本地部署并且用于学习和实验,所以使用minikube1.安装docker最新版本的docker方法见链接:...

阿里云服务器安装宝塔面板教程,配置及错误解决方法全攻略

阿里云服务器安装宝塔面板,虽然教程很多,但估计你都看得云里雾里,不太明白,这也是我写这一批文章要解决的问题,将各种问题和配置方法分享,希望能对您有帮助。本文适合想要做网站的站长、技术爱好者,服务器管理...

Aliyun ecs上安装Mysql(yum mysql安装)

安装环境:阿里云ECS+操作系统ubuntu+mysql我这里直接就使用网上安装,输入如下的指令sudoapt-getinstallmysql-server注意:在安装的过程会要输入两次密码,...

阿里云服务器 centos 8 安装MYSQL

1、环境安装yumsearchlibaioyuminstalllibaioyum-yinstallnumactlyuminstalllibnumayuminstallld...

女人要当心 吃越少毛病越多?孕二月的妈咪营养关注?excel2003?

对身体过瘦的人来说,体内脂肪和蛋白质均供应不足,因此头发频繁脱落,发色也逐渐失去光泽。如果过分节食,头发则缺乏充足的营养补给,其中包括缺少铁的摄入,便会枯黄无泽,最后导致大量脱发。体瘦的女性髋骨骨折发...

新一代福克斯RS正式发布搭2.3T动力四驱

新一代福克斯RS正式发布搭2.3T动力四驱来源:经销商供稿日期:2015-02-20全新一代福克斯RS搭载了一台2.3TEcoBoost四缸涡轮增压发动机,并首次配备了拥有多片离合器的四驱系统。日...

两栏布局、左边定宽200px、右边自适应如何实现?

一、两栏布局(左定宽,右自动)1.float+margin即固定宽度元素设置float属性为left,自适应元素设置margin属性,margin-left应>=定宽元素宽度。举例:...

8个前端面试的题目(前端面试题2020及答案 知乎)

一、行内元素有哪些?块级元素有哪些?CSS的盒模型?块级元素:divph1h2h3h4formul行内元素:abbrispaninputselectCss盒模型:内容,bo...

CSS中清除浮动的几种方法,快来学习一下吧

前言首先我们通过一张图来解释下元素浮动是什么样的状态。元素浮动情况上图的html部分代码为:html代码css部分代码为:css代码通过上面的图片可以看出,当内部的div设置float后,外部的元素的...

前端兼容性问题总结(前端常见的兼容性问题)

1.如何在IE6及更早浏览器中定义小高度的容器?IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高。解决:#test{overflow:hidden;height:1px;fon...

关于浮动清除的一些小感悟,4种方法清除浮动

如何脱离标准文档流,css中给了三种方法,使一个元素脱离标准文档流。1.浮动。2.绝对定位。3.固定定位。一、什么是浮动呢?定义这样说:浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一...

从abc起步学做网站(4)(从abc开始学英语)

现在我们有了个网站index.htm,并且绑定了域名(没有买域名的同学可以继续用空间商送的免费的,一样学),这一篇我们扩充网站index.htm的内容,并且排版。首先说怎么添加图片,在网上随便找个好看...

如何解决div的高自适应问题(css设置div高度自适应)

一、DIV高度自适应(父div高度随子div的高度改变而改变)1、如果父div不定义height、子div均为标准流的时候,父div的height随内容的变化而变化,实现父div高度随子div的高度改...

取消回复欢迎 发表评论: