常见前端面试题 2020/04/20

1.Css实现三角形

(1)使用盒模型中的border(边框)
border其实是由三角形组合而成的,增大border的宽度,并为各border边设置不同的颜色,成为一个四周为梯形的正方形。
都设为0时:

div {
    width: 0;
    height: 0;
    border: 40px solid;
    border-color: transparent transparent red ;
}

元素由上下左右4个三角形拼接而成;最后保留最下方的三角形,把其它border边的颜色设置为白色或透明色:

保留最下方的三角形

详情参见:https://www.jianshu.com/p/9a463d50e441

2.组件通信实现 双向绑定

vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的
数据劫持:利用Object.defineProperty(obj, prop, descriptor)来实现
它可以来控制一个对象属性的一些特有操作,两个基本描述属性get和set。
数据劫持:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty
双向绑定:https://www.cnblogs.com/canfoo/p/6891868.html

双向绑定

3.map跟foreach有什么区别

map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组,forEach为数组中的每个元素执行一次回调函数
foreach:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach
map:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/this

4vue.nextick call. bind 区别

生命周期create 与 mouted

data为什么是一个函数

js文件为什么放在body尾(html的文本结构)

怎么确定自己优化了防抖

了解过request animation I frame

自己的项目做了哪些安全xss 跟后台有没有协议 接口

实现垂直居中

动画animation

transform

懒加载

Http请求头项目用到了哪些

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 最近在找工作,面试了好多家公司,结果都不怎么理想。要么公司环境氛围不行,要么工资达不到理想的薪资。大部分公司对程序...
    隔壁老樊啊阅读 11,021评论 2 34
  • 最近在找工作,面试了好多家公司,结果都不怎么理想。要么公司环境氛围不行,要么工资达不到理想的薪资。大部分公司对程序...
    这是这时阅读 4,053评论 0 21
  • vue是什么? vue是构建数据驱动的web界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现...
    九四年的风阅读 12,782评论 2 131
  • 对MVC、MVP、MVVM的理解 MVC阮一峰老师MVC图示 M 表示 Model , 专门用来处理数据模型。V ...
    郝晨光阅读 7,625评论 1 22
  • 1.早上起来一杯温水,接着排便,称体重,这时体重很精确 2.早餐一定要吃,吃一个鸡蛋补充蛋白质 3.高热量的水果在...
    木月雯阅读 1,397评论 0 2