勾崽

面向对象是软件程序设计开发的一种方法，一种编程范式，其本质是以建立模型体现出来的抽象思维过程和面向对象的方法。

上一篇内容：《有了 HTTP 协议，为什么还需要 Websocket？》 让我们了解了 Websocket 的特点和通信原理，我们接着来看 Websocket 服务端与客户端实现。

​WebSocket 是一种基于 TCP 连接上进行全双工通信的协议，相对于 HTTP 这种非持久的协议来说，WebSocket 是一个持久化网络通信的协议。

翻看前面几篇内容，关于 JSX 交互部分，用户的页面操作，都是由表单承接的，那么接下来的表单的处理就是重点了。

翻翻前面的文章，组件的概念、组件的传值、以及组件状态的相关内容俺都写完啦！ 聪明的宝贝应该发现了，学习 React ，除了环境搭建和不多的JSX语法外，极大的篇幅都在学习 React 中的数据流管理。

组件状态 状态可以简单的理解为数据，与 props 类似，但是 state 是私有的，并且完全受控于当前组件，因此组件状态指的就是一个组件自己维护的数据。

组件布局小案例 结合之前写的内容（有兴趣的铁铁看主页往前翻），做一个界面布局的小案例。总的来说，就是利用向组件传递JSX 特性实现的。

组件允许你将 UI 拆分为独立可复用的代码片段，并对每个片段进行独立构思。从概念上类似于 JavaScript 函数。

JSX  基本语法 JSX 是一个 JavaScript 的语法扩展，它不是字符串，也不是 HTML，JSX 可以很好地描述 UI 交互的本质形式，它具有 JavaScript 的全部功能。