撩课-Web大前端每天5道面试题-Day12

1. 请写出至少5个html5新增的标签，并说明其语义和应用场景？


section：定义文档中的一个章节;nav：定义只包含导航链接的章节;
header：定义页面或章节的头部;
它经常包含 logo、页面标题和导航性的目录。footer：定义页面或章节的尾部;
它经常包含版权信息、法律信息链接和反馈建议用的地址。aside：定义和页面内容关联度较低的内容，
如果被删除，剩下的内容仍然很合理。复制代码

2. get和post请求在缓存方面的区别？

get请求类似于查找的过程，用户获取数据，
可以不用每次都与数据库连接，所以可以使用缓存。post不同，post做的一般是修改和删除的工作，
所以必须与数据库交互，所以不能使用缓存。因此get请求适合于请求缓存。
复制代码

3. 如何解决异步回调地狱?

promise、generator、async/await
复制代码

4. 图片的懒加载和预加载?

预加载：提前加载图片，
当用户需要查看时可直接
从本地缓存中渲染。懒加载：懒加载的主要目的
是作为服务器前端的优化，
减少请求数或延迟请求数。两种技术的本质：
两者的行为是相反的，
一个是提前加载，
一个是迟缓甚至不加载。懒加载对服务器前端有一定
的缓解压力作用，
预加载则会增加服务器前端压力。
复制代码

5. bind，apply，call的区别?

通过apply和call改变函数的this指向，
这两个函数的第一个参数都是一样的，
表示要改变指向的那个对象，
第二个参数，apply是数组，
而call则是arg1,arg2...这种形式。通过bind改变this作用域
会返回一个新的函数，
这个函数不会马上执行。复制代码

6. js怎么控制一次加载一张图片，加载完后再加载下一张？

方法一:
<script type="text/javascript">
var obj=new Image();
obj.src="http://www.itlike.com/21.jpg";
obj.onload=function(){document.getElementById("pic").innnerHTML="<img src='"+this.src+"' />";
}
</script>
<div id="pic">加载中……</div>方法二:
<script type="text/javascript">
var obj=new Image();
obj.src="http://www.itlike.com/21.jpg";
obj.onreadystatechange=function(){if(this.readyState=="complete"){document.getElementById("pic").innnerHTML="<img src='"+this.src+"' />";}
}
</script>
<div id="pic">加载中……</div>
复制代码

转载于:https://juejin.im/post/5c05cb02e51d456f0d12c66f

撩课-Web大前端每天5道面试题-Day12相关推荐

撩课-Web大前端每天5道面试题-Day7
1. 你能描述一下渐进增强和优雅降级之间的不同吗? 定义: 优雅降级(graceful degradation): 一开始就构建站点的完整功能, 然后针对浏览器测试和修复渐进增强(progressiv ...
撩课-Web大前端每天5道面试题-Day39
1.谈谈你对webpack的看法? WebPack 是一个模块打包工具, 你可以使用WebPack管理你的模块依赖, 并编绎输出模块们所需的静态文件. 它能够很好地管理. 打包Web开发中所用到的`H ...
撩课-Web大前端每天5道面试题-Day38
1.JavaScript实现二分法查找? 二分法查找,也称折半查找,是一种在有序数组中查找特定元素的搜索算法. 查找过程可以分为以下步骤: (1)首先,从有序数组的中间的元素开始搜索,如果该元素正好是 ...
撩课-Web大前端每天5道面试题-Day24
1.下面的代码将输出什么? for (var i = 0; i < 5; i++) {setTimeout(function() { console.log(i); }, i * 1000 ); ...
撩课-Web大前端每天5道面试题-Day40
1.git fetch和git pull的区别? git pull:相当于是从远程获取最新版本并merge到本地git fetch:相当于是从远程获取最新版本到本地,不会自动merge 复制代码 2. ...
撩课-Web大前端每天5道面试题-Day35
1.React 中 refs 的作用是什么? Refs 是 React 提供给我们的安全访问 DOM 元素或者某个组件实例的句柄. 我们可以为元素添加 ref 属性然后在回调函数中接受该元素在 DOM ...
02.Web大前端时代之：HTML5+CSS3入门系列~H5结构元素
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 1.结构元素可以理解为语义话标记,比如:以前这么写&l ...
04. Web大前端时代之：HTML5+CSS3入门系列~HTML5 表单
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 一.input新增类型: 1.tel:输入类型用于应该包 ...
前端—每天5道面试题（十二）
前端-每天5道面试题(十二) 每天进步1% 不多就1% 一.CSS3 新特性有哪些 1.颜色:新增 RGBA,HSLA 模式 2. 文字阴影(text-shadow.) 3.边框: 圆角(borde ...

撩课-Web大前端每天5道面试题-Day12

1. 请写出至少5个html5新增的标签，并说明其语义和应用场景？

2. get和post请求在缓存方面的区别？

3. 如何解决异步回调地狱?

4. 图片的懒加载和预加载?

5. bind，apply，call的区别?

6. js怎么控制一次加载一张图片，加载完后再加载下一张？

撩课-Web大前端每天5道面试题-Day12相关推荐

最新文章

热门文章