2021/1/20-每日三题第27弹：可爱的我又出现了，你知道 JavaScript 有哪些方法定义对象吗？？？

本文链接：https://blog.csdn.net/weixin_44586544/article/details/112973319

前言：

朋友们好啊，今天又又又又是一波神回复啊 😁😁😁 ！！！

知道在学校为什么感觉这么困吗？

神回复：因为学校，是梦开始的地方。

纹个什么比较能彰显我的身份？

神回复：身份证。

为什么开了空调就不会有蚊子？

神回复：因为饭菜冷了就不好吃了。

每日三题

好了，话不多说，上题目！！！😍😍😍

题目：

(题目1) 说一下 offsetWidth/offsetHeight,clientWidth/clientHeight与
scrollWidth/scrollHeight 的区别？

(题目2) JavaScript 有哪些方法定义对象？

(题目3) 常见兼容性问题？

倒计时10min，开始计时，看看自己能做对几道题😎😎😎？参考解析在下面，但不要直接看解析哦，这样子没什么效果的！！！

每日三题

参考解析：

题目1：

1.offsetWidth/offsetHeight 返回值包含content + padding + border，效果与
  e.getBoundingClientRect()相同
2.clientWidth/clientHeight 返回值只包含content + padding，如果有滚动条，也不包
  含滚动条
3.scrollWidth/scrollHeight 返回值包含content + padding + 溢出内容的尺⼨

题目2：

1.对象字⾯量： var obj = {};
2.构造函数： var obj = new Object();
3.Object.create(): var obj = Object.create(Object.prototype);

题目3：

1.png24 位的图⽚在iE6浏览器上出现背景，解决⽅案是做成 PNG8
2.浏览器默认的 margin 和 padding 不同。解决⽅案是加⼀个全局的 *
  {margin:0;padding:0;} 来统⼀,，但是全局效率很低，⼀般是如下这样解决：
  body,ul,li,ol,dl,dt,dd,form,input,h1,h2,h3,h4,h5,h6,p {
	margin:0;
	padding:0;
  }
3.IE 下, event 对象有 x, y 属性,但是没有 pageX, pageY 属性
4.Firefox 下, event 对象有 pageX, pageY 属性,但是没有 x,y 属性