前端校招面试题目-每日30题-1

大熙哥 2021年07月10日 169次浏览

1. HTML全局属性有哪些?

记住主要的常用的即可。
title:规定有关元素的额外信息
class:规定元素的一个或多个类名
id:规定元素的唯一id
style:用于设置元素的行内样式
data-:用于存储页面或应用程序上的私有定制数据

2. 说说超链接target属性的取值和作用?

target指定打开方式
_blank :新窗口打开
_self :同一框架或窗口
_top :当前的整个浏览器窗口中打开所链接的文档

3.data-属性的作用是什么?

自定义的属性
属性名不应该包含任何大写字母
属性值可以是任意字符串
getAttribute获取值、dataset 设置值

4. 介绍一下你对浏览器内核的理解?

浏览器内核:
渲染引擎: 获取html,css,图片
js引擎: 解析执行javascript

5. 常见的浏览器内核有哪些?

Trident内核: IE,MaxThon,TT,The World,360, 搜狗浏览器等。
Gecko内核: Netscape6 及以上版本, FF,MozillaSuite/SeaMonkey 等.
Presto内核: Opera7 及以上。
Webkit内核: Safari,Chrome 等。

6. iframe有那些缺点?

不利于seo
即使iframe的内容为空,加载也需要时间
不易管理 产生很多页面

7. Label的作用是什么,是怎么用的?

对鼠标用户而言改进了可用性。
当我们点击E-mail或者点击文本框时,光标都会被移入文本框中,方便我们输入内容。

8. 如何实现浏览器内多个标签页之间的通信?

调用localstorage cookie等本地存储

9. 如何在页面上实现一个圆形的可点击区域?

CSS:border-radius
image map

10. title与h3的区别、b与strong的区别、i与em的区别?

b是物理元素
strong是逻辑元素
em和i都是斜体
title、b、i仅仅只有外观效果,而H1、strong、em属于语义化标签

11. 实现不使用 border 画出1px高的线,在不同浏览器的标准模式与怪异模式下都能保持一致的效果?

<div style="width:100%;height:1px;background-color:black"></div>

12. HTML5标签的作用?

使得web界面更加有序和规范

13. 简述一下src与href的区别?

src引入文件,引入的文件会被嵌入到标签里面,href指向网络资源,会跳转到指定页面

13. 谈谈你对canvas的理解?

canvas相当于画布,通过JavaScript api在画布上画画。

14. WebSocket与消息推送?

实现浏览器与服务器的长连接,能实现双向实时通信

15. img的title和alt有什么区别?

title是对图片的解释
alt是当图片无法加载时候,所显示出来的文字

16. 表单的基本组成部分有哪些,表单的主要用途是什么?

组成:表单标签、表单域、表单按钮
用途:表单在网页中主要负责数据采集的功能,和向服务器传送数据。

17. 表单提交中Get和Post方式的区别?

一般情况下:
get从服务器端获取数据
post向服务器端发送数据
get方式在url中用户看得到数据内容
post方式在url中看不到数据内容
get方式传输的数据量小 安全性低
post方式传输的数据量大 安全性高

18. HTML5 有哪些新增的表单元素?

datalist:表单输入域选项列表
keygen:用户验证 (即将废弃)
output:提供不同类型输出

19. HTML5 废弃了哪些 HTML4 标签?

HTML5 废弃了一些过时的,不合理的HTML 标签:
· frame
· frameset
· noframe
· applet
· big
· center
· basefont

20. HTML5 标准提供了哪些新的 API?

· Media API
· Text Track API
· Application Cache API
· User Interaction
· Data Transfer API
· Command API
· Constraint Validation API
· History API

21. HTML5 存储类型有什么区别?

localStorage 用于持久化的本地存储,数据永远不会过期,关闭浏览器也不会丢失。
· sessionStorage 同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。

22. HTML5 应用程序缓存和浏览器缓存有什么区别?

本地缓存为整个 web 应用程序服务的,而浏览器的网页缓存只服务于单个网页。任何网页都具有网页缓存。而本地缓存至缓存那些指定的缓存的页面。

应用程序缓存的优势:
离线缓存:用户可在离线时使用它们

23. 除了 audio 和 video,HTML5 还有哪些媒体标签?

H5总共新增了5个媒体标签:
video:定义一个视频
audio:定义音频内容
source:替代audio、video中src属性定义媒体资源
canvas:一个画布API,绘制酷炫的效果
embed:定义外部的可交互的内容或插件如flash

24. HTML5 中如何嵌入视频?

<video width=” 450 ″ height= ” 340 ″ controls>
  <source src=” jamshed.mp4 ″ type= ” video/mp4 ″ >
   Your browser does’ nt support video embedding feature.
</video>

25. HTML5 中如何嵌入音频?

<audio controls>
    <source src=" jamshed.mp3 ″ type= ” audio/mpeg ” >
    Your browser does’ nt support audio embedding feature.
</audio>

26. 新的 HTML5 文档类型和字符集是?

HTML5 文档类型很简单:

HTML5 使用 UTF-8 编码示例:

27. 解释一下CSS的盒子模型?

一共有两种盒模型:标准W3C盒模型与IE盒模型
标准盒模型的宽高的值是content的宽高
IE盒模型的宽高的值包括了content+padding+border
其中盒模型一般包含了元素的content. padding. border. Margin

28. 请你说说CSS选择器的类型有哪些,并举几个例子说明其用法?

元素选择器
类选择器
ID选择器
属性选择器
后代选择器(又称为包含选择器)
子元素选择器
相邻兄弟选择器

29. 请你说说CSS有什么特殊性?(优先级、计算特殊值)

!important>内联样式>id选择器>类选择器=伪类选择器=属性选择器>标签选择器=伪元素选择器>通配符>继承
越是可以精确到某一个标签,其优先级就越高。

30. 要动态改变层中内容可以使用的方法?

innerHTML,innerText、v-html