没有合适的资源？快使用搜索试试~ 我知道了~

文库首页前端Javascript前端面试题四阶段真题资源

前端面试题四阶段真题资源

需积分: 0 0 下载量 9 浏览量 2023-06-27 22:08:58 上传评论收藏 66KB DOC 举报

温馨提示

试读

14页

前端面试题四阶段真题资源

资源推荐

资源详情

资源评论

第四阶段面试题

一、html5 部分

1. sessionStorage 和 localStorage 的区别

答案：

sessionStorage 用于本地存储一个会话（session）中的数据，这些数据只有在同一

个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此 sessionStorage 不是

一种持久化的本地存储，仅仅是会话级别的存储。而 localStorage 用于持久化的本地存

储，除非主动删除数据，否则数据是永远不会过期的。

2. Canvas 和 SVG 的区别是什么

答案：

canvas 绘制 2d 位图 svg 绘制 2d 矢量图

canvas 通过 js 程序指令创建图形，svg 通过标签创建图形

canvas 可以只能将事件绑定在画布上，svg 可以将事件绑定在任意元素上

canvas 应用方向，网页特效与小游戏，svg 创建统计图与地图应用

3. 如果通过 canvas 路径绘制一个圆心 250 200 半径为 100 描边红色的圆

提示：画布 id 为 box 画布宽高相同 500px

var can = docuemnt.getElementById("box");

var ctx = can.getContext("2d");

ctx.beginPath();

ctx.arc(250,200,100,0,2*Math.PI);

ctx.stroke();

4. html5 有哪些新特性举五种

canvas 绘图技术

svg 绘图技术

webworker 新线程

websocket 网络协议

webstorage 客户端存储

5:html5 表单中新 input type 属性值有哪些

Color

Date

Datetime

Time

Url

Range

Tel

Number

6：html5 中如何创建一个 worker 线程,以及接收和发送数据

var worker = new Worker("1.js");

worker.postMessage();

worker.onmessage = function (e)

{

e.data;

};

7:Local storage 和 cookies 之间的区别是什么？

区别一:客户端和服务端都能访问数据。

Cookie 的数据通过每一个请求发送到服务端

Local storage 只有本地浏览器端可访问数据，

服务器不能访问本地存储直到故意通过 POST 或者 GET 的通道发送到服务器

区别二:大小

每个 cookie 有 4095byte

Local storage 每个域 5MB

区别三:过期

Cookies 有有效期，所以在过期之后 cookie 和 cookie 数据会被删除

Local storage 有过期数据，如需删除只能手工删除

8、HTML5 中如何嵌入音频？

HTML5 支持 MP3、Wav 和 Ogg 格式的音频，下面是在网页中嵌入音频的简单示例：

您的浏览器不支持音频播放

</audio>

9、HTML5 中如何嵌入视频？

HTML5 支持 MP4、WebM 和 Ogg 格式的视频，下面是简单示例：

您的浏览器不支持视频播放

</video>

10、html5 视频专用的 css 属性有哪些

至少一个可以与父元素一致[裁切]

11、Html5 视频常用的方法和事件有哪些

-controls -是否显示播放控件

-autoplay -是否自动播放

-poster -在播放视频之前广告

-volume:1 当前音量 (0~1)

-playbackRate 回放速率大于 1 快放小于 1 慢播

-paused:true 当前视频是否处理暂停状态

12、如何解决 html5 视频移动播放时同层播放问题

13、Canvas 绘图技术常用路径方法与属性有哪些

ctx.beginPath():

ctx.fill();

14、Canvas 绘图技术常用图像方法与属性有哪些

var p3 = new Image();

p3.src = "x.png"

object-fit

fill: "填充" 默认值将视频拉伸操作填满空间

contain: "包含"保持原有尺寸比例，容器空白

cover: "覆盖"保持原有尺寸比例,宽度或者高度

-loop -是否循环播放

-muted -是否是静音播放

-preload -预加载策略

auto:预加载一定时长视频与元数据

metadata:预加载元数据

none:不预加载数据

-play() 播放视频

-pause() 暂停播放视频

-onplay 当前视频开始播放时触发事件

-onpause 当前视频暂停播放时触发事件

ctx.closePath();

ctx.moveTo(x,y);

ctx.lineTo(x,y);

ctx.stroke();

ctx.arc(cx,cy,r,start,end);

p3.onload = function(){..}

ctx.drawImage(p3,x,y);

剩余13页未读，继续阅读

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

睡醒没啊

粉丝: 0
资源: 5

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

前端面试题四阶段真题资源

2020年前端面试真题（阿里、网易、滴滴等）文件为百度网盘链接永久有效

前端面试题-企业面试真题.zip

2021年最新前端面试题（字节跳动）真题解析.pdf

2023最新前端面试题总结

2021前端面试题.pdf

前端面试真题教程（2022版）

2022年最新(腾讯)前端面试题真题解析

100道前端面试题.pdf

96道web前端面试题96道web前端面试题.pdf

前端面试题含答案.pdf

腾讯前端面试题

前端面试题及答案.pdf

名企前端面试真题

2017前端面试题整理汇总

web前端面试题小汇总

2022年最新前端面试题（字节跳动）真题解析

H5前端面试大全-包含大厂面试题_25个md文件分类面试题.rar

个人面试题总结(java,数据库，前端).zip

前端面试题整理

echarts 全国地图json数据

axure谷歌浏览器插件

element-ui v2.15.13离线文档.rar

marktext0.17.1中文版本-【免费资源未商用不存在版权问题】-【请审核大大放过】.zip

微信小程序登录注册界面代码，包含当前界面的所有源码，使用手机验证码注册或账号登录

html网页做的动态爱心（超好看）

13款echarts可视化大屏源码+效果图，适用于多个行业可视化大屏，免费下载

2023跨年代码(烟花+背景音乐)

个人网页制作 大学生个人网页设计 个人网站模板 简单静态HTML个人网页作品 个人博客

基于HTML+JS+CSS开发的页面小游戏（高分课设）

最新资源

个人网页制作大学生个人网页设计个人网站模板简单静态HTML个人网页作品个人博客