赵东禹's blog

摘要： ECMAScript5引入了严格模式（strict mode）的概念，IE10+开始支持。严格模式为JavaScript定义了一种不同的解析和执行模型，在严格模式下，ECMAScript3中的一些不确定或不安全的行为将会抛出一些错误。开启严格模式的方法是在“作用域”的第一行加上'use strict';在严格模式下，未使用var定义的全局变量会报错，这是检验当前域是否为严格模式的一种简单方法。函数级作用域：// 严格模式(function foo() { 'use strict'; bar = 10; // ReferenceError})();脚本级作用域：脚 阅读全文

摘要： 一、stackoverflow上面对css3-mediaqueries.js与respond.js的比较css3-mediaqueries.jsProsSupports min, max and min+max mediaqueries Supports px and em values R... 阅读全文

摘要： 假如有一份视觉稿，其中一部分是实现这样的：两排横向排列的框，它们中间有边距，两端无边距。每个框大小为100*100，外边距为20，整个区域为460*220。HTML结构： 根据以上结构大致想到：li左浮动是必须的，可以给每个li加20px的左边距或右边距，然后再加20px的上边距或下边距。初步设置后是这样的有以下三个方法解决多出的外边距问题。方法一： ... 阅读全文

摘要： BFC与hasLayout都是CSS布局上的概念。几个月前在微博上才了解什么是BFC，算是对布局有点初步的了解。hasLayout则是IE6、7产生许多bug的根源。一、BFCFloats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not block boxes, and block boxes with 'overflow' other than 'visible' (ex 阅读全文

摘要： 一、px与em用px设置文字大小是再正常不过的事情，比如html {font-size: 12px;}随处可见的在设置width、height使用px，这也是细致稳妥的设置方法，这样做的缺点在于调整浏览器的文字大小并未影响以px为单位的文本，这对一部分用户造成了不便。用em设置文字大小弥补了这个问题，em是一个相对单位。文字大小用em表示的情况下，可以随着浏览器字号（比如在chrome下“设置->高级设置->字号”）的变大（变小）而变大（变小），使用格式与px基本一样，比如p {font-size: 1em;}以上面这个p元素为例，em的计算方式是这样的：若p的父元素设置了文字大小 阅读全文