过河卒子

CSS文档流与块级元素（block）、内联元素（inline），之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的,发现里面提到的文档流概念让我很敏感. 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值一提.但我觉得,这个概念实在太重要了.理解了它,一堆CSS布局的理论都 变得易于理解,并且体会到CSS这套设计的合理性

        前段时间上线一个项目，将css,js等静态资源做了cdn部署，结果发现我的font awesome图标通通不能正常显示。后来查了资料发现是由于font-face引用字体跨域导致的。 我的主域名www.domain.com ,   CDN资源域名 cdn.domain.com;背景知识----http的访问控制（CORS）：        当一个资源从与该资源本身所在的服务器不同的域...

CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。区别 IE6、IE7、IE8、Firefox【辨識符號】：「\9」、「*」、「

介绍之前先介绍jQuery的一个方法 jQuery.event.fix(event || window.event); 此方法个浏览器的event对象转换为 jQuery.event; 如果您的事件是通过jQuery方法绑定的，就不需要进行转换了！jQuery在遵循W3C规范的情况下，对事件的常用属性进行了封装，使得事件处理在各大浏览器下都可以正常的运行而不需要进行浏览器类型判断。

1. 基本概念offsetWidth/offsetHeight对象的可见宽度，包含滚动条和border。非标准属性，但各浏览器都支持clientWidth/clientHeight对象的可见宽度，不包含滚动条和border。scrollWidth/scrollHeight（慎用）元素完整的高度和宽度，overflow:hidden的部分也计算在内。offsetLef

半透明 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*IE8*/ filter:alpha(opacity=30); /*IE5、IE5.5、IE6、IE7*/ opacity: .3; /*Opera9.0+、Firefox1.5+、Safari、Chrom

//window.event    IE：有window.event对象    FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 解决方法：var event = event || window.event;  example:       function test(event)

js在IE和FF下的兼容性问题本文出自前端档案，以作学习参考之用。自己也补充了一些内容长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此，主要从以下几方面差异总结IE和Firefox的Javascript兼容性:　　一、函数和方法差异；　　二、样式访问和设置；　　三、DOM方法及对象

对于大量图片的网站，图片延迟加载是提高速度和性能的好方法。目前图片延迟加载主要分两大块，一是触发加载（根据滚动条位置加载图片）；二是自动预加载（加载完首屏后n秒后自动加载其他位置的图片）。大体常用的就这两种。这里介绍第一种方法，根据滚动条手动加载图片，最初采用的是LazyLoad.js这个现成的小插件，当然自己用jquery自己写也是很简单的。我们到LazyLoad网站看看他的工作原理

目录 常用css类： 组件的使用 Bootstrap-datetimepicker组件 Table的使用 通用搜索自定义通用搜索nice validator 表单验证组件单选表格常用css类：系统默认注册了事件的 class :btn-add: 添加按钮 系统绑定了打开添加窗口的事件btn-edit: 编辑按钮   系统绑定了打开编辑窗口的事件...