本次小测借一个简单案例跟大家讲讲CSSOM视图模式(CSSOM View Module)相关的一些API及其特性,适用场景等,总结出一些最佳实践,明确一些技术细节,让技术更加精纯。
阅读全文…
标签:clientHeight, dom, DOMMouseScroll, getBoundingClientRect, innerHeight, offsetHeight, pageYoffset, scrollHeight, scrollTop, window, 小测 发布在 JS API | 4 条评论 »
就在8月份,也就是上次gf大姨妈来的时候,W3C出炉了CSSOM视图模块草案。CSSOM视图模块(CSSOM View Module)定义了一些 API,Web 开发人员使用这些 API 可以进行检查,也可以以编程方式更改文档及其内容的视觉属性,包括布局框定位、视区宽度和元素滚动。
本文的内容就是将CSSOM视图模块相关的一些属性,方法等一个一个整理出来,包括兼容性,使用等等。每个API基本上都提供demo页面测试,使用的源代码展示等等。内容较多,请耐心阅读。相信本文的内容会对您的学习有所帮助的。
标签:availHeight, availWidth, clientHeight, clientLeft, clientTop, clientWidth, clientX, clientY, CSSOM, elementFromPoint, getBoundingClientRect, height, offsetHeight, offsetParent, offsetWidth, screenX, screenY, scrollIntoView, scrollLeft, scrollTop, width, 兼容性, 鼠标事件 发布在 JS相关 | 28 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎头条B站Gitee