资讯专栏INFORMATION COLUMN

那些年,碰上过的面试题

nicercode / 2821人阅读

摘要:元素在跨越特定阈值前为相对定位,之后为固定定位。和简单介绍和,哪个会触发哪个触发顺序,哪个能够避免,哪个时尽量减少而不可能避免,哪些操作会触发阮一峰动画动画与动画区别性能区别性能优化动画性能优化动画介绍后续还会继续进行面试题的积累

记录一下最近碰上的面试题 js篇

介绍一下Array的API/方法,具体到返回值和参数
join / slice / splice / sort / push一类 / reverse
经验总结:要讲出来能够拓展的API,拓展话题;要能够牢记不同API的返回值,例如reverse是否返回数组?pop返回值是什么?

Array的map与forEach的区别?可用代码实现辅助解释
区别在于map返回一个新的数组,而forEach则时在原数组的基础上进行修改(允许对原数组进行修改)。
forEach适合你不需要改变数据的时候,如打印、存入数据库,而map适合于你需要对数据进行修改等操作,还可以结合filter、reduce进行操作

介绍一下事件绑定
事件绑定是指将子元素上的事件绑定到父元素上,利用事件冒泡将子元素事件冒泡到父元素进行处理,当有多个子元素同时绑定时,可以利用e.target进行区分

如何检测对象中是否存在某个属性

使用in关键字,该方法会拿到原型链上的属性

使用对象的hasOwnProperty方法,该方法只能判定自有属性

用undefined判断

页面性能优化

减少Http请求数

异步加载js文件(动态创建script标签、async、defer),主意async和defer区别

浏览器缓存(强缓存、协商缓存)

使用CDN

DNS预解析

预解析相关标签
```




```

写出以下程序输出内容

var n = 1;
var a = {
    n: 10,
    fn: function () {
        var n = 100;
        return n + this.n;
    }
}
var fn = a.fn;

console.log(a.fn()); // 110
console.log(fn()); // 101
console.log(a.fn.call(this)); // 101
console.log(a.fn.call(a)); // 110

写出程序输出内容

var a = {n: 10, m: 20};
var b = a;
var c = b;
var d = {...b};

b.n = 30;
c = {n: 40};

console.log(a.n); // 30
console.log(b); // {n: 30, m: 20}
console.log(c); // {n: 40}
console.log(d); // {n: 10, m: 20}
console.log(a === b); // true
console.log(a === d); // false
console.log(b === c); // false
console.log(a === c); // false

如何获取一个页面上的所有元素

图片懒加载/预加载,同时有10000张图片怎么办?

目前思路:利用onscroll+scrollTop

追问:onscroll在什么情况下触发?

相关链接

ES5和ES6的继承有什么区别

Web动画的几种常见方式?

POST提交数据的几种常见Content-Type

如何定义一个方法,通过调用把视频的一帧生成预览图?(可以考虑Canvas相关)

什么是重放攻击,列举几种常见的防御手段?

CSS篇

介绍一下position: sticky和fixed的区别
定位类型:相对定位(relative)、绝对定位(absolute、fixed)、粘性定位(sticky)
该属性还在实验阶段
position: sticky(此段引用MDN)

MDN中position相关内容

粘性定位可以被认为是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位,之后为固定定位。

介绍一下Flex布局

Flex布局即Flexible Box,弹性布局,目前主要应用场景在移动端,也有部分PC端场景应用,Flex能够很好解决布局的问题,有效解决了以往垂直居中难的问题,可以简便、完整、响应式的实现各种布局。

任何一个容器都可以设置为flex布局,设置了之后,子元素的float、clear和vertical-align属性将会失效。

Reflow和Repaint
简单介绍Reflow和Repaint,哪个会触发哪个?(触发顺序),哪个能够避免,哪个时尽量减少而不可能避免,css哪些操作会触发Reflow/Repaint

Flex by 阮一峰

CSS3动画/CSS动画与js动画区别?(性能区别?)/CSS性能优化/CSS动画性能优化/js动画介绍

后续还会继续进行面试题的积累~

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/108227.html

相关文章

  • 那些碰上过的面试

    摘要:元素在跨越特定阈值前为相对定位,之后为固定定位。和简单介绍和,哪个会触发哪个触发顺序,哪个能够避免,哪个时尽量减少而不可能避免,哪些操作会触发阮一峰动画动画与动画区别性能区别性能优化动画性能优化动画介绍后续还会继续进行面试题的积累 记录一下最近碰上的面试题 js篇 介绍一下Array的API/方法,具体到返回值和参数 join / slice / splice / sort / pu...

    bitkylin 评论0 收藏0
  • 2019-我的前端面试

    摘要:先说下我面试情况,我一共面试了家公司。篇在我面试的众多公司里,只有同城的面问到相关问题,其他公司压根没问。我自己回答的是自己开发组件面临的问题。完全不用担心对方到时候打电话核对的问题。 2019的5月9号,离发工资还有1天的时候,我的领导亲切把我叫到办公室跟我说:阿郭,我们公司要倒闭了,钱是没有的啦,为了不耽误你,你赶紧出去找工作吧。听到这话,我虎躯一震,这已经是第2个月没工资了。 公...

    iKcamp 评论0 收藏0
  • Android技术点增长 - 收藏集 - 掘金

    摘要:如果对搜索栏产品逻辑不感兴趣,可以直接跳关于的那些开源掘金摘要自从推出后,其对布局的灵活控制是让开发者们称赞不已。公司里有个传统就是每使用总结与那些坑掘金写在开头需求方上传试卷的时候,用户自己拍的照片有很多问题。 学习 Android 开发过程的记录, 以及总结 - Android - 掘金这些文章是记录我学习过的,总结出来的文章,文章内容难免有错误以及做笔记的过程中忘了备注标注来源,...

    yuxue 评论0 收藏0
  • 2019前端秋季社招面试经历总结(三经验)

    摘要:经历月份开放的简历,收到了蛮多询问和面试,算是招人旺季,需要跳槽的小伙伴抓住机会。现在是面试了家公司左右,有些高频问题会标记次数总次数,可供大家参考。最后祝大家面试顺利,拿到心仪的,写错的地方请不吝赐教,谢谢。 经历 7月份开放的简历,收到了蛮多询问和面试,算是招人旺季,需要跳槽的小伙伴抓住机会。一开始广泛看面试题,没抓住重点复习,有很多平时也没怎么用到,导致一开始面试的时候,问的问题...

    Kross 评论0 收藏0
  • 2019前端秋季社招面试经历总结(三经验)

    摘要:经历月份开放的简历,收到了蛮多询问和面试,算是招人旺季,需要跳槽的小伙伴抓住机会。现在是面试了家公司左右,有些高频问题会标记次数总次数,可供大家参考。最后祝大家面试顺利,拿到心仪的,写错的地方请不吝赐教,谢谢。 经历 7月份开放的简历,收到了蛮多询问和面试,算是招人旺季,需要跳槽的小伙伴抓住机会。一开始广泛看面试题,没抓住重点复习,有很多平时也没怎么用到,导致一开始面试的时候,问的问题...

    DevWiki 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<