一、容器的理解 容器的本质实际上是一个进程，一个视图被隔离，资源受限制的进程。 容器里PID = 1的进程就是应用本身，管理虚拟机 = 管理基础设施，管理容器 = 管理应用本身。 那么Kubernetes呢？ Kubernetes就是云时代的操作系统，以此类推，容器镜像其实就是这个操作系统的软件安装包。 二、Pod的理解 1、进程组的概念...

众所周知，前端有三大主流框架：Vue、React、Angular，这些前端框架可以帮助我们快速搭建项目，但是我们在实际项目中往往还需要投入很大精力去使用其他代码库与应用作为补充支持（如：需要一些基础的UI组件库，需要HTTP请求库等），另外，在实际应用到不同领域时，会有很多重复性的开发工作。正因为上述原因，我们构建了...

自定义系列（custom series），是一种系列的类型。它把绘制图形元素这一步留给开发者去做，从而开发者能在坐标系中自由绘制出自己需要的图表。利用好自定义系列，你会觉得Echarts无所不能了。

graphic 是原生图形元素组件。可以支持的图形元素包括：Image, Text, Circle, Sector, Ring, Rect, Polygon, Polyline, Line, BezierCurve, Arc, Group 。这篇文章分别介绍graphic的通用设置，以及通用事件，接下来会分别介绍每种图形的绘制方法。

这篇文章会首先介绍使用echarts的最简单的例子，然后介绍一些通用的配置项。后面会拿几篇文章专门讲解echarts的graphic, 以及echarts的自定义系列，掌握了echarts的自定义系列的用法，那绘制任何图形都不在话下。除了普通的渲染，还有一些交互行为，比如拖动等等，后面也会介绍。所以主要包含几个方面：1、echarts的通用...

最近因为在给一个小同学做学习计划，所以也记录一些知识点，便于后面的同学的学习交流。这篇文章是关于Javascript的面向对象的程序设计，主要从三个方面来介绍，1. 理解对象属性； 2. 理解并创建对象; 3. 理解继承

汇报时间一般在10分钟~15分钟左右，如果10分钟，最好不要超过10页PPT, 15分钟不要超过15页PPT。70%的时间讲完核心故事， 如果20分钟汇报就是14，15分钟讲核心， 30%也就是 5.6页的汇报，这5.6页的汇报是可讲可不讲。如果要做一些数据的回顾，或者担心老板会问一些数据，可以把这些数据打印出来。不要让老板有太多思考的...

text, tspan <text>和<tspan>标签是定义文本的基本标签。 text 属性 x: 文本绘制x轴位置y: 文本绘制y轴位置dx: 每个字符相对前一个字符的偏移距离dy: 每个字符相对前一个字符的偏移距离 {代码...} 文本水平垂直居中 水平排列 text-anchor属性可设置文本水平排列，有三个取值 start | middle | end {代码...}...

SVG的<defs>元素用于预定义一个元素使其能够在SVG图像中重复使用。在<defs>元素中定义的图形不会直接显示在SVG图像上。要显示它们需要使用<use>元素来引入它们。如下面的代码所示：

SVG 有一些预定义的形状元素，可被开发者使用和操作：矩形 <rect>圆形 <circle>椭圆 <ellipse>线 <line>折线 <polyline>多边形 <polygon>路径 <path>

IP：网络层协议； TCP和UDP：传输层协议； HTTP：应用层协议； SOCKET：TCP/IP网络的API。 {代码...} TCP TCP（Transmission Control Protocol，传输控制协议）是面向连接的协议，也就是说，在收发数据前，必须和对方建立可靠的连接。一个TCP连接必须要经过三次“对话”才能建立起来，其中的过程非常复杂，只简单的描述下...

mixin 在React中使用mixin {代码...} ES6 Classes与decorator 使用我们推荐的ES6 classes形成构建组件时，它并不支持mixin. 高阶组件 属性代理 {代码...} 组合式组件开发实践 组件再分离 {代码...} 组件再抽象 {代码...}

文本框 {代码...} 单选按钮 {代码...} 复选框 {代码...} Select组件 {代码...} Select多选组件 {代码...}

箭头函数不仅是函数的"语法糖", 它还自动绑定了定义此函数作用域的this, 因此我们不需要再对它使用bind方法。比如，以下方式就行运行。

export {代码...} import {代码...} export default 语句 如果不想为某个属性或方法指定输入的名称，可以使用export default 语句。 {代码...}

Promise构造函数接收一个函数作为参数，该函数的两个参数分别是resolve方法和reject方法。如果异步操作成功，则用resolve方法将Promise对象的状态变为"成功"（即从pending变为resolved); 如果异步操作失败，则用reject方法将状态变为"失败"（即从pending变为rejected）.

React会将所有要显示到DOM的字符串转义，防止XSS。所以，如果JSX中含有转义后的实体字符，比如© 则最后到DOM中不会正确显示，因为React 自动把©中的特殊字符转义了。有几种解决办法：

add(value)：添加某个值，返回Set结构本身。delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。has(value)：返回一个布尔值，表示该值是否为Set的成员。clear()：清除所有成员，没有返回值。

{代码...}

ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言的第七种数据类型，前六种是：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。

函数参数的默认值 {代码...} 函数length 的属性 指定了默认值以后，函数的length属性，将返回没有指定默认值的参数个数。也就是说，指定了默认值后，length属性将失真。 {代码...} 如果设置了默认值的参数不是尾参数，那么length属性也不再计入后面的参数了 {代码...} 作用域 {代码...} 上面代码中，参数y的默认值等于x...

{代码...} JSX <div id="example"></div> {代码...} ReactDOM.render方法接受两个参数：一个虚拟 DOM 节点和一个真实 DOM 节点，作用是将虚拟 DOM 挂载到真实 DOM。 React 组件语法 <div id="example"></div> {代码...} 或者： {代码...} class MyTitle extends React.Component是 ES6 语法，表...

{代码...}

{代码...}

{代码...}

Babel 入门 [链接] Babel packages [链接] 谈谈Babel v6的新特性及未来定位 [链接] Babel 在线转换 [链接] Babel 使用指南 [链接] 1. Babel core 浏览器环境 安装： npm install --save-dev babel-core@5 2. 命令行转码babel-cli 安装: npm install --save-dev babel-cli 改写package.json {代码...} 转码的时候，就执行...

{代码...}

$on() - 监听事件$emit()- 把事件沿着作用域链向上派送$dispath() - 派发事件，事件沿着父链冒泡$ broadcast() - 广播事件，事件向下传导给所有的后代

添加组件属性，有一个地方需要注意，就是 class 属性需要写成 className ，for 属性需要写成 htmlFor ，这是因为 class 和 for 是 JavaScript 的保留字。