coderLsq

摘要： /** * * offset系列:获取元素的宽,高,left,top, offsetParent * offsetWidth:元素的宽,有边框 * offsetHeight:元素的高,有边框 * offsetLeft:元素距离左边位置的值 * offsetTop:元素距离上面位置的值 * * scr 阅读全文

摘要： 直接说结论： 若是在行内样式中书写属性，那么DOM对象使用element.style.left是可以获取到这个属性的（ps：带单位的） 若是书写的样式表，那么DOM对象获取left的就需要使用offsetLeft; 并且offsetLeft是只读的，并不像left那样可以修改。 （ps：其他属性类似 阅读全文

摘要： IE8是不支持addEventListener方法的，但是IE11是支持的addEventListener，所以我们需要一段关于事件的兼容性代码 function addEventListeners(element, type, fn) { if (element.addEventListener) 阅读全文

摘要： 话不多说直接上代码： const ulObj = document.querySelector("ul") //以下的方法是没有兼容性的问题 //获取父级节点 console.log(ulObj.parentNode); //获取父级元素 console.log(ulObj.parentElemen 阅读全文

摘要： 今天在尝试使用js修改img属性的时候发现我们直接使用width并不能修改成功，但是我们修改style属性里面的width就能成功 document.querySelector("img").onclick = function() { document.querySelector("img").s 阅读全文

摘要： 数组中常用的添加删除的方法有四种。分别是push，pop，unshift，shift。话不多说上代码; let arr = [1, 2, 3, 4, 5] console.log(arr.push(99));//在数组最后面你添加一个元素，并且返回生成的数组的长度 console.log(arr.p 阅读全文

摘要： js中数组的some，every，map，filter方法都是对数组中的每个元素进行操作，但是存在差别，话不多说放代码： let arr = [1, 2, 3, 4, 5] console.log(arr.some(function (key) {//true return key >= 3 })) 阅读全文

摘要： 在学习到css3盒模型的时候 <style> * { padding: 0; margin: 0; } div:nth-child(1) { box-sizing: content-box; width: 300px; height: 300px; background-color: orange; 阅读全文

摘要： 如题： <style> .box{ width: 400px; height: 150px; border: 20px solid #ccc; margin-bottom: 30px; } .box:first-child{ /*border-image: url("images/border01. 阅读全文

摘要： 我们在网页制作的过程中常常看见一些视差效果，比如：https://im.qq.com/， 这种视差效果的基础原理是利用了背景固定来操作的，即background-attachment：fixed，这个属性默认是scroll，即默认是滚动的 但是仅仅使用这个原理来制作视察效果是不够的，我们还需要使用s 阅读全文