1.Css實(shí)現(xiàn)三角形
(1)使用盒模型中的border(邊框)
border其實(shí)是由三角形組合而成的,增大border的寬度无午,并為各border邊設(shè)置不同的顏色,成為一個(gè)四周為梯形的正方形。
都設(shè)為0時(shí):
div {
width: 0;
height: 0;
border: 40px solid;
border-color: transparent transparent red ;
}
元素由上下左右4個(gè)三角形拼接而成宪迟;最后保留最下方的三角形,把其它border邊的顏色設(shè)置為白色或透明色:
詳情參見:http://www.reibang.com/p/9a463d50e441
2.組件通信實(shí)現(xiàn) 雙向綁定
vue數(shù)據(jù)雙向綁定是通過(guò)數(shù)據(jù)劫持結(jié)合發(fā)布者-訂閱者模式的方式來(lái)實(shí)現(xiàn)的
數(shù)據(jù)劫持:利用Object.defineProperty(obj, prop, descriptor)來(lái)實(shí)現(xiàn)
它可以來(lái)控制一個(gè)對(duì)象屬性的一些特有操作次泽,兩個(gè)基本描述屬性get和set。
數(shù)據(jù)劫持: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有什么區(qū)別
map() 方法返回一個(gè)由原數(shù)組中的每個(gè)元素調(diào)用一個(gè)指定方法后的返回值組成的新數(shù)組牡借,forEach為數(shù)組中的每個(gè)元素執(zhí)行一次回調(diào)函數(shù)袭异。
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 區(qū)別
生命周期create 與 mouted
data為什么是一個(gè)函數(shù)
js文件為什么放在body尾(html的文本結(jié)構(gòu))
怎么確定自己優(yōu)化了防抖
了解過(guò)request animation I frame
自己的項(xiàng)目做了哪些安全xss 跟后臺(tái)有沒有協(xié)議 接口
實(shí)現(xiàn)垂直居中
動(dòng)畫animation
transform
懶加載
Http請(qǐng)求頭項(xiàng)目用到了哪些