1 / 15
文档名称:

2019前端经典面试题.docx

格式:docx   大小:52KB   页数:15页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

2019前端经典面试题.docx

上传人:花双韵芝 2020/11/26 文件大小:52 KB

下载得到文件列表

2019前端经典面试题.docx

相关文档

文档介绍

文档介绍:1, html 和 xml 有什么区别
html 是超文本标记语言 xml 是可扩展标记语言
html 语法宽松, xml 语法严谨
html 使用固有标记, xml 没有固有标记
html 标签预定义, xml 标签可扩展,可定义
html 是用来显示数据的, xml 是用来描述和存储数据的
2, css 有哪几种选择器权重的优先级
第一种为 属性选择器
第二种为 id 选择器
第三种为 class 选择器
第四种为 伪类选择器
第五种是 后代选择器
第六种是 标签选择器
第七种是 通用选择器
第八种是 伪元素选择器
第一等:代表内联样式,如 : style= ””,权值为 1000。
第二等:代表 ID 选择器,如: #content ,权值为 0100。
第三等:代表类,伪类和属性选择器, ,权值为 0010。
4.
第四等:代表类型选择器和伪元素选择器,如
div p ,权值为 0001。
5.
通配符、子选择器、相邻选择器等的。如
* 、 >、 +, 权值为 0000。
继承的样式没有权值。
3, 网页有哪几部分组成
结构层: html
表示层: css
行为层: js 和 dom
4, 一个 200*200 的 div 在不同分辨率屏幕上下左右居中,
css 实现
Div{
position
:
absolute ;
width :
200px;
height :
200px;
top :
50%;
left :
50%;
margin-top
:
-100 px;
margin-left
:
-100 px;
}
5, 阐述清楚浮动的几种方式
第一种 父级 div 定义高度 height 适合高度固定的布局
第二种 父级 div 定义 overflow : hidden
第三种 结尾处加空标签 clear : both 让父级自动获取高度
第四种 父级 div 定义 伪类 :after 和 zoom
6, 解释

css sprites

,如何使用
其实就是把网页中一些背景图片整合到一张图片文件中,再利用 CSS Sprites

CSS 的
“background-image ”,“ background- repeat ”,“ background-position ”的组合进行背景定位, background-position 可以用数字能精确的定位出背景图片的位置。
CSSSprites 为一些大型的网站节约了带宽,让提高了用户的加载速度和用户体验,不需要加载更多的图片
7, 如何用原生

js

给一个按钮绑定两个

onclick

事件
Var btn1 =document. getElementsById(

“btn ”);
( “click

”, ”hello1);
( “click

”, ”hello2);
function hello1(){
alert( “hello1 ”);
}
function hello2(){
alert( “hello2 ”);
}
8, 拖曳会用到哪些事件
Dragstart
Dragenter
Dragover
Dragleave
Drag
Drop
Dragend
9, 请列举 jQuery 中选择器
1, 基本选择器
ID, class ,元素之类的
2, 层级选择器
返回的是 jQuery 对象才可以进行的链式操作
如 后代元素,子元素,兄弟元素,相邻元素
3, 过滤选择器
基本过滤 , 内容过滤 , 可见性过滤 , 属性过滤 , 子元素过滤和表单对象属性过滤选择器
10,JavaScript 中有哪些定时器, 他们的区别和用法是什么
SetTimeout 只会执行一次
SetInterval 会一直重复执行
方式都为: settimeout (函数,时间)