前端模板中，我们通常使用 script/textarea 来存放模板代码，然后使用 innerHTML/value 属性来获取模板内容进行解析和拼装。 <script type="text/x-template" id="tpl"> <h1><%=data.title%></h1> <p><%=data.content%></p> </script> <script> var htmlTpl = document.getEl...

support.checkClone = div.cloneNode(true).cloneNode(true).lastChild.checked;有人问：为什么需要 cloneNode 两次呀？ 这是老版 chrome 内部实现的一个 bug，这个 bug 在四年前就提出来了，cloneNode 和 importNode 没法保存片段代码中表单元素诸如 value/checked 之类的属性。 解决方案是：将 cloneNode 拿到的代码片段在 clone 一次。如同 IE6 下浮动元素 margin 的渲染，是 IE6 的 bug，通过设置 inline 可以解决。 Bug 地址：h...

互联网的运作，最根本的驱动就是信息的交互，NodeJS 在数据交互这一块做的很带感，异步编程让人很惬意，关于 NodeJS 的数据通信，最基础的两个模块是 NET 和 HTTP，前者是基于 TCP 的封装，后者本质还是 TCP 层，只不过做了比较多的数据封装，我们视之为更高层。 本文先述说 NodeJS 的 NET 模块工作机制，下次再谈一谈 HTTP 模块。 一、服务器和客户端之间的交互 NodeJS 底层支撑是 v8，v8 是用 C++ 编写的一个编译和运行 JavaScript 代码的库，说到 TCP/UDP，写 C/C++ 的童鞋肯定不会感到陌生，在建立 socket 连接的时候，基本...

打印的常用的几种方式： 1. open新页面打印 var childWin = window.open("about:blank"); childWin.document.body.innerHTML = document.body.innerHTML; // code... // 操作（修改/隐藏/添加）内容 childWin.print();2. iframe中打印 var ifr = document.createElement("iframe"); ifr.src = "about:blank"; ifr.style.dis...

很多情况下我们需要复制整个文件的内容，然后粘贴到其他地方，像我这种命令行控，文件操作基本都是命令行处理的，平时会用 vim 打开文件，然后 vim FILE # 打开文件 ggVG # 全选内容 "+y # 复制到系统缓冲区说实话，这真的很麻烦，其实我们可以这样： # windows用户 clip < FILE echo "content" | clip # linux用户 xclip -sel clip < FILE省去了打开文件复制的过程。

这两天看了好几篇不错的文章，有的时候想把好的文章 down 下来放到 kindle 上看，便写了个爬虫脚本，因为最近都在搞 node，所以就很自然的选择 node 来爬咯～ 所谓爬虫，可以简单理解为利用程序操作文件，只是这些文件不在本地，需要我们拉取过来。 一. 爬虫代码解析 1. 拿到目标页码源码 Node 提供了很多接口来获取远程地址代码，就拿 AlloyTeam 的页面举例吧，把他首页几篇文章的信息爬取过来。因为 AlloyTeam 使用的协议是 http:// ，本文就不介绍 Node 中 https:// 的使用了。 var http = require("http&quo...

将 URL 中对象解析出来： var a='account.type=1&account.id=&account.dependFlag=0&account.card.companyId=1&account.name=%E4%B8%AD%E9%93%B6VISA%E5%8D%A1&account.hidden=&account.card.cardNo=&account.moneyTypeId=0&account.card.billDay=1&account.card.repayType=0&account.card....

该文章是本人两天的学习笔记，共享出来，跟大家交流。知识比较零散，但是对有一定 JS 基础的人来说，每个小知识都有助于开阔你的 Hack 视角。首先声明，本文只是 XSS 攻击的冰山一角，读者自行深入研究。 一、XSS学习提要 http://qdemo.sinaapp.com/ppt/xss/三水清 简单介绍 xss http://drops.wooyun.org/tips/689乌云 xss与字符编码 http://www.wooyun.org/whitehats/心伤的瘦子系列教程 http://ha.ckers.org/xss.html反射性XSS详细分析和解释 http://html5...

预计在2014年底，ECMAScript 6将会正式发布，他的草案在13年3月份被冻结，后续提出新特性将会移至ECMASript 7中。目前还没有哪款浏览器实现了ES6的全部内容，兼容性最强的一款要数FireFox了。具体情况可以在这里查看。 关于 ECMAScript 6 草案，我在博客里头复制了一份，可以点击这里。 JavaScript的内容是越来越丰富，在ES6中还添加了模块（module）和类（class），感觉他已经失去了曾经的单纯了，不知道这些新功能的补充对开发者来说是福音还是负担。之前写过两篇关于ES6的文章，ECMAScript 6 简介 和 ECMAScript 6中的let...

问题： "baddad".match(/([bd]ad?)*/)为什么匹配的是dad而不是bad。 回答： 不是不匹配bad，而是已经匹配过了，* 号为贪婪模式，所以第一次匹配到 bad 之后会继续往后吞并字符，最后发现后面还有一个 dad 也适合，于是便把 baddad 全部匹配了，第二次匹配是分支匹配，前面的 [bd] 是两个分支，刚才第一个分支已经匹配完了，进入第二个分支，也就是匹配 dad，所以第二个结果是dad就显而易见了。

问题： 我的 XMLHttpRequest 跨域 POST ，怎么请求方式自动由POST变成OPTIONS了呢？ 浏览器为了安全起见，会先发送一个 options 请求，确保请求发送是安全的，一般 POST DELETE PUT 等请求都会修改服务器资源，所以浏览器会先发一个请求，问问服务器是否会正确（允许）请求。 出现 OPTIONS 的情况一般为： 非 GET | POST 请求 POST 请求的 content-type 不是常规的那三个 POST 请求的 payload 为 text/xml 我的请求倒是很常规啊，不存在上面3条的问题 跨域了呀，浏览器也会为了试探服务器是否...

问题： IE 8下 document.getElementsByTagName(‘title’)[0].firstChild为毛是null啊 而document.getElementsByTagName(‘title’)[0].innerHTML却有值，给title赋值却报错。 按照 w3c 的解释，title 元素下有且只有一个 text node，除 IE 外，其他浏览器都能正确打印 getTagName(“title”).item(0).childNodes == 1; 而 IE 他不认为 title 元素有 childNode，你可以当他是没有实现规范的 bug。IE9+ 修复了这...

我们在移动端进行前端开发时，会遇到一个让人头痛但不得不面对的问题——调试。 在 PC 机器上，我们有功能强大的 Chrome DevTools、Firebug，即便是老版本的 IE ，我们也可以安装微软提供的插件，对网页样式和请求信息轻松进行调试。但在手机、平板上，很多人就无招可施了，一个劲的 alert 查看调试信息。如果你已经厌倦了可爱又可恨的 alert 弹窗，请继续往下阅读。 一、先说说调试的原理 设备浏览器中输入一个 URL，它会向 URL 所在的 server 请求资源： +-------------+ +---------------+ | client ...

我们都知道浏览器会拦截非鼠标触发的 window.open 事件，不同浏览器的处理不统一，如 chrome 还支持键盘触发 open，而 firefox 只允许鼠标左键触发，etc. 在低版本 IE 下，我们可以使用 ActiveXObject 或者 Object 新开一个页面，如： // IE Only var o=new ActiveXObject("WMPlayer.OCX"); o.launchURL("http://barretlee.com");如果用户禁用了 WMP 对象，自然也是弹不出来的，值得注意的是，此处打开页面的是系统默认浏览器，而...