面试题记录

102 阅读1分钟

如何获取元素到可是区左上角的距离

var rect = 盒子.getBoundgclientRect()

盒子模型

// box-sizing:border-box;content-box

h5中dataset属性动态

//添加data-name属性;获取div.dataset.name----组件的私有样式原理

手机端适配

1.禁止视口缩放viewport

 2.流体布局:宽度百分比,高度固定

 3.弹性盒子布局

 4.rem布局:媒体查询获得设备宽度,/10设置给html根标签;

 5.响应式布局

判断用户手机横屏状态

css方法 @media screen and (orientation: portrait/landscape){竖屏/横屏} js判断注册事件