知识变得越抽象复杂，产生疯癫的危险性越大。 —— 哲学家 米歇尔·福柯 《疯癫与文明》

目标：梳理打通整个知识体系

这道题目的知识覆盖量非常之广，很适合用来梳理自己的知识体系

https://juejin.im/entry/5aa9e0936fb9a028c22a7cb2

悲伤有一种魔力，有时候会变成智慧。虽然不能带来快乐，却同样能带来幸福。—— 作家 赛珍珠

为什么会有兼容性问题？

市场上浏览的内核不尽相同，所以各个浏览器对网页的解析就会有一定的出入。如果我们的网页需要在主流浏览器上正常运行，就需要做好兼容

Trident内核的浏览器： IE、Maxthon、TT
Gecko内核：Firefox、Netcape6及以上版本
Presto内核：Opera7及以上版本
Webkit内核：Chrome、Safari

她那时候还太年轻，不知道所有命运赠送的礼物，早已经在暗中标好了价格。 ——《断头王后》斯蒂芬·茨威格

各种浏览器的特性

• IE : trident内核，非开源。兼容性好。银行只支持IE。
• Chrome ： webkit内核，开源。启动快，速度快，不过需要大内存才能使用流畅。
• Firefox ： gekco内核，开源。扩展性强。插件定制方便。
• Opera ： presto内核，开源。快速。
• 猎豹：采用Triden和Webkit双核。
• 360安全浏览器 ： 主要使用了IE的内核并增加了很多安全和使用模块。
• 360极速浏览器 : 主要是使用了Chrome和IE双内核，并能自由切换，比较快。

从明天起 做一个幸福的人，劈柴、喂马、周游世界，从明天起 关心粮食和蔬菜，我有一所房子，面朝大海，春暖花开。 ——海子《面朝大海，春暖花开》节选

属性值

• absolute：生成绝对定位的元素，元素脱离正常文档流，相对于static定位以外的 第一个父元素 进行定位。元素的位置通过”top”、”right”、”bottom”、”left”属性进行规定。层叠通过z-index属性定义
• fixed：生成固定定位的元素，元素脱离正常文档流，相对于浏览器窗口进行定位。元素的位置通过”top”、”right”、”bottom”、”left”属性进行规定。
• relative: 生成相对定位的元素，元素遵循正常文档流，相对于其正常位置进行定位。按照元素的原始位置进行移动
• static：默认值。没有定位，元素遵循正常的文档流中（ top, bottom, left, right 或者 z-index 声明不会被应用）。
• inherit：规定应该从父元素继承position属性的值。

Node应用有哪几部分组成

• 引入required模块：我们可以使用require指令来载入 Node.js 模块
• 创建服务器：服务器可以监听客户端的请求，类似于Apache、Nginx等HTTP服务器
• 接受请求与响应请求：服务器很容易创建，客户端可以使用浏览器或终端发送HTTP请求，服务器接受请求后返回响应数据
  —-待续
  阅读全文 »

沧浪之水清兮，可以濯吾缨；沧浪之水浊兮，可以濯吾足。——《渔父》

单行文本：

1
2
3
4

.one{
    line-height:100px; 
    text-align:center;
}

多行文本:

把文字当图片处理，用span包裹，然后处理成图片display:inline-block, 然后父元素设置table-cell

我们似乎很容易就会安于现状，怀疑着、踟蹰着不敢向前迈出一步，但等自己真的尝试去做了，霍然回首，原来也不是很难，又成长了一些。 ——龙龙 《随笔》

前言

1995年，netscape公司一位名叫Brendan Eich的工程师创造了JavaScript，当时js名为LiveScript，后来因为sun公司的Java语言的兴起和广泛使用，Netscape出于宣传和推广的考虑，更名为JavaScript。尽管两者之间咩有什么共同点，这便是产生混淆的根源。
与大多数编程语言不同，Js并没有输入或输出的概念。他是一个在宿主环境下运行的脚本语言，任何与外界沟通的机制都是由宿主环境提供的。浏览器是最常见的宿主环境，但在非常多的其他程序中也包含JS解释器，如Adobe Acrobat、Photoshop、SVG图像、Yahoo！的Widget引擎，以及Node.js之类的服务器环境。JS的实际应用远不止这些，还有NoSQL数据库、嵌入式计算机，以及包括GNOME在内的桌面环境等等

Change is the only proof of life. —— Evelyn Waugh 《Brideshead Revisited》

所有在JSX中声明的函数，都会被委托在最顶层的document节点上，并用组件名和事件名来存储回调函数，
每次当某个组件触发事件时，在document上绑定的监听函数就会找到这个组件和他所有的父组件，
对每个组件创建对应的react合成事件，并批处理，从而根据事件名和组件名调用回调函数

关于setState

• 原理：在执行this.setState()时，react并没有急着立即更新state，而是把新的state存到一个队列中。对传进去的对象进行合并，然后在统一处理，触发重新渲染过程。
• setState()并不会立即改变this.state,而是创建一个即将处理的state。setState()并不一定是同步的。为了提升性能React会批量执行state()和DOM渲染
• setState()总是会触发一次组件重绘，除非在showComponentUpdate()中实现了一些条件条件渲染逻辑
• 把setState()看做是重新render的一次请求而不是立即更新组件的指令

谁等待了足够的时间，谁就将永远等待下去，超过了某一个期限，就什么也不会发生了。 —— 塞缪尔·贝克特 《马龙之死》

基本用法

Router组件本身只是一个容器，真正的路由要通过Route组件定义。Route组件定义了URL路径与组件的对应关系。

嵌套

注释：导航栏 应该在每一个屏幕中都有，如果没有react router，我们将把ul封装为一个组件，比如Nav，然后将 Nav 渲染近每一个屏幕；
但是随着项目的复杂度的增加，会使得项目代码冗余，react-router提供了另外一种方式和嵌套路由共享UI