1.Css实现三角形
(1)使用盒模型中的border(边框)
border其实是由三角形组合而成的,增大border的宽度,并为各border边设置不同的颜色,成为一个四周为梯形的正方形。
都设为0时:
div {
width: 0;
height: 0;
border: 40px solid;
border-color: transparent transparent red ;
}
元素由上下左右4个三角形拼接而成;最后保留最下方的三角形,把其它border边的颜色设置为白色或透明色:
详情参见://www.greatytc.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请求头项目用到了哪些