React.js基础说明

React 是”一个用于构建用户界面的 JavaScript 类库”.对应到前端框架MVC的话，是V这一层，只专注于视图这一层，也就是对于数据经常变化而影响视图变化的解决方案。

React 使用的是特殊的 JavaScript 语法, 叫做 JSX.
主要的目标是提供一个能表示 React 内部的 DOM 的符合直觉的语法糖,用更简单封装更好的语法来些React.
React 关于JSX官方教程 上其他的用法也很好懂.

• 布谷鸟时钟 SVG、CSS3实现
• 动画树-SVG SVG、CSS3实现
• 落叶动画-CSS3、JS JS、CSS3实现
• 放烟花 JS、CSS3
• 今天极客新闻-WebAPP React.js、jqueryFeed、RSS
• 你是那么与众不同-CSS3、JS JS、CSS3实现
• 春在动，心已远 春在动-心已远

入门：

• javascript入门教程
• javascript标准参考教程

进阶：

• 《javascript权威指南》
• javascript高级教程，内容是著名的《javascript高级程序设计》的内容
• 《深入理解javascript系列>>汤姆大叔的博客，多本javascript书籍的翻译者
• 正则表达式30分钟入门教程
• jQuery
  • 锋利的jQuery
• Zeptojs / zeptojs中文版说明 轻量级的针对现代高级浏览器的JavaScript库

入门

• css基础教程

进阶

• 《精通CSS(第2版)》
• CSS3 Media Queries
• Less 一种动态样式语言

入门

• html5教程

提高

• 《HTML5高级程序设计》 pdf下载
• HTML5 app demos

HTTP2

HTTP2在今年中应该就可以定稿，这无疑是web界的一个大事。HTTP2从google的SPDY中借鉴了很多特性，重点改善了之前HTTP协议在当前的网络环境下的性能。简单地来讲，HTTP2更快。为什么呢，有几个主要改变：

• 首先是来自于同一个domain的HTTP请求可以共享同一个TCP连接了，这样可以很大程度上解决网络延时带来的性能问题。比如你有很多图片，现在也不用sprite化了，因为反正它们会用同一个连接的。HTTP2的出现让之前的很多web前端优化技术可能不再需要了。
  HTTP2不再是纯文本的了，而是二进制的协议了，这样协议的解析也更简单，而传输也更快。缺点是debug的时候需要费点功夫了。
• HTTP2还有其他一些特性，例如header压缩等，大家可以到这里集中学习一下。或者看看这个FAQ。

Frontend Knowledge Structure

项目起源

还记得@jayli 的这幅前端知识结构图么。

环境搭建

• eclipse 开发工具

• Felix Framework OSGI插件运行环境
  安装运行步骤:

  • 下载felix

1. 井号在URL中指定的是页面中的一个位置

井号作为页面定位符出现在URL中，比如：

http://www.httpwatch.com/features.htm#print

此URL表示在页面features.htm中print的位置。浏览器读取这个URL后，会自动将print位置滚动至可视区域。

关键字：Android 移动应用 设计 移动设计 卡片
在Android甚至是Google都在改变(谷歌开始重视设计)的前提下，我们看到了Google新的设计元素–卡片。卡片的设计我们可以认为出自Matias Duarte之手，可以认为它的思想来自于WebOS。