摘要： 题目：请用CSS实现如下图的样式，相关尺寸如图示，其中dom结构为：思路，1)两个元素a,b:width与heigh设为0 left设为100%（这样要求父元素demo的position：relative,而ab的position:absolute）2)border设为transparent，然后b... 阅读全文

摘要： 1.布局多列布局 multi column:用于在多个栏目中平均分配好内容显示，例如报纸的排版 column-count、column-width、column-gap 脱离了position float属性在网页栏目上布局伸缩性布局 flexbox对父容器的子元素进行水平垂直定位 参见阮一峰... 阅读全文

摘要： 1 2 3.outer{border: 1px solid #ccc;background: #fc9;}.div1{width: 80px;height: 80px;background: red;float: left;}.div2{width: 80px;height: 8... 阅读全文

摘要： 元素居中 父元素设置相对定位1.子元素若高度300px，设置绝对定位，top:50% margin-top:-150px（子元素高度的一半）；.a{ width:800px; height:600px; position:relative; ba... 阅读全文

摘要： 史上最全的CSS hack方式一览来自CSDN freshlover的博客专栏《史上最全CSS Hack方式一览》什么是CSS hack由于不同厂商的流览器或某浏览器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等），对CSS的支持、解析不一样，导致在不同浏览... 阅读全文

摘要： concat将两个或多个字符的文本组合起来，返回一个新的字符串。var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"indexOf返回字符串中一个子串第一处出现的索引（从左到右搜索）。如果没... 阅读全文

摘要： 排序1.js的sort方法，按数值大小排序var arr=[2,4,1,4];arr.sort(function(a,b){return at){A[j+1]=A[j];j--;}A[j+1]=t;}}②.希尔排序(不稳定)：希尔(Shell)排序的基本思想是：先取一个小于n的整数d1作为第一个增量... 阅读全文

摘要： 记录一下总是不能立刻反应过来的东西：arguments.callee:拥有arguments对象的函数arguments.callee.caller:调用当前函数的函数，用于调试Array.prototype.slice.call(arr):将有length属性的类数组对象转化为数组apply,ca... 阅读全文

摘要： 1. instanceofvar arr = new Array();alert(arr instanceof Array); //true2. Object的constructor属性var arr = new Array();alert( arr.constructor==Array);//tr... 阅读全文

摘要： 添加 unshift(element),push(element),splice(index,0,element)删除 shift(),pop(),splice(delindex,delcount)截取slice(start,[end]),合并concat()拷贝slice(0),concat(),... 阅读全文