![[泪奔]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_85.43ad2fc.png)
获得徽章 11
- 我现在不和人争吵了，因为我开始意识到每个人只能在他的认知水准上思考，以后有人告诉我2+2=6，我也会说你真厉害，你完全正确。
把咽不下的气咽下，是一种胸怀。把不想做好的事做好，是一种能力。把不顺眼的人看顺眼是一种修为。把快骂出来的话忍住，是一种本事。
从别人身上找原因一想就疯，从自己身上找问题一想就通，人若不能学会静音会有很多痛苦。
与君共勉展开3721 - 监听某个元素的内部滚动，直接给某个元素添加
const box = document.querySelector('.box')
box.addEventListener('scroll', function () {
console.log('box.scrollTop')
})
页面滚动事件-获取位置（数字类型，可读写）
scrollTop
被卷去的向上的看不到的距离
scrollLeft
被卷去的向左的看不到的距离
获取页面的html元素
document.documentElement
检测页面滚动的头部距离的属性
document.documentElement.scrollTop
页面滚动事件-滚动到指定坐标
window.scrollTo(x轴, y轴)
window.scrollTo(0, 1000)
让页面滚动到y轴1000像素的位置
页面尺寸事件（resize）
会在窗口尺寸改变的时候触发事件
window.addEventListener('resize', function(){
//执行的代码
}
页面尺寸事件-获取元素宽高
获取元素的可见部分宽高（不包含边框、margin、滚动条等）
clientWidth 和 clientHeight
元素尺寸于位置：
使用场景：通过js的方式，得到元素在页面中的位置
元素尺寸于位置-尺寸
获取宽高：
①、获取元素的自身宽高、包含元素自身设置的宽高、padding、border
②、offsetWidth 和 offsetHeight 只读
③、获取的是数值、可视宽高，如果盒子是隐藏的，获取的结果是0
获取位置
（1）、offsetLeft 和offsetTop ⭐
①、获取元素距离自己定位到父级元素的左、上距离
②、offsetLeft 和offsetTop 只读
以带有定位的父级的位置为准；如果没有，就以文档左上角为准
（2）、element.getBoundingClientRect()方法
返回元素的大小及其相对于视口的位置展开评论7 - 这七个Div水平垂直居中的7个方法你一定要掌握；面试会用到！
CSS实现div元素水平垂直居中的7个方法CSS实现Div元素水平垂直居中，是必需要掌握的知识，也是面试必考点。
我总结了7种方法，并且每种方法都配套了对应的应用场景案例。
1、行内元素水平垂直居中；
2、绝对定位 + margin；
3、绝对定位+marginauto；
4、绝对定位 + translate；
5、flex 布局；
6、flex+marginauto；
7、table-cell；
大家可以把内容先收藏起来，慢慢消化。在以后的实战中多尝试不同的方法，尽可能把这些方法全部掌握，如果学习中有问题可以私聊请教问题哦！#前端面试# #艾编程前端笔记# #前端开发# #垂直居中# #CSS样式#展开312 - 感觉自己心理素质极差
每次跳槽工作初期都感觉好吃力
这次跳槽 各种文档写的不清楚 上一个前端也走了 只能靠自己一步步试错
定位一个问题花了好久 最后是配置问题
明明是小需求 到了测试阶段上一个前端带来的遗留问题也让我头疼
明明不是自己的问题也要被说
工作流程不熟悉 也没人提醒 最后被骂的也是自己的
但是
客观原因抛开
我的确应该无论是多小的需求都进行整体流程的测试
不应该听产品的一面之词
而是应该看完代码再下定结论修改
自测的时候 应该以测试的角度思考问题
保护好自己 有问题及时问 不能最后让别人甩锅
在人性面前 他们都不是好人
妈妈说 我不用什么都做到百分之百
每一次吸取教训就好
今后的日子要多谨慎 多学习
做人最重要是做一个健康快乐的人
不要太责怪自己
展开210
code.juejin.cn