一、行高（line-height）法如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可，比如：p { height:30px; line-height:30px; width:100px; overflow:hidden; }这段代码可以达到让文字在段落中垂直居中的效果。二、内边距（padding）法另一种方法和行高法很相似，它同样适合一行或几行文字垂直居中，原理就是利用padding将内容垂直居中，比如：p { padding:20px 0; }这段代码的效果和line-height法差不多。三、模拟表格法将容器设置为display:table，然后

在css中，可以指定一个dom(例如div，span，input)的鼠标样式。当鼠标移上去的时候，鼠标的样式就会发生改变，变成由开发者在css中设置的样式。下面列举了所有css的cursor的值和对应的样式：cursor样式火狐谷歌IEOperaSafariEdgeautodefaultnone5.09155.0context-menuhelppointerprogresswaitcellcrosshairtextvertical-textaliascopymoveno-dropnot-allowedall-scrollcol-resizerow-resizen-resizee-resizes

本文讲到的是如何从数据访问层面上提高JS 代码的执行效率。总的来讲有以下几条原则：函数中读写局部变量总是最快的，而全局变量的读取则是最慢的；尽可能地少用with 语句，因为它会增加with 语句以外的数据的访问代价；闭包尽管强大，但不可滥用，否则会影响到执行速度以及内存；嵌套的对象成员会明显影响性能，尽量少用；避免多次访问对象成员或函数中的全局变量，尽量将它们赋值给局部变量以缓存。这么几句话看似简单，但要深刻理解其中的道理则需涉及到JS的 标识符解析、作用域链、运行期上下文(又称为执行环境)、原型链、闭包 等一系列概念，之前我有看过一篇网上翻译的 JavaScript 闭包，文中讲解了这些东东

不管用js还是jquery，我们总是能遇到频繁修改dom树的情况。而每次修改dom树，都会触发浏览器的绘制操作。尽管浏览器绘制过程比较智能，也比较快速。但是如果太频繁的修改dom树，浏览器也有吃不消的时候。因此我们要汇总批量修改dom的时候，就需要使用技巧来保证浏览器不会卡壳。通过这些步骤来减少重绘和重排的次数 1、使元素脱离文档流 2、对其应用多重改变 3、把元素带回文档 这个过程只有第一、三会触发重排，如果忽略这两个步骤，那么第二步所产生的任何修改都会触发一次重排。有三种方法使Dom脱离文档 1、隐藏元素，应用修改，重新显示 2、使用文档片段在当前DOM之外构建一个子树，再把它

由于浏览器种类繁多，版本各异。所以对html5的支持情况各不相同。通常我们使用polyfill来填平旧浏览器对HTML5支持上的缺陷，即通过其他方式间接的实现html5相应的功能。在GitHub上提供了完整的各种polyfill集合：https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills

概述：近日，慧都小编为大家收集了10款面向HTML5 画布(Canvas)的JavaScript库，喜欢就点赞吧！Processing.jsProcessing.js是一个开放的编程语言，在不使用Flash或Java小程序的前提下，可以实现程序图像、动画和互动的应用。Processing.js是轻量，易于了解掌握的理想工具，可用于可视化的数据，创建用户界面和开发基于Web的游戏。FABRIC.JSFABRIC.JS是一款简单而强大的JavaScript Canvas 库，提供了互动的对象模型，同时还包含 Canvas-to-SVG 解析器。oCanvasoCanvas是一个JavaScript

1. Get方法长度限制Http Get方法提交的数据大小长度并没有限制，HTTP协议规范没有对URL长度进行限制。这个限制是特定的浏览器及服务器对它的限制。如：IE对URL长度的限制是2083字节(2K+35)。下面就是对各种浏览器和服务器的最大处理能力做一些说明.Microsoft Internet Explorer (Browser)IE浏览器对URL的最大限制为2083个字符，如果超过这个数字，提交按钮没有任何反应。Firefox (Browser)对于Firefox浏览器URL的长度限制为65,536个字符。Safari (Browser)URL最大长度限制为 80,000个字

看到这个标题大家一定会想到这篇神文《How Browsers Work》，这篇文章把浏览器的很多细节讲得很细，而且也被翻译成了中文。为什么我还想写一篇呢？因为两个原因，1）这篇文章太长了，阅读成本太大，不能一口气读完。2）花了大力气读了这篇文章后可以了解很多，但似乎对工作没什么帮助。所以，我准备写下这篇文章来解决上述两个问题。希望你能在上班途中，或是坐马桶时就能读完，并能从中学会一些能用在工作上的东西。浏览器工作大流程废话少说，先来看个图：从上面这个图中，我们可以看到那么几个事：1）浏览器会解析三个东西：一个是HTML/SVG/XHTML，事实上，Webkit有三个C++的类对应这三类文档。解

在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSSHack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生效，例如表格元素中的<td>、<th>、<caption>等，而像<div>、<span>这样的元素是没有valign特性的，因此使用vertical-align对它们不起作用。 相关教程：div水平居中的N种方法 一、单行垂直居中 如果一个容器中只有一行文字，对它实现居中相对比

序言jQuery太棒了。我已经使用了将近一年多的时间。使用它的时间越长，我越了解它的内部运作。我不是jQuery专家。我也不自称是，因此如果在下面的文章里发现任何错误，请随时纠正或提出改善的建议。我称自己为中级的jQuery用户，我认为其他一些人可能受益于我过去一年多学到的小技巧、招数和方法。这篇文章比我当初设想的稍长了些，因此我在文章一开始就提供了目录，你可以跳转到感兴趣的部分进行阅读。目录 1. 从Google Code加载jQuery 2. 使用备忘单 3. 整合所有的脚本并缩减它们 4. 使用Firebug出色的控制台日志工具 5. 通过缓存最小化选择操作 6. 最小化DO