题目来自于牛客网题库-前端校招面试题目合集。
该题库共501题
学习目标：题库501道题目学习一遍。
学习目标：
- 学习进度：30/501
学习内容：
-
Label的作用是什么，怎么使用？
label标签用来定义表单控制间的关系，当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单组件。label的for属性值要和后面input标签的id属性值一样。 -
如何实现浏览器内多个标签页之间的通信？
websocket、shareworker可以调用localstorage、cookies等本地存储方式，localstorage另一个浏览上下文里被添加，修改或删除时，都会触发一个事件。通过监听事件，可以控制它的值来进行页面信息通信。 -
如何在页面上实现一个圆型的可点击区域？
使用img内包含map+area或者svg。border-radius=50%。使用纯Js实现，监听鼠标事件，获取鼠标坐标。 -
谈谈title与h3的区别，b与stronge的区别，i与em的区别。
(1)title标签没有明确意义只是个标题。H3则表示层次明确的标题，对页面信息的抓取有很大的影响。
(2）b标签表示强调内容，stronge标签标明重点内容，有语气加强的含义，使用阅读设备阅读时stronge标签内容会重读。
(3)i标签表示斜体，em标签表示强调的文本。 -
实现不使用border画出1px高的线，在不同浏览器的标准模式与怪异模式下都能保持一致的效果？
<实例：
div style=“width:100%;height:1px;background-color:black”></ div> -
HTML5标签的作用？
（1）使web页面的内容更加有序和规范。
（2）使搜索引擎更加容易按照html5规则识别出有效内容。
（3）使web页面更接近于一种数据字段和表。 -
简述src与href的区别。
src用于替代当前元素，href用于在当前文档和引用资源之间确立关系。
src指向外部资源的位置，指向的内容会嵌入到文档中当前标签所在的位置。在请求时会将资源下载并应用到文档内。解析到src时会暂停其他资源的加载。
href指向网络资源所在的位置，建立和当前元素或当前文档之间的链接 -
谈谈canvas的理解。
canvas是HTML5中新增的一个标签，它可以实现在网页中完成动态的2D与3D图像技术。与SVG不同的是，有一个基于JS的绘图API，而SVG是使用XML文档来描述。 -
谈谈WebSocket与消息推送。
WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。依靠这种技术可以实现客户端和服务器端的长连接和双向实时通信。特点是：事件驱动，异步，使用ws或者wss协议的客户端socket，能实现真正意义上的推送功能。缺点是少部分浏览器不支持，支持程度与方式有区别。
B/S架构的系统多使用HTTP协议。
HTTP协议的特点： 1 无状态协议 2 用于通过 Internet 发送请求消息和响应消息 3 使用端口接收和发送消息，默认为80端口 底层通信还是使用Socket完成。
HTTP协议决定了服务器与客户端之间的连接方式，无法直接实现消息推送（ F5 已坏） , 一些变相的解决办法：
双向通信与消息推送
轮询：客户端定时向服务器发送Ajax请求，服务器接到请求后马上返回响应信息并关闭连接。
优点：后端程序编写比较容易。
缺点：请求中有大半是无用，浪费带宽和服务器资源。
实例：适于小型应用。长轮询：客户端向服务器发送Ajax请求，服务器接到请求后 hold 住连接，直到有新消息才返回响应信息并关闭连接，客户端处理完响应信息后再向服务器发送新的请求。
优点：在无消息的情况下不会频繁的请求，耗费资小。
缺点：服务器hold连接会消耗资源，返回数据顺序无保证，难于管理维护。 Comet 异步的 ashx ，
实例：WebQQ、 Hi 网页版、 Facebook IM 。长连接：在页面里嵌入一个隐蔵iframe，将这个隐蔵 iframe 的 src 属性设为对一个长连接的请求或是采用 xhr 请求，服务器端就能源源不断地往客户端输入数据。
优点：消息即时到达，不发无用请求；管理起来也相对便。
缺点：服务器维护一个长连接会增加开销。
实例：Gmail聊天 -
img的title和alt有什么区别？
alt用于图片无法加载时显示，title为该属性提供信息，通常在鼠标滑动到元素的时候显示。
学习时间：
2021/1/10 18:50-19:25
花费时间：35min
寄语
不积跬步无以至千里。
又是努力学习的一天，加油！
189
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
