尤雨溪的 Live 说了哪些技术名词？

时间 2019-11-16

标签 live 哪些技术名词繁體版

原文原文链接

购买 Live 请点这里css

如下都是我本身的理解，不是原话。html

本文只列举和解释名词，想听大神的观点仍是要买 Live 。前端

这篇文章主要是给两类人看：node

买了 Live 可是没有听清里面的一些英文的人。
想买 Live，可是怕买了 Live 听不懂的人。react

UDP

开场有一个 UDP 笑话。git

不少前端听不懂这个笑话。这个笑话跟另外一个笑话很像：github

A:「我给你们讲一个笑话：从前有个太监。」
B: 下面呢？
A: 「下面没了」
B: 哈哈编程

那么这个 UDP 的笑话是什么意思？随便搜一下你就知道：由于UDP没有TCP那些可靠的机制，在数据传递时，若是网络质量很差，就会很容易丢包。浏览器

因此这个笑话是关于丢包的……网络

我这么严肃地解释笑话是否是很尴尬……

框架挑选

不谈场景论好坏都是耍流氓。
你要作的应该是该用 Vue 的时候用 Vue，该用 React 的时候用 React，该用 jQuery 的时候用 jQuery。

你一个都没学会？算我没说。

至于如何挑选框架，只有老司机会选，你首先要变成一个老司机。

组件

组件已是各类框架的共识，你必须知道什么是组件。组件的定义就是……一个很抽象的东西。个人理解是变形金刚合体的时候，有人组成头部，有人组成裆部，这些人就是组件了。

每一个组件能够由其余小组件组成。好比裆部能够分红柱状组件和两球状组件。

至于组件的严格定义，并无。

组件的状态（state）

一个组件能够有多种形态，好比上面的柱状组件能够是硬直状态，也能够是疲软状态。（原谅我飙车了）。

组件的分类

展现型组件、接入型组件（如 container）、交互型组件（如 form）、功能型组件（如 router、transition）

JSX V.S. 模板

Tutorial: JSX
JavaScript Templating

JSX 适合逻辑多的场景，模板适合逻辑少的场景。

Colocation

把该放在一块儿的东西放在一块儿。

跟几年前的 HTML、CSS、JS 分离对应。

Separation Concerns

关注点分离

前端的关注点分离就是 HTML、CSS、JS 分离。

Declarative Programming 声明式编程

你说有啥，就有啥。

wikipedia

Imperative programming 命令式编程

你让我干啥，我就干啥。

wikipedia

意大利面条式编程

你以为谁的代码烂，你就能够说谁的代码是意大利面条。

Spaghetti code

view = render(state)

给我一个 state（数据），我就造出一个 view（DOM）。

Virtual DOM

计算机科学领域的任何问题，均可以经过添加一个中间层来解决。

Virtual DOM 就是应用与 DOM API 之间的中间层。

Manual DOM manipulation is messy and keeping track of the previous DOM state is hard. A solution to this problem is to write your code as if you were recreating the entire DOM whenever state changes. Of course, if you actually recreated the entire DOM every time your application state changed, your app would be very slow and your input fields would lose focus.

virtual-dom is a collection of modules designed to provide a declarative way of representing the DOM for your app. So instead of updating the DOM when your application state changes, you simply create a virtual tree or VTree, which looks like the DOM state that you want. virtual-dom will then figure out how to make the DOM look like this efficiently without recreating all of the DOM nodes.

摘自：Matt-Esch/virtual-dom

本身写一个 Virtual DOM 库并不难。