没有合适的资源?快使用搜索试试~ 我知道了~
前端面试题大全
4星 · 超过85%的资源 需积分: 50 52 下载量 189 浏览量
2018-06-05
09:22:57
上传
评论 6
收藏 1.23MB PDF 举报
温馨提示
试读
173页
里面包含有HTML、CSS、HTML5、CSS3、javascript、jquery等知识点,以及一些参加web前端开发工程师面试的试题汇总。
资源推荐
资源详情
资源评论
第一部分 HTML&CSS整理答案
1. 什么是HTML5?
答:HTML5是最新的HTML标准。
注意:讲述HTML5推出的设计目的,以及现在市场的使用情况,浏览器支持情况等。。。。
设计目的
HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,
如video、audio和canvas 标记。HTML5还引进了新的功能,可以真正改变用户与文档的交互方
式,包括:
· 新的解析规则增强了灵活性
· 新属性
· 淘汰过时的或冗余的属性
· 一个HTML5文档到另一个文档间的拖放功能
1. HTML5中什么是不同的新的表单元素类型?
答:提示本地验证表单需要再外面添加form标签包起来,才能查看效果
color
date
datetime-local
email
time
url
range
telephone
number
search
1. HTML5的页面结构同HTML4或者更前的HTML有什么区别?
答:一个典型的WEB页面包含头部,脚部,导航,中心区域,侧边栏。现在如果我们想
在在HTML4的HTML区域中呈现这些内容,我们可能要使用DIV标签。
但是在HTML5中通过为这些区域创建元素名称使他们更加清晰,也使得你的HTML更加可
读
以下是形成页面结构的HTML5元素的更多细节:(注意主要考的是标签语意化)
<header>:代表HTML的头部数据
<footer>:页面的脚部区域
<nav>:页面导航元素
<article>:自包含的内容
<section>:使用内部article去定义区域或者把分组内容放到区域里
<aside>:代表页面的侧边栏内容
1. 哪些浏览器支持HTML5?
答:几乎所有的高版本浏览器Safari,Chrome,Firefox,Opera,IE8以上都支持HTML5
1. 为什么HTML5里面我们不需要DTD(Document Type Definition文档类
型定义)?
答:HTML5没有使用SGML或者XHTML,他是一个全新的东西,因此你不需要参考DTD,
对于HTML5,你仅需放置下面的文档类型代码告诉浏览器识别这是HTML5文档即可
1. HTML5的离线储存?
答:localStorage 长期存储数据,浏览器关闭后数据不丢失;
sessionStorage 数据在浏览器关闭后自动删除。
1. 浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢?
答:在线的情况下,浏览器发现html头部有manifest属性,它会请求manifest文件,如果
是第一次访问app,那么浏览器就会根据 manifest文件的内容下载相应的资源并且进行离线存储。
如果已经访问过app并且资源已经离线存储了,那么浏览器就会使用离线的资源加载页面,然后
浏览器会对比新的manifest文件与旧的manifest文件,如果文件没有发生改变,就不做任何操作,
如果文件改变了,那么就会重新下载文件中的资 源并进行离线存储。
离线的情况下,浏览器就直接使用离线存储的资源。
1. 请描述一下 cookies,sessionStorage 和 localStorage 的区别?
(1)cookie在浏览器和服务器间来回传递, sessionStorage和localStorage不会。
(2)sessionStorage和localStorage的存储空间更大。
(3)sessionStorage和localStorage有更多丰富易用的接口。
(4)sessionStorage和localStorage各自独立的存储空间。
1. 页面可见性(Page Visibility)API 可以有哪些用途?
答:在页面被切换到其他后台进程的时候,自动暂停音乐或视频的播放。
1. HTML5的form如何关闭自动完成功能?
答:给不想要提示的input是设置autocomplete=off即可。
1. 一个div,要求实现当内容过少时,div的最低高度为200px,当内容较多
时,div的高度被内容撑开。
答:min-height:200px
1. 实现一个布局,分左中右三栏。左栏固定宽为200px,右栏固定150px,
中栏随屏幕宽自动适应。写出html和css。
<div id=\"content\" class=\"clearfix\">
<div id=\"left\">
</div>
<div id=\"middle\">
</div>
<div id=\"right\">
</div>
</div>
#content{background:#ff6;}
#left,#right{width:200px;background:#fc0;float:left;}
#middle{float:left; width:100%;margin:0 -200px;}
#middle .inner{margin:0 200px;background:#ccc;}
#right{float:right;}
1. a标签的四个伪类是什么?如何排序?为什么?
爱恨分明原则: l v h a
注释:为了产生预期的效果,在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之
后 !
注释:为了产生预期的效果,在 CSS 定义中,a:active 必须位于 a:hover 之后!!
注释:Pseudo-class(伪类)的名称对大小写不敏感。
注释:伪类可与 CSS 类配合使用:
a.red:visited {color: #FF0000;}
<a class="red" href="css_syntax.asp">CSS Syntax</a>
如果上面这个例子中的链接已访问过,那么它会显示为红色。
1. 如何实现浮动元素居中
<div class="box">
<p>我是浮动的</p>
<p>我也是居中的</p>
剩余172页未读,继续阅读
资源评论
- IT_ontWay2023-01-04一般般吧,能看
- ISO74982019-03-18几道题,还不错
chenqiang19920420
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- delphi实现DBGrid全选和反选功能
- 25C11F41-2B2A-4D1A-AAA8-7C654526B129.pdf
- Android Studio Jellyfish(android-studio-2023.3.1.18-cros.deb)
- MVC+EF框架+EasyUI实现权限管理源码程序
- python第66-75天,Day66-75.rar
- python后端服务project-of-tornado.rar
- python测验,hello-tornado.rar
- 基于SpringBoot+Vue3快速开发平台、自研工作流引擎源码设计.zip
- docker安装部署全流程
- 基于树莓派的人脸识别系统python源码+项目部署说明+超详细代码注释.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功