ＬＷＨＢＬＯＧ

摘要： 动态创建元素： document.write：直接写入页面流，在页面完全加载后使用会导致页面重绘。 innerHTML和createElement相似，但执行效率不同。创建内容时若采取数组形式，innerHTML耗时优于createElement。 Element类型： nodeType为1，nod 阅读全文

摘要： 排他思想：先排除其他元素样式，再设置自身样式。 获取、设置自定义属性值： H5自定义属性： getAttribute方法兼容性更好 节点操作： 节点至少有nodeType(节点类型)、nodeName(节点名)、nodeValue(节点值)三个基本属性。 元素节点nodeType为1 属性节点nod 阅读全文

摘要： 一、绝对定位盒子的居中 通常对于盒子进行水平居中，在默认标准流或者相对定位情况下，采取margin：auto。进行定位。 在设置绝对定位后这样情况会失效，需要采取新的方法去设置： 第一种：利用自身宽度进行居中，即margin值和定位进行计算。利用left或right移动父级的50%，再利用margi 阅读全文

摘要： JS Web API DOM：文档对象模型 DOM树： DOM对象： 获取元素的方法： ① 根据ID：getElementById( )方法. ② 根据标签名：getElementByTagName( )方法. 返回元素对象的集合，以伪数组方式存储 ③ 通过H5新增方法获取：getElementBy 阅读全文

摘要： 数组去重例子： function unique(array) { const res = []; for (const iterator of array) { if(res.indexOf(iterator) -1) { res.push(iterator); } } return res; } 阅读全文

摘要： 算术运算符： 一元操作符：+和-：如果应用到非数值元素则会像Number方法类似转化其为数值。 ES7新增指数操作符：** 和 pow性质相同 console.log(2 ** 3); console.log(Math.pow(2, 3)); JS中判断使用'=='时可能会引发数据类型转换！ 实参、 阅读全文

摘要： Javascript概念： JS分为ECMAScript、DOM、BOM三部分 ECMAScript：决定了JS的基础语法 DOM：文档对象模型，是一个应用编程接口API，用于再HTML中使用扩展的XML。 BOM：浏览器对象模型，用于支持访问和操作浏览器的窗口。 JS三种书写方式：行内、内嵌、外部 阅读全文

摘要： 响应式布局：（媒体查询的运用） Bootstrap： Bootstrap使用： 要求当前网页使用最高版本的IE内核来渲染网页： <meta http-equiv="X-UA-Compatible" content="IE=edge"> 视口宽度与设备一致，默认缩放比例与PC端一致，用户不能自行缩放： 阅读全文

摘要： rem布局： em相对于父元素的字体大小来运算，rem相对于html元素字体来运算。 rem优点：通过修改html的文字大小来改变页面中元素的大小，进行整体控制。 媒体查询： CSS的弊端： Less: Less变量：@变量名：值 Less的嵌套： 若作为子元素则直接在父元素内部写 若为伪元素则使用 阅读全文

摘要： Flex布局： 当为父元素设置flex布局后，子元素的float、clear、vertical-align属性将失效！ flex常见父项属性： flex-direction设置主轴方向： justify-content设置子元素排列方式： flex布局默认不会换行，若无法放入同一行，则会缩小子元素强 阅读全文