Viking Zhang vikingmute

##关于本站

看书是一件有意义的事情对于一个程序员看优质的技术书是你快速成长的阶梯我现在在做前端开发发现市场上上有各种鱼龙混杂的书有的完全是抄袭文档有的是大段代码所以我建立了这个站点像各位程序员推荐优质的国外技术书系列每当我看到排列整齐的O'Reilly系列的技术书心中就有一种莫名的喜悦希望你也能在这里找到你心仪的技术书籍

#####本站的书籍分享有这么几个规定

只限于计算机技术类书籍
只分享国外原版电子书（提供已经翻译成中文版本的购买链接）
提供精品国外电子书 O'Reilly系列最受欢迎
只提供pdf格式

##球队纽卡斯尔

####主力阵容

门将：

卡鲁尔

后卫：

丹尼辛普森
科洛奇尼

#Javascript知识结构

##基础

基本类型 String Array Boolean Number Object Function
每个类型的内置函数（ECMA5新加的一些array的函数之类）
Date类型 Regex类型的一些方法和用法（两日期之间相隔天数基本正则等等）
流程控制（if else for while)之类
任务做一个类似underscore的数组小工具类写两三方法即可

##css复习的一些简单要点和知识结构（持续总结）

.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
CSS引入的方式有哪些? link和@import的区别是?
CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？
写出几种IE6 BUG的解决方法和一些相应的css hack
浏览器标准模式和怪异模式之间的区别是什么？
Display属性 Display有几个主要属性？（block+inline+none 块级和内联inline-block）块级和内联有什么区别？举例说明几个块级元素和内联元素？怎样改变元素的display属性？ Inline elements:

respect left & right margins and padding, but not top & bottom

	<li class="selected"><a href="#">New Wave</a></li>
	<li><a href="#">The World of Iggy & The Stooges</a></li>
	<li><a href="#">80s College Rock</a></li>
	<li><a href="#">The American 80s Underground</a></li>
	<li><a href="#">Lo-Fi: Yesterday and Today</a></li>

	一个这样的结构我想监听一个事件当其他的li变成selected的时候就alert一下这个怎么写？

	<html>
	<head>
	<meta equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<style type="text/css">
	html { height: 100% }
	body { height: 100%; margin: 0; padding: 0 }
	#google-map-canvas { height:300px;width:300px; }
	</style>
	<div id="container">

	var Animal = Klass({
	init:function(name){
	this.name = name;
	},
	pow:function(){
	console.log('pow function is animal only '+this.name);
	}
	});

	var Person = Klass({

	//vquery verson 1.0
	(function(){
	//the magic dollar
	var $ = function(sel){
	return new $.prototype.init(sel);
	}
	//代理方法
	$.prototype.init.prototype = $.fn = $.prototype;
	//原型扩展
	$.prototype = {