从2013开始对外发布react，作为开发者，对于react的开发习惯经历了一些变化，如下：
对于Unicode字符，HTML、CSS、JS的计算方式完全不一样，但可以相互转换。
&#{unicode};方式进行表示，例如对于|字符，HTML的表示方式如下： |︤需要特别注意的是，十进制必须至少4位数，也就是说如果不足4位，则“&#”后面补0，再强调一遍，千万不要省略0。
CSS字符计算方式
对于Unicode，CSS采用十六进行方式进行计算，并以\{unicode}方式进行表示，同样以|字符为例，CSS的表示方式如下：
1 | /* 这里并没有4个字符的要求，所以\007C并不是必须的 */ |
JS计算方式
对于Unicode，JS也采用十六进制的方式进行计算，但以“\u{unicode}”的方式表示，继续以“|”字符为例，JS的表示如下：
1 | document.querySelector('span').innerHTML = '\u007C'; |
这里需要特别指出的是，对于innerHTML的赋值即可以采用\u007C方式，也可以采用|HTML方式，但对于input输入框，或者alert打印信息，只能采用\u007C方式。
1 | <html> |
这也是我们在开发过程中、html、css、js对于iconfont的表述不一致的原因
静态 String.fromCharCode() 方法返回由指定的UTF-16代码单元序列创建的字符串。String.fromCharCode(num1, ..., numN)
1 | String.fromCharCode(65, 66, 67); // returns "ABC" |
快应用官网介绍：快应用是一种新的应用形态，以往的手机端应用主要有两种方式：网页、原生应用；网页无需安装，却体验不是很好；原生应用体验流畅，却需要从应用商店下载安装，难以一步直达用户；快应用的出现，就是希望能够让用户无需下载安装，并且还能流畅的体验应用内容。
为了达到上面的目标，快应用建立一种新的语言开发规范，同时提供一系列的开发套件辅助支持。简单来说，开发者主要利用前端知识与技能，以及对应的IDE，手机设备就可以做原型的开发。快应用使用前端技术栈开发，原生渲染，同时具备H5与原生应用的双重优点，开发者使用的前端技术栈资料多，学习成本低。
2018年3月份，由小米，OPPO，VIVO，华为等10家国内主流厂商成立了快应用联盟，从技术规范层面做了统一，并保证了开发者开发的快应用可以直接在所有的联盟内厂商的手机设备上运行。
快应用框架深度集成进各手机厂商的手机操作系统中，可以在操作系统层面形成用户需求与应用服务的无缝连接，很多只用在原生应用中才能使用的功能，在快应用中可以很方便的实现，享受原生应用体验，同时不用担心分发留存等问题，资源消耗也比较少。
对于每台手机设备，应用可以从多个系统入口，引用用户体验产品。比如：全局搜索、负一屏、浏览器搜索等。
开发者参与快应用开发，主要分为以下几个步骤:
一般而言开发者选择服务器会使用linux系统，常见的是Ubuntu和centos，不过现在的云服务上多得很，根据自己的喜好来选择吧。
禁止root用户，并新建含有root权限的用户：
adduser userNamepasswd userNamevim /etc/sudoers；添加内容 userName ALL=(ALL) ALL一般而言，作为前端开发，我们经常听到开发环境尽量不要使用eval；
首先看看一下几个实例：eval运行时的上下文context1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35var context = 'outside';
(function(){
var context = 'inside';
return eval('context');
})();
// inside
var context = 'outside';
(function(){
var context = 'inside';
return eval.call(null, 'context');
})();
// outside
var context = 'outside';
(function(){
var context = 'inside';
return (1, eval)('context');
})();
// outside
var context = 'outside';
(function(){
var context = 'inside';
return (eval)('context');
})();
// inside
var context = 'outside';
(function(){
var context = 'inside';
var my_eval = eval;
return my_eval('context');
})();
// "outside"
可以看到这和eval 的调用方式有关， 需要看是 direct or indirect。
参考：
[Exploring Javascript’s eval() Capabilities And Closure Scoping(https://www.bennadel.com/blog/1926-exploring-javascript-s-eval-capabilities-and-closure-scoping.htm)
javascript eval: direct vs indirect call
Global eval. What are the options?
原文：How to fetch data with React Hooks?
In this tutorial, I want to show you how to fetch data in React with Hooks by using the state and effect hooks. We will use the widely known Hacker News API to fetch popular articles from the tech world. You will also implement your custom hook for the data fetching that can be reused anywhere in your application or published on npm as standalone node package.
本文将会讲述如何在React中通过使用useState和uesEffect来fetch异步获取数据，例子中将使用广为人知的Hacker News API来获取技术领域上的一些受欢迎的文章，同时还会尝试使用自定义Hook来获取数据，以便在开发者的工程或者npm包中来提高复用性。
If you don’t know anything about this new React feature, checkout this introduction to React Hooks. If you want to checkout the finished project for the showcased examples that show how to fetch data in React with Hooks, checkout this GitHub repository.
如果你还不太清楚react的Hook新特性，那么建议先去官方文档或者关于hook的介绍查看相关内容，本文的全部完整示例代码都在这个github仓库中
If you just want to have a ready to go React Hook for data fetching: npm install use-data-api and follow the documentation. Don’t forget to star it if you use it :-)
如果你只是想通过使用Hook来获取数据，可以通过npm install use-data-api，并配合文档use-data-api文档来使用，如果有帮助的话请➕星；
Note: In the future, React Hooks are not be intended for data fetching in React. Instead, a feature called Suspense will be in charge for it. The following walkthrough is nonetheless a great way to learn more about state and effect hooks in React.
注意：在将来，React Hooks并不计划一直成为异步获取数据的方式，而是使用以后的新特性 Suspense 来获取数据，不过通过本文的内容依然是一个学习好state和effect相关Hook的不错方法。
It provides a third-party extension point between dispatching an action, and the moment it reaches the reducer.
这是 redux 作者 Dan 对 middleware 的描述，middleware 提供了一个分类处理 action 的机会，在 middleware 中你可以检阅每一个流过的 action，挑选出特定类型的 action 进行相应操作，给你一次改变 action 的机会。
redux是一个单向数据流库， 下图是redux中一个简单的同步单向数据流动的场景，点击 button 后，在回调中 dispatch 一个 action，reducer 收到 action 后，更新 state 并通知 view 重新渲染。单向数据流，
在开发者使用的时候并没有什么问题，如果在复杂场景中，我们再dispatch 一个 action的时候需要去服务端获取数据，并且需要打印请求发起reque记录和请求结果response记录，如果只是修改某一次的dispatch，那么其他我们直接修改就好了，但是如果每一次的dispatch都需要被记录呢？如果还是在原来的代码中添加的话，那么将会变得不可控，意于是redux 作者 Dan引入了 middleware，
这种模式就是可以组合的，自由插拔的插件机制，借鉴于KOA的中间件思想，使用 middleware 来增强 dispatch ，完成我们需要的一些功能。