chrome developer tool 开发者调试

元素右键【Elements】（1）强制元素4种状态：focus、hover、active、visited（下方style的箭头小方块也可以）（2）复制路径：CSS路径；XPath路径（3）设置断点：子元素修改、修改属性、删除元素 Pretty print 按钮(符号{})：“格

ALT+小键盘数字打的特殊符号

按住 Alt 键，在小键盘上输入数字出来的特殊符号。再松开 Alt 41459 ◇41460 ◆ 41461 □41462 ■ 41463 △41464 ▲ 41465 ※ 41466 →41467 ←41468 ↑41469 ↓ 41470 〓 41456 ○41457 ●4

Handlebars.js 是一个 Javascript 客户端的模板引擎，它通过对 view 和 data 的分离来快速构建 Web 模板。它是在加载时被预编译，而不是到了客户端执行到代码时再去编译，可以保证模板加载和运行的速度；它是一个 Javascript 库，就像你在页面

怎么说呢，心情起伏有点大。兴高采烈地翻译了2个小时40分钟，把关于 Jade 的语法和特性都过了一遍。但是完事之后发现，对它的态度更多的是怪异。第一，有些操作符和它的真实意思对应不那么直观比如 !=(非转义输出) 分明是不等于好么；|（原样输出的管道）初识的时候不易接受。第二

相关概念用途模式匹配：有效性验证、提取子串、查找特定字符、替换语法定界符// 格式：/匹配模式/ 定位符 ^ 开头 $ 结束 b 单词边界 B 非单词边界元字符元字符：具有特殊意义的字符字符类 s 空白字符，比如空格、tab键、换行 S 非空白字符

本文来自网络，觉得作者写得既简短又系统，故在此做个笔记框架。同源策略是把双刃剑同源策略在保证了安全性（不允许跨域调用其他页面的对象）的同时，也给注入 iframe 和 ajax 的应用上带来了不少麻烦。关于“同源”，此处做三点说明：1、如果是协议|端口造成的跨域问题，在前端

对属性和特性的支持情况：http://caniuse.com/ w3官网：http://www.w3.org/http://www.w3.org/TR/html5/syntax.html#tokenizationhttp://www.w3.org/TR/html5/syntax.

URL encodeURIComponent、decodeURIComponent、base64 table 1、fixed 布局的超出try2、auto 布局，当给 col colgroup 指定了 width 后，计算 table 的宽度，是否也会趋向于固定布局的效率？会快

HTML5 有众多的崭新特性和功能，它强化了web系统|网页的表现性能，也增加了对本地数据库等 Web 应用的支持。在它的众多 API 接口中，其中 postMessage(send) 和 onmessage 有着广泛的应用。比如： Web Workers（工作线程）用它们实现

为什么会跨域？要让两个不同源的客户端进行通信，就会遇到跨域的问题。同源策略是一个著名的安全策略，由 netscape 提出。现在所有支持 js 的浏览器都会使用这个安全策略。同源指域名、协议、端口号都相同。只要协议、域名、端口号一个不相同就会形成非同源的环境，如下。常见的解