最近读完《编写可维护的JavaScript》，让我受益匪浅，它指明了编码过程中，需要注意的方方面面，在团队协作中特别有用，可维护性是一个非常大的话题，这本书是一个不错的起点。

本书虽短，却五脏俱全，主要涵盖：编程风格（基本格式化、注释、语句和表达式、变量），编程实践（UI层松耦合、避免使用全局变量等）、自动化，3个部分的内容。

本文主要整理归纳了书中 编程实践 章节的核心内容，其他两章 编码风格 和 自动化 部分，还需结合当前的流行趋势重新整理，稍后再与大家分享。

前段时间写过一篇CSS基础知识之position，当时对float的理解不太准确，被慕课网多名读者指出（原文已修正，如有误导实在抱歉）。现对float进行更深入的学习，在此把学习心得分享给大家。

浮动的基础知识

• 浮动有4个属性：left（左浮动）、right（右浮动）、none（不浮动）、inherit（继承）。
• 浮动元素的包含块是其最近的块级祖先元素。
  

在 样式布局分享-基于frozen.js的移动OA 文章中，用了到第三方组件 tab.js(带菜单的横屏滑动插件)，其兼容性很差，进行优化后，已兼容全平台（且支持IE6+）。

• tab.js GitHub Clone 地址

一直听说过IE6~IE9浏览器的兼容性问题是深坑，这次终于有所体会，就本次优化tab.js而言，如果不对IE6~IE9进行兼容，工作量可以减少一倍。

特此把遇到的各种浏览器兼容性问题进行汇总，希望对大家有所帮助。

最近在慕课网学习了 网页布局基础 和 固定层效果 ，都是由声音甜美的 婧享人生 老师所录制，视频详细讲解了CSS中position的用法，在此把学习笔记分享给大家。

CSS定位机制

• 标准文档流（Normal flow）
• 浮动定位（Floats）
• 绝对定位（Absolute positioning）

最近改造了公司移动OA的样式，改善了显示效果和用户体验，其中用到了腾讯的 frozen.js 框架，在此把布局代码分享给大家，希望大家可以用得上，具体效果如下图。