罐头厂街位于加利福尼亚州的蒙特利半岛。它是一首诗，一股恶臭，一阵刺耳的噪声，一片深浅不变的光，一个音调，一种习惯，一阵思乡之情，一个梦。

Cannery Row in Monterey in California is a poem, a stink, a grating noise, a quality of light, atone, a habit, a nostalgia, a dream.

约翰・斯坦贝克（Steinbeck John）

很久以前，读了 约翰・斯坦贝克 的一本小说 《人鼠之间》。正好联想到现在中美贸易战大家对老美的看法，为啥老美现在在我们眼睛里变成 “不守信用”、“狂妄自大” 的形象呢（多半拜 特朗普 所赐）？但起码在 《人鼠之间》 里，我们能看到人性的辉光。

加油宝专属

对于 coder 来说，实现一个功能、一个框架、一个项目当然是主要任务。但是作为一个有追求的 coder 来说，还有两个目标是要去一直追寻的，简单来说，一个是 “快”，一个是 “省”。让代码运行得更快，涉及到代码的执行效率问题；让代码运行时更节省内存等资源，涉及到代码执行时的资源消耗问题；对此 2 问题的分析标准，就是我们今天主要探索的时间复杂度 (评判效率) 和空间复杂度 (评判资源消耗)。

1 时间复杂度

1 例句摘抄

2 单词

React 组件最终会生成 HTML，所以你可以使用给普通 HTML 设置 CSS 一样的方法来设置样式。此外，React组件还增加了行内样式 – React组件内置了prop – style 可以快速方便地给组件添加行内样式。 也就是说，React支持两种指定样式方式

• css样式

1
2
3
4
5
6

.star {
  background-color: grey;
}
.star.selected {
  background-color: red;
}

1
2
3

import './star.css';

const component = <Star className={(selected ? 'star selected' : 'star')}

• 行内样式

1
2
3
4
5
6

const Styles = {
  buttonStyle: {
    color: '#fff'
  }
}
const component = <Component style={Styles.buttonStyle} />;

React 作为前端框架，其管理的是一个个 UI 控件，而在 React 的语言体系中，我们将之称为 component – 组件。

狭义上来说，组件一般是 UI 组件，负责展示及和用户的交互。而广义上，组件是带有一定业务含义的，其不仅有与用户的交互，更重要的是数据与UI控件们之间的交互。

我们在之前介绍JSX时介绍过，React 通过自定义元素的方式实现组件化(虚拟DOM)，组件元素被描述成纯粹的 JSON 对象，意味着可以使用方法或是类来构建。React 组件基本上由 3 个部分组成 —— 属性（props）、状态（state）以及生命周期方法。通过 JSX，我们通常将要渲染的组件组成一棵组件树，就像搭乐高玩具一样一步步组成最终我们想要的 UI 界面。

虽说是编程规范，但是本文旨在总结我在日常工作中与学习网上同行经验中收集来的一些最佳实践。建议平时编程尽自己最大能力编写最佳实践的代码，有助于提升自己的代码质量，同时也可以让自己在无形中养成追求卓越、追求优雅的气质。

1 优雅的语法

1 例句摘抄

2 单词

本章我们将探讨JavaScript中继承与多态的设计及实现。

1 JavaScript的继承