乔胜传的博客

Angular系列教程:

• Angular4第二课 – 基本概念解析
• Angular4第三课 – 从Heroes的栗子看Angular

One framework. Mobile & desktop.^来源

而Angular是什么呢？我看到这句话

Angular is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges.^来源

上面说，Angular是一个框架，还整合了声明式模板、依赖注入和端对端工具。具体点呢？

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript^来源.

这意味着所有的ES6代码都是完全有效的且可编译的TypeScript代码(通俗一点，就是任何合法的JavaScript程序都是合法的TypeScript程序)。

为什么我们需要使用TypeScript呢？目前广泛应用的JavaScript标准还是ES5，在如今大规模JavaScript应用中，由于它缺乏很多必要的特性，一些可维护性问题就暴露出来了。ES6旨在解决上述可维护性问题，但并没有完全实现，其次该标准的广泛采用，也是个漫长的过程。TypeScript应运而生，其中类型检查是它的一个非常重要的特性。

如何学习TypeScript？目前我推荐的是官方的语言主页和该语言开源仓库的wiki主页，我尤其推荐后者，非常便于学习和查询。

图也是一种非线性的数据结构，是网络结构的抽象模型，是一组由边连接的节点。图的表示法:

G = (V,E)，其中V表示一组节点，E表示一组边。

图论的理解有点难度，这里也是介绍一些基本点，仅仅包括图的表示和遍历。因为图论又有好多图，实在是好累。

树也是一种非线性的数据结构。它对于存储需要快速查找的数据非常有用。有关树的常用术语有:

• 根节点，这个好理解，不多说
• 子树，子树由节点和它的后代构成
• 节点的深度，节点的深度取决于它的祖先节点的数量
• 树的深度，就是所有节点深度的最大值

废话不多说，其实我们对这种结构还是理解挺多的。

集合是由一组无序的且唯一的项组成的。集合这个结构，可以使用数学概念中的有限集合的概念来类比。在JavaScript中，ECMAScript 6使用Set类对集合进行了实现。

在字典中，存储的是[键,值]对，其中键名用来查询特定的元素。可是使用实际的字典作为类比(单词和它们的释义)。在JavaScript中，ECMAScript 6使用Map类对集合进行了实现。

散列表(hash table)是实现字典操作的一种有效的数据结构。目的呢，就是为了更方便地查询一个元素。下面会是具体介绍。

在牛客网中对JavaScript程序员是很不友好的。在处理输入输出流的时候，总是得不到好的处理。在Windows平台下，在处理外部输入输出的时候也非常不擅长进行调试。所以这里，针对这个些问题，看看有没有解决方法。

Connect is an extensible HTTP server framework for node using “plugins” known as middleware.

这是引自Connect官方仓库的一段文字，可以看到：Connect是一个服务器端框架。在Connnect中，中间件是一个函数，它拦截HTTP服务器提供的请求和响应对象，执行特定的逻辑，然后结束响应或者把她传递给下一个中间件组件。
Express也是一个Web框架，官方是这样介绍的：

Fast, unopinionated, minimalist web framework for Node.js.

前期版本中，Express框架是构建在Connect之上，但是在最新的4.x版本中，我们引述了下面这段话：

Express 4 no longer depends on Connect, and removes all built-in middleware from its core, except for the express.static function. This means that Express is now an independent routing and middleware web framework, and Express versioning and releases are not affected by middleware updates.

但是，对Connect的介绍仍对我们理解Express很有帮助。

在CSS的布局世界中，大概有固定宽度布局、流式布局、响应式布局和弹性布局。固定宽度的布局，就是不管浏览器宽度有多宽，页面中内容的宽度始终一致。流式布局，就是宽度百分比设定，而不是绝对的像素值，这样随着改变浏览器窗口的尺寸，页面也随之变化。响应式布局主要是为不同宽度的尺寸的设备提供不同的布局。

本文主要是总结一些常见的布局。