文章列表
Web 模板引擎是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档，通常是标准的 HTML 文档。当然不同的开发语言有不同模板引擎，如 Javascript 下的 Hogan 、ASP 下的 aspTemplate、以及 PHP 下的 Smarty，这里主要介绍基于 Javascript 语言的模板引擎，目前流行有 Mustache、Hogan、doT.js、JsRender、Kendo UI Templates等，jsperf.com 上可以看到它们的性能对比，首先先介绍下 Mustache。
一、Mustache 简介：
在做页面统计的时候遇到了两个问题：
1.包含iframe的页面，在IE下按后退按钮不能刷新主页面。隐藏Iframe的src是统计程序的url，每点一次后退，就会发出一次页面加载时间请求。
2.由js动态创建的img标签会发出两个http请求，第 ...
1. 基本输出
让我们先从最常见的console.log开始，console.log负责将输入的一个或多个参数写入console，因此，如果你需要输出较为复杂的表达式，可以直接将它们分割为多个参数，而不需要用+进行手动拼接：
console.log("Node count:", document.childNodes.length, "and the current time is:", Date.now());
除此之外，你也可以使用格式化字符来达到同样效果：
console.log("Node count: %d, a ...
原文：CSS的未来：一些试验性CSS属性译自：The Future Of CSS: Experimental CSS Properties转载自: http://www.cnblogs.com/radom/archive/2012/04/19/2457356.html
尽管现代浏览器已经支持了众多的CSS3属性，但是大部分设计师和开发人员貌似依然在关注于 ...
正则表达式匹配模式(仅作为自己的记录)
不区分大小写匹配模式 /regexp/i ，但此匹配存在特殊性，并非所有的ASCII字母和数字字符都存在大小写形式，而某些字符在作为单词首字母时会有单独的标题格式，有时大小写之间没有明显的一对一的映射，比如希腊字母，遇到这些情况的时候并不是每个流派都能很好支持，目前只有Perl和Java的java.util.regex能正确处理。（/i是匹配整个正则表达式，也存在只匹配子表达式的方式，通过(?!exp)来开启，通过(?-iexp)来关闭，并不是所有流派都支持只匹配子表达式的模式）
宽散排列和注释模式/regexp/x，忽略字符组外所有的空白 ...
悲剧的遇到问题，从前台得到时间，“Tue Jan 29 16:13:11 UTC+0800 2008”这种格式的，想再后台解析成想要的格式，但是在后台就是解析不了SimpleDateFormat也试着解析了，都是报错，加上Local时区也不行，悲剧了一上午。最后找到下面这篇文章，得到解决了，难道真的不能在后台解析成功吗？还希望大家多多指点
1、当前系统区域设置格式(toLocaleDateString和toLocaleTimeString)
例子:(new Date()).toLocaleDateString() + " " + (new Date()).toLocale ...
1 环视基础
环视只进行子表达式的匹配，不占有字符，匹配到的内容不保存到最终的匹配结果，是零宽度的。环视匹配的最终结果就是一个位置。
环视的作用相当于对所在位置加了一个附加条件，只有满足这个条件，环视子表达式才能匹配成功。
环视按照方向划分有顺序和逆序两种，按照是否匹配有肯定和否定两种，组合起来就有四种环视。顺序环视相当于在当前位置右侧附加一个条件，而逆序环视相当于在当前位置左侧附加一个条件。
1 概述
“\b”匹配单词边界，不匹配任何字符。
“\b”匹配的只是一个位置，这个位置的一侧是构成单词的字符，另一侧为非单词字符、字符串的开始或结束位置。“\b”是零宽度的。
基本上所有的资料里都会说“\b”是单词边界，但是关于“
英文原文：Making an accessible dialog box
中文翻译原文：可交互的弹出窗
在今天的web应用中，对话框差不多像他们在桌面应用中一样常见。用一点JavaScript和CSS来显示或隐藏一个覆盖在页面上的元素相当简单，但是很少有人考虑它如何影响可访问性。在很多情况下，它是可访问性的灾难。输入焦点没有被正确处理，屏幕阅读器(译者注：弱视盲人等使用)无法判断一些东西已被改变。事实上，制作一个完全可访问的对话框一点也不难，你只需要理解几行代码的重要性。
JavaScript MVC
中文：http://blog.youmila.com/?p=423 —from yapollo.li@gmail.com英文：http://www.alistapart.com/articles/javascript-mvc/ —from Jonathan Snook
javascript 已经从一个“小演员”发展成为舞台的中心”人物“。它的足迹已经遍布我们的服务器和发展计划的一览表中，并且正在持续增长中。因此我们必须思考怎样才能提高我们的javascript代码的重用性和更容易维护性呢？或许，MVC能够给我们一些好的提示。MVC对于后端应用程序开发及其开 ...
1. 前言
Internet的高速发展，给人们的工作和生活带来了极大的便利，对Internet的服务品质和访问速度要求越来越高，虽然带宽不断增加，用户数量也在不断增加，受Web服务器的负荷和传输距离等因数的影响，响应速度慢还是经常抱怨和困扰。解决方案就是在网络传输上利用缓存技术使得Web服务数据流能就近访问，是优化网络数据传输非常有效的技术，从而获得高速的体验和品质保证。
网络缓存技术，其目的就是减少网络中冗余数据的重复传输，使之最小化，将广域传输转为本地或就近访问。互联网上传递的内容，大部分为重复的Web/FTP数据，Cache服务器及应用Caching技术的网络设备，可大大优 ...
客户端(浏览器)安全
同源策略（Same Origin Policy）
同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。
如：
不能通过Ajax获取另一个源的数据；
JavaScript不能访问页面中iframe加载的跨域资源。
对 http://store.company.com/dir/page.html 同源检测
跨域限制
观看者：有xml，javascript基础的同学
目标：深入了解svg和vml的path属性
实现方式：代码及相关文字解释。希望能一步步写完代码当你看完也就掌握了。
先看两个例子分别了解一下svg和vml 的path用法。
VML：
[html] view plaincopy
Sublime Text 2是那种让人会一眼就爱上的编辑器，不仅GUI让人眼前一亮，功能更是没的说，拓展性目前来说也完全够用了，网上介绍软件的文章和推荐插件的文章也不少，而且很不错，大家可以去找找自己需要的。
之前想设置什么都是直接在网上搜，但最近想调行距，这个把我给难住了，软件上的设置没找到，网上搜也没有，最后的最后在Sublime的
位操作符在我们编码过程中是容易被遗忘的，可能更多的源于我们并不知道这些操作究竟代表什么，或者有什么样的作用，位操作符主要涉及有按位与(&)、按位或(|)、按位非(~)、按位异或(^)、左移(<<)、有符号右移(>>)、无符号右移(>>>),本文主要讲的是按位非(~)。
关于这个位操作的原理，大家可以参考这里。
按位非(~)操作对数值进行操作后，结果为-(N + 1),如：
~2 == -3;//true
~1 == -2;//true
~0 == -1;//true
~-1 == 0;//true
但这个位操作符的 ...