What You’ll Learn

• How to create a React App
• How to create component
• How to manage state and properties
• How to handle events
• How to work with forms and input
• How to work with JSX
• How to use lifecircle method
• How to fetch data from API

WebSocket

WebSocket是HTML5新增的协议，它的目的是在浏览器和服务器之间建立一个不受限的双向通信的通道，比如说，服务器可以在任意时刻发送消息给浏览器。

初次接触 WebSocket 的人，都会问同样的问题：我们已经有了 HTTP 协议，为什么还需要另一个协议？它能带来什么好处？
答案很简单，因为 HTTP 协议有一个缺陷： 通信只能由客户端发起。

WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

现在，很多网站为了实现推送技术，所用的技术都是轮询。轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器发出HTTP请求，然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点，即浏览器需要不断的向服务器发出请求，然而HTTP请求可能包含较长的头部，其中真正有效的数据可能只是很小的一部分，显然这样会浪费很多的带宽等资源。
而比较新的技术去做轮询的效果是Comet。这种技术虽然可以双向通信，但依然需要反复发出请求。而且在Comet中，普遍采用的长链接，也会消耗服务器资源。
在这种情况下，HTML5定义了WebSocket协议，能更好的节省服务器资源和带宽，并且能够更实时地进行通讯。

socket.io

由于项目的需要，我将学习如何在一台空的Ubuntu机器上，配置Node.js + MongoDB的生产环境，这里是整个的搭建配置流程，使用了DigitalOcean作为VPS，搭建了一个远程的环境，用来部署Node.js App。

9.30

人要活在当下，不要活在过去，过去的已经无法改变，也不要为了未来而活，因为你不知道明天和意外哪个先来。要想成功，就努力做好今天的事，把握好当下的每一分钟。

散户要想在股市上不赔钱、只要按下面3个简单的指标选股既可：1、造择5-10年净资产收益率达到15%以上的企业。2、净资产收益率除市净率高于15%；3、每年都保证能有有现金分红的企业。

市盈率是企业利润对市场价格的比率、利润是可以调节的而市场价格是随时波动的、市净率是企业净资产对比市场价格、而企业的净资产则要稳定的多、也不容易做手脚、所以在估值上市净率是比较靠谱的，另外在股市上只有净资产才是你真实的不含水份的股权资产、在不卖出股权长期持股的情况下市值只能算是泡沫！

2008年美国金融风暴中影响中，有股评家有理有据、言之凿凿说2007年业绩是未来银行的天花板，未来将不断走下坡路，不排除再一次需要政府救援过难关。这一开头，看空银行业评论席卷华夏大地、愈演愈烈，经久不衰，让众多股评家们趋之若蚁，大有不唱空银行不懂经济、不懂股市之嫌疑，全社会唱空、唱衰银行股之势至今已延续9年之久，估计还将发酵下去。 殊不知，这八年来兴业银行从07年净利润86亿元增长至2015年的535亿元，八年间增长6.23倍，年均增长25.70%；拨备前利润从07年126亿元增长至2015年1092亿元，八年间增长8.67倍，年均增长31.00%。此情此景，不知道那些坚持看空银行的股评家怎么看自己？“谎言千遍成真理”，银行股就是典型案例。

1992年索罗斯大战英格兰央行的时候，他的基金经理人德鲁肯米勒认为这是一次难得的好机会，甚至建议把所有钱都押上，当他把这个想法告诉索罗斯的时候，索罗斯说这“太荒谬了……你知道这种事情多久才能出现一次吗？所以，要做的不是把所有的钱押上去，而是要把所有能搞到的钱，都押上去。”结果他们加上杠杆，总共投了100亿美金，最终大获全胜。

巴菲特：“我从来没发现高等数学在投资中有什么作用，只要懂小学算术就足够了。如果高等数学是必需的，我就得回去送报纸了。”

银行业从行业整体角度看，无论如何开放，它永远都会存在进入障碍——政府和监管机构不会无限制地提供自己的信用担保和无限流动性便利。这是天然的进入壁垒，保证了产业内部不会演化成恶性竞争。这门生意没有天花板，拥有自己的独特竞争优势且具备一定的进入壁垒。是个值得关注和投资的行业。——《手把手教你读财报2》

上一篇文章主要介绍了koa2的基本操作(坐下坐下)，但是每次都返回一样的HTML似乎也不可能，所以现在我们需要来处理URL了。

直接来点高级点的东西，我们需要一个能处理URL的middleware，它叫做:koa-router:

npm install koa-router

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

const Koa = require('koa');
const router = require('koa-router')();
const app = Koa();
router.get('/hello/:name', async(ctx, next) => {
  var name = ctx.params.name;
  ctx.response.body = `<h1>Hello, {$name}!</h1>`;
});
router.get('/', async(ctx, next) => {
  ctx.response.body = '<h1>Index Page</h1>';
});
// add router middleware
app.use(router.routes());
app.listen(3000);
console.log('Server listen on port 3000...');

这里的代码，会在访问网址localhost:3000时返回Index Page，而在访问localhost:3000/hello/louis的时候，显示的就是Hello, louis!了，这样router就为我们达到了处理URL的功能。注意一下，在引入router的时候，是多一个括号的，这说明我们引入的router是一个对象，而前面Koa引入的其实是一个类(所以它被大写了~)。

C/S架构是早期的软件架构，其特征是客户端运行在PC上，数据库运行在服务器上。但是随着互联网点兴起，人们发现C/S架构并不适合Web应用，因为Web应用的更新速度很快，迭代周期很短，而CS架构要求每次迭代都更新客户端，这太麻烦了，于是就有了B/S架构。

Web开发经历的阶段:

• 静态Web页面
• CGI(Common Gateway Interface，用C/C++编写的)
• ASP/JSP/PHP(脚本语言相比C/C++开发效率高)
• MVC(解决了直接用脚本嵌入HTML导致的可维护性差的问题)
• 异步开发、MVVM…

记录思想，整理笔记、知识，并将其中承载的价值传播给他人

• 整理知识，学习笔记
• 发布日记，杂文，所见所想
• 撰写发布技术文稿（代码支持）

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1

$ hexo new "My New Post"

More info: Writing

Run server

1

$ hexo server

More info: Server

Generate static files

1

$ hexo generate

More info: Generating

Deploy to remote sites

1

$ hexo deploy

More info: Deployment