获取DOM节点的大小_框架

用来获取内容区的大小

PS：返回了元素大小，但没有单位，默认单位是px，如果你强行设置了单位，比如100em

之类，它还是会返回px 的大小。(CSS 获取的话，是照着你设置的样式获取)。

1增加边框，无变化，为200；

2增加外边距，无变化，为200；

3增加滚动条，最终值等于原本大小减去滚动条的大小，为184；

4增加内边距，最终值等于原本大小加上内边距的大小，为220；

PS：返回了元素大小，默认单位是px。如果没有设置任何CSS 的宽和高度，他会得到

计算后的宽度和高度。

1增加边框，最终值会等于原本大小加上边框大小，为220；

2增加内边距，最终值会等于原本大小加上内边距大小，为220；

3增加外边据，无变化；

4增加滚动条，无变化，不会减小；

PS：返回了元素大小，默认单位是px。如果没有设置任何CSS 的宽和高度，它会得到

计算后的宽度和高度。

1增加边框，不同浏览器有不同解释：

a) Firefox 和Opera 浏览器会增加边框的大小，220 x 220

b) IE、Chrome 和Safari 浏览器会忽略边框大小，200 x 200

c) IE 浏览器只显示它本来内容的高度，200 x 18

2增加内边距，最终值会等于原本大小加上内边距大小，220 x 220，IE 为220 x 38

3增加滚动条，最终值会等于原本大小减去滚动条大小，184 x 184，IE 为184 x 18

4增加外边据，无变化。

5增加内容溢出，Firefox、Chrome 和IE 获取实际内容高度，Opera 比前三个浏览

器获取的高度偏小，Safari 比前三个浏览器获取的高度偏大。

1HTML

知识要点：web工作原理、HTML4及HTML5、常见标签、相对路径与绝对路径、HTML5标签

2CSS+布局

知识要点：CSS基本语法、基本选择器、复合选择器、背景、盒子模型、精灵图、常见网页布局、浮动定位、Flex布局、响应式布局、移动端适配、网页动画、CSS3新特性、Less预处理器

3ECMA基础

知识要点：ECMA基本语法、数据类型、运算符、分支结构、循环结构、函数、常见内置对象的属性和方法、Array、Math、Date、String

4DOM

知识要点：DOM模型、节点类型、节点的基本 *** 作、JS *** 作样式表、克隆节点、获取坐标位置、获取元素尺寸、节点的各种属性和方法。

5BOM+jQuery

知识要点：History、Location、Navigate、定时器、线程、事件循环、web工作原理、性能优化、事件对象、正则表达式、jQuery框架

6vue框架基本语法

知识要点：vue基本语法、双向绑定、组件传值、条件渲染、列表渲染、事件处理、表单绑定、自定义事件、插槽、过渡、动画、动态路由、嵌套路由、编程式导航、导航守卫、路由懒加载、脚手架、生命周期、vuex、axios、ts、vue3

7vue案例

知识要点：将知识点融会贯通到案例中。

8react基本语法

知识要点：react简介、jsx语法、元素渲染、组件和props、state、生命周期、表单、条件渲染、组合继承、hooks、性能优化、redux

9react案例

知识要点：将知识点融会贯通到案例中

新增内容：微信小程序及uni-app框架

知识要点：

小程序框架（配置/程序与页面注册/路由），开发者工具

小程序框架组件学习（基础/视图/表单/地图/媒体/导航/开发能力）

小程序框架组件学习（地图/媒体/导航/开发能力）

小程序API（基础/路由/界面/网络/数据缓存/位置服务）

小程序API（设备/媒体/开放接口/授权/登录/支付）

10Node服务器与数据库及框架

Node原生模块、跨域、安全校验、数据加密、数据库基本 *** 作、express框架、koa框架

11Node 项目周/WebPack