不灭的焱

Nicholas C. Zakas最近发布了CSS Lint，旨在检测CSS代码中存在的各种问题，从而写出更高效的CSS。

CSS Lint现有的一些规则：

• 修复解析错误（Parsing errors should be fixed）
• 避免使用多类选择符（Don't use adjoining classes）

IE6以及更古老的浏览器对类似.foo.bar的多类选择符解析不正确，参考IE6下的多类选择符一文。

• 移除空的css规则（Remove empty rules）

原文 http://www.stubbornella.org/content/2012/05/02/cross-browser-debugging-css/

作者为YAHOO前端工程师。

首先要做的是挑选一个好的浏览器。我的选择是Chrome，因为它拥有强大的调试工具。当我在Chrome上完成调试后，我会接着在Safari或者Firefox上调试。

如果在这些“好的”浏览器上没有达到期望的效果，很有可能是代码本身违背了CSS规则。不要试图使用hack方法来解决在这些“好的”浏览器上出现的问题，而是应该找出问题的原因。通常我会检查以下可能的BUG出处：

网上看到的，共享出来给大家

jQZoom（目前最新v2.2版本）官方网在：http://www.mind-projects.it/blog/jqzoom_v10大家可以在这里看演示

也可以打这里下载 jQZoom v2.2：

http://download.csdn.net/detail/wenjianbao/5020276

折腾了一上午，就是搞不定这个最小高度 min-height:的问题，因为min-height:只在IE7FF中起作用。至于这个IE6死活就是不认。而我这个页面又必需得用这个最小高度来定。

页面是二栏的左右分，左栏算是导航菜单固定不变，长约1160PX，右边是产品的详细信息且是动态的，可长可短。

最近在做手机端的 h5 页面的视频直播功能，用到了 Video 标签。其常用的属性有以下几个：

src、poster、preload、autoplay、loop、controls、width、height等属性。

1、src属性 和 poster属性

跟<img>标签的一样，这个属性用于指定视频的地址，而poster属性用于指定一张图片，在当前视频数据无效时显示，可当作一张 预览图。视频数据无效可能是视频正在加载，可能是视频地址错误等等。

<video width="658" height="444" src="http://www.youname.com/images/123456.mp4" poster="http://www.youname.com/images/123456.png" autoplay="autoplay"></video>

这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。

我采用的是一个非常流行的库require.js。

一、为什么要用require.js？

最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。

<script src="1.js"></script>
<script src="2.js"></script>
<script src="3.js"></script>
<script src="4.js"></script>
<script src="5.js"></script>
<script src="6.js"></script>

先想一想，为什么模块很重要？

因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。

但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！考虑到JavaScript模块现在还没有官方规范，这一点就更重要了。

目前，通行的JavaScript模块规范共有两种：CommonJS和AMD。我主要介绍AMD，但是要先从CommonJS讲起。

JavaScript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。

但是，JavaScript不是一种模块化编程语言，它不支持"类"（class），更遑论"模块"（module）了。（正在制定中的ECMAScript标准第六版，将正式支持"类"和"模块"，但还需要很长时间才能投入实用。）

大家都知道，seo的一个很重要的一点就是要把网站做的条理清晰，让搜索引擎很容易的读明白，这个条理清晰不仅体现在网站的物理路径，url等地 方。在<h1><h2><h3>等方面也是这样。并不是<h1>对于关键字排名有帮助，那么在什么有关键词出现的地方我都用<h1>，那么用多了，第一， 有可能会被认为优化过度，第二，到处都是<h1>，你怎么才能让搜索引擎知道哪里才是最重要的呢？稀释了<h1>的作用。

一、变量的作用域

要理解闭包，首先必须理解JavaScript特殊的变量作用域。

变量的作用域无非就是两种：全局变量和局部变量。

JavaScript语言的特殊之处，就在于函数内部可以直接读取全局变量。