前端技术概览

本文描述当前主流的前端框架，语言及技术栈。
浏览器中的页面叫web页面， 由于直接面向用户，所以称前端，由HTML + CSS + JS 组合而来，其中 HTML 是用来描述当前这个页面的结构，CSS 用来描述页面的样子，JS 通常是用来处理这个页面和用户的交互。

html

页面的骨架。

css

为了复用一些样式，有了css的id选择器和class选择器。
html原生的样式不美观，所以我们需要css框架来帮助我们。

• bootstrap

js

框架

• jquery
  直接操纵DOM的库。
• angular
• vue
  vue与angular比较像， 不需要开发者直接操纵DOM， 帮我们实现了动态数据绑定的功能。
• react
  下面是一个使用示例， 觉得还是挺别扭的。

"example">div>
<script type="text/babel">
  ReactDOM.render(
    <h1>Hello, world!h1>,
    document.getElementById('example')
  );
script>

语言超集

• typescript
  微软开发的一门语言。它的编译器的目标代码不是机器代码而是js。
  js是动态类型语言，没有类型约束，编码易出错。所以有了typescript，允许类型声明，方便IDE错误检查和类型提示。

参考

1. Vue
2. typeScript