菜的黑人牙膏

摘要： 源代码： 运行图： 1.使用表格法： 运行图： 缺点：子元素的会撑满父元素。 2.绝对定位计算:对子元素使用绝对定位，并分别移动上左50%，再分别margin-top:-50%height px,margin-left:-50%width px; 运行图： 缺点：需要对子元素的宽高固定，并且绝对定位 阅读全文

摘要： 首先是外部脚本和行内脚本，对于异步加载的脚本，会导致竞争状态，使得出现未定义的错。 采用Script Dom技术测试： 代码： 运行结果： 以下几种方式解决该问题： 1.硬编码回调 将test方法的执行定义在外部脚本（即调用的脚本），该方法不灵活，如果调用的是第三方脚本的话，更加麻烦。此处不显示例子 阅读全文

摘要： 通常加载页面的时候，对于组件是并行下载的，现代大部分浏览器对于Js同样也是支持并行下载，但是在脚本下载、解析并执行完毕之前，不会开始下载任何其他内容。 正常引入： 可以看出，在脚本下载完毕后的一段时间内（该时间在解析执行脚本），不会对其他组件进行下载，以下几种方案解决该问题。 1. XHR Eval 阅读全文

摘要： 1.添加Icon在标题前： 假设要在站点的每个标题上添加一个icon，可以采用如下代码： 运行结果如下： 实现的原理即将内容添加padding属性，再将图片放置在该位置。 在使用背景图像进行定位时，也可以用像素或者百分比，两者有所不同。 像素为图片的左上角距离元素的左上角的距离。 百分比则为使用对应 阅读全文

摘要： CSS中有三种基本的定位机制：普通流，浮动和绝对定位。 1.相对定位：relative 如果对一个元素进行相对定位，它将出现在它所在的位置上，然后可以通过设置垂直或者水平位置，让这个元素“相对于”它原来的位置进行移动，这时元素依然占据原来的位置，但移动后会覆盖其他的元素，可以通过z-index属性来 阅读全文

摘要： 盒模型是CSS的基石之一，页面的每一个元素都被看作一个矩形框，分别由外边距，边框，内边距，内容组成， 在CSS中，width和height的值指的是内容的宽高，增加外边距，边框，内边距并不会对内容造成影响，但是会增加整体的元素框的尺寸，假设10元素的外边距，5元素的内边距，那么要使框达到100元素， 阅读全文

摘要： js图片预览功能 阅读全文

摘要： 在Js中，当试图引用对象的某个属性时，会进行GET操作，第一步会检查对象本身是否拥有这个属性，如果有的话就使用它，否则就会往对象的原型链上查询，一直查到该属性或者到达原型链的最顶端(与作用域类似，作用域查询变量，原形链查询属性)。如下代码： myObject本身是没有a属性的，但是它关联到了anot 阅读全文

摘要： 调用位置:函数在代码中调用的位置，而不是声明的位置。 调用栈：为了到达当前执行位置的所有调用的函数。 例子： 调用位置则是调用栈的第二个元素，可以使用调试器找出调用栈。 函数执行过程中如何使用调用位置决定this的绑定对象。 this绑定有四种规则： 1.默认绑定：this指向全局对象，可以看做无法 阅读全文

摘要： 当函数可以记住并访问所在的词法作用域时，就产生了闭包，即使函数是在当前作用域的外面执行。 在这个例子中，bar可以正常执行，它是在直接定义的词法作用域外执行的。通常，foo执行完后JS引擎会执行垃圾回收机制，但由于函数bar作为返回值赋值给baz，所以bar不会被回收，而bar覆盖了foo的内部作用 阅读全文