SVG矢量图视窗viewBox，嵌套HTML综合实例：建立用户自定义相对坐标系统 在SVG绘制的任何一个时刻，你可以通过嵌套svg、foreignObject或者iframe来建立新的viewport和用户坐标系。在这篇文章中，我们将看一下我们如何这样做，以及这样做如何帮助我们控制SVG元素并让它们变得更加灵活
用网页table thead tfoot元素完美控制页眉页脚显示内容打印的简单方式 目前对于网页的页眉页脚打印方面，浏览器还有很大的不足。之前可能有一些 借助css固定fixed位置的解决方案，但是效果都不太理想。
但在最近chrome对table打印的更新中，增加了对 <thead> <tfoot> <th> 等元素的优化支持，把以前后面几页表格标题会被截断的问题解决了。 其实我们可以用这个特性来简单地实现页眉页脚的打印。
jQuery用outterHtml获取相对innerHTML父一级包含其自身的html代码内容 jQuery可以用html()来获取对应的innerHTML内容，但有时我们要获取其自身html代码，则可用原生的outterText, outterHtml属性。可以jquery对象可写成：
$('.grid').prop('outerHTML')
$('.grid').prop('outerText') 配置TinyMCE网页文本编辑器不显示html head body等标签信息 TinyMCE是一个非常优秀的HTML网页文本编辑器，可以完美地跟input结合。其中监听editor的事件可以让文本有改动时，立即存储到对应的form表单元素中
不过默认配置获取的结果是带HTML/head/body等标签的，如果只想要你编辑部分的HTML代码可将 fullpage 插掉去掉即可。
css去掉table的td单元格的间距cellspacing，设置隔行显示不同背景颜色 单元隔间隔对应table标签上的 cellpadding 和 cellspacing，这里可以用CSS实现，cellpadding 对应 td 的 padding。 去除边框 cellspacing 的间隔有以下两种方法：
border-collapse: collapse
border-spacing: 0
用JavaScript实现basename获取路径中的文件名 Node.js中path对象有一个basename函数，可以获取路径中最后一段路径名称，通常是文件名，其实用javascript几行代码就可以实现
function basename(str) {
var idx = str.lastIndexOf('/')
idx = idx > -1 ? idx : str.lastIndexOf('\\')
if (idx < 0) {
return str
}
return str.substring(idx + 1);
} 用纯CSS改变html radio/checkbox默认背景颜色样式 checkbox/ radoi默认不支持更改背景颜色，这里可以使用伪类来实现。基本原理是利用after/ before插入新的元素。然后利用新元素的背景颜色或背景图片覆盖掉原来的样式。
用css禁用input、checkbox、select等html控件，实现disable效果 用js的event可以用来阻止input,select,checkbox的默认事件，其实用纯CSS也能实现，如
input {
pointer-events: none;
} 用纯CSS停止冒泡和阻止浏览器默认行为及事件响应，达到禁用(disable)的目的 JavaScript有一个preventDefault方法, 他可用以来
取消事件的默认动作。比如取消打开链接，选择文本或拖放等。
event.preventDefault()
其实还有一种用纯css就能实现取消事件响应的方法，pointer-events，使用起来更加简单。
iPad/iPhone默认input按钮的disabled CSS样式不工作 最近碰到一个问题，需要复写iPad/iPhone上面的disabled元素的样式，如下图所示
