2019年10月4日

摘要: 1:给高度塌陷的元素设置overflow:hidden; 原理:因为overflow:hidden;触发了一个BFC BFC布局规则:计算BFC高度的时候,里面的浮动元素也参与计算。 弊端:定位在当前元素外面的内容会被隐藏。 2:给出现高度塌陷的元素里面,放在浮动元素的后面,添加一个空div,并且给 阅读全文
posted @ 2019-10-04 15:25 静水流深a 阅读(232) 评论(0) 推荐(0) 编辑

2019年10月1日

摘要: <! more 一、了解什么是viewport视口 在PC端,我们开发的HTML页面运行在浏览器中,浏览器有多宽(一般浏览器代表设备的宽度)HTML就有多宽,也就是在浏览器宽度的视口中渲染和呈现我们的页面 移动端和PC端有区别:不管移动端设备(代指打开的浏览器)的宽度是多少,HTML页面的宽度是98 阅读全文
posted @ 2019-10-01 19:30 静水流深a 阅读(470) 评论(0) 推荐(0) 编辑
 
摘要: <! more 选择器 ​ \ ID ​ .CLASS ​ TAG ​ ​ SELECTOR1,SELECTOR1... 群组选择器 样式属性 阅读全文
posted @ 2019-10-01 19:30 静水流深a 阅读(162) 评论(0) 推荐(0) 编辑
 
摘要: 新增加(修改/删除)的语义化标签 header footer main 主体 section 区域 article 文章区域 aside 与内容无关的部分(例如:广告) nav figure 配图区域 figcaption 配图说明 mark 标记 time 时间标记 progress 进度条 .. 阅读全文
posted @ 2019-10-01 19:27 静水流深a 阅读(137) 评论(0) 推荐(0) 编辑
 
摘要: arguments是函数的一个内置属性,他是一个类似于数组的对象,有length这个属性。 arguments对象的长度是由函数调用时传递的实参个数决定(即使这个值传递的是undefined)。 对于arguments中的元素和形参都存在的情况下,两者值是同步的,但是针对其中一个无值的情况下,对于此 阅读全文
posted @ 2019-10-01 19:06 静水流深a 阅读(140) 评论(0) 推荐(0) 编辑
 
摘要: 回流(reflow) 当DOM元素的结构或者位置发生改变(删除、增加、改变位置、改变大小...)都会引发回流,所谓回流,就是浏览器抛弃原有计算的结构和样式,从新进行DOM TREE或者RENDER TREE,非常非常非常...消耗性能。 重绘(repaint) 当某一个DOM元素样式更改(位置没变只 阅读全文
posted @ 2019-10-01 19:06 静水流深a 阅读(1918) 评论(0) 推荐(0) 编辑
 
摘要: 获取DOM元素 1. getElementById(上下文只能是document) 2. getElementsByTagName(返回元素集合HTMLCollection) 3. getElementsByClassName(同上,不兼容IE6 8) 4. getElementsByName(上下 阅读全文
posted @ 2019-10-01 19:05 静水流深a 阅读(219) 评论(0) 推荐(0) 编辑
 
摘要: layout: 'page' title: 'Dom盒子模型' date: 2019 09 30 17:59:29 tags: JAVASCRIPT categories: JAVASCRIPT <! more Dom盒子模型13个属性 clientWidth/clientHeight:当前元素可视 阅读全文
posted @ 2019-10-01 19:05 静水流深a 阅读(310) 评论(0) 推荐(0) 编辑
 
摘要: <! more let/const 1. let不存在变量提升(变量不允许在声明之前使用) 2. let不允许重复声明 3. 在全局作用域中let变量不是window属性,和它没关系 4. typeof 未被声明的变量不是undefined而是报错(暂时性死区) 5. let会形成块级作用域 解构赋 阅读全文
posted @ 2019-10-01 19:04 静水流深a 阅读(610) 评论(0) 推荐(0) 编辑
 
摘要: jQuery选择器 jQuery(selector,context) selector:选择器的类型(一般都是字符串,但是支持函数或者元素对象) context:基于选择器获取元素时候指定的上下文(默认document) jQuery常用方法 appendTo:把jQuery对象添加到一个HTML元 阅读全文
posted @ 2019-10-01 19:03 静水流深a 阅读(154) 评论(0) 推荐(0) 编辑