书籍整理：
程序员面试金典（第5版）.pdf http://vdisk.weibo.com/s/D2zXXYpTKPKx
程序员编程艺术— 面试和算法心得pdf版 http://url.cn/M3vj4Z
刷题oj：
leetcode http://oj.leetcode.com/problems/
刷剑指offer http://ac.jobdu.com/hhtproblems.php#
Java 内存区域和GC机制
http://www.cnblogs.com/zhguang/p/3257367.html#introduction
http://www.ibm.com/developerworks/cn/ja
继续阅读 »
XULRunner 可以通过运用 Web 开发技术构建桌面应用程序。它提供了丰富的 UI 部件集，使用 XUL，可以直接与 HTML 混合使用并可大量使用 JavaScript。
基本概念
XULRunner
XULRunner是Mozilla运行包，可以启动类似Firefox和Tunderbird这样多功能的XUL+XPCOM结合的程序。它为程序提供安装、升级、删除机制。 XULRunner还会提供libxul, 它允许其它项目或产品嵌入使用谋智(Mozilla)技术。
XUL
XUL是一个Mozilla使用XML来描述用户界面的一种技术，使用XUL你可以快速的创建出跨平台，基于因特网的应用程序。基于XUL技术的应用
继续阅读 »
单页面架构的 dom 结构是用 js 动态构建出来的，而搜索引擎抓取的时候是不管 js 的，这样单页面架构是很不利于 SEO 的，而 SEO 对于一个对外的应用来说是非常重要的，放弃 SEO 等于放弃了网站的最大的流量入口：搜索引擎。
单页面应用 SEO 优化的思路就是判断请求是否来自搜索引擎，如果是搜索引擎在爬取页面，提供一个无界面的浏览器去访问网页，得到通过 js 渲染过后的 html 代码，再返回给搜索引擎。
继续阅读 »
事件处理
React中的事件处理方式与HTML方式类似，都是通过为标签添加属性来声明事件处理函数。如下所示：
```javascript
var LikeButton = React.createClass({
getInitialState: function(){
return {like: true};
},
handleClick: function(){
this.setState({like: !this.state.like});
},
render: function(){
return (
继续阅读 »
common.css
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}html {-webkit-text-size-adjust: none;}body {font-family: Arial, Helvetica, sans-serif;margin: 0;color: #333;word-wrap: break-word;}h1, h2, h3, h4, h5, h6 {line-height: 1.1;}img {max-width: 100% !important;}blockquote {margin: 0;padding: 0 15px;color: #777;bor
继续阅读 »
在大型、复杂和快速迭代的系统中，CSS 将非常难以维护。原因之一就是 CSS 没有作用域的概念，每个 CSS 都是全局的，这意味着对 CSS 的任何修改就可能导致一些 UI 的级联改变。
CSS 的扩展语言 -- CSS 预处理器，比如 Sass、Less 和 Stylus，使我们编写 CSS 更加容易，但在我看来，这些 CSS 的扩展语言并没有真正解决可扩展性问题。
在 CSS 支持作用域机制之前，我们需要一种机制，使我们的样式只与特定的 HTML 部分关联，这就是 CSS 方法论。本文将讨论如下的 CSS 方法论：
Object-Oriented CSS (OOCSS)
Block, Element, Modifier (
继续阅读 »
非xss题 但是欢迎留言~
地址：get the flag
读取源码
在页面底部发现一个这样的链接：http://cms.nuptzj.cn/about.php?file=sm.txt ，说明题目提供了读取文件功能，如果使用 file://协议 读取，HTML预留字符会以字符实体显示，看起来不方便，所以也可以编码读取后再本地解码。
```php
http://cms.nuptzj.cn/about.php?file=php://filter/convert.base64-encode/resource=filename
在拿到的文件里搜索 ".php" ，顺藤摸瓜，能找到并读取到的文件有：
sm.txt
about.p
继续阅读 »
初识D3
D3是指数据驱动文档（Data-Driven Documents），根据D3的官方定义：
D3.js是一个JavaScript库，它可以通过数据来操作文档。D3可以通过使用HTML、SVG和CSS把数据鲜活形象地展现出来。D3严格遵循Web标准，因而可以让你的程序轻松兼容现代主流浏览器并避免对特定框架的依赖。同时，它提供了强大的可视化组件，可以让使用者以数据驱动的方式去操作DOM。----D3维基（2013年8月）
从一个Hello Wordld示例来看看d3如何运行 点击查看在线DEMO
```javascript
function render(data){
var demo = d3.select('b
继续阅读 »
直接写
js
function imgError(image) {
image.onerror = null; // prevent event bubble
image.src = "/images/noimage.gif";
return true;
}
html
使用 jQuery
```js
$("img").error(function () {
$(this).unbind("error").attr("src", "broken.gif");
});
//If you use this technique you can use the "one" method to av
继续阅读 »
写在前面：本文主要收集一些常用的外部资源。有好的资源欢迎留言推荐。
HTML/CSS/JS
ES6入门
Css参考手册
MDN-Mozilla开发者网络
W3C School
继续阅读 »