技术栈介绍

html 超文本标记语言

html5 2014年制定的HTML升级版

新特性：
绘画的canvas元素
用于介质回放的video和audio元素
本地离线储存的支持。
新的特殊内容元素
新的表单控件
本地sql数据？
web应用？
完全支持css3

css层叠样式表

实现内容与表现分离

css3

css升级版，完全兼容css，仍在开发中
将css拆成模块
重要模块：
选择器
盒子模型
背景和边框
文字特效
2d3d转换
动画
多列布局
用户界面

Bootstrap3

最受欢迎的前端框架，是基于HTML，css，和js的
来自 推特 哦

Bootstrap4

全球最受欢迎的前端组件库，是最新版本，用于响应式布局和移动设备开发

https://blog.youkuaiyun.com/a519781181/article/details/78975689

这是关于组件，框架和库的区别文章。
我的理解，组件是各种积木，库是一包拆开的积木，框架是别人拼装好的半成品。
已更改：我也举个例子，vue是框架，vue-Router是库，自己的template是组件。
框架是别人搭配微调过的库集合，组件是自己按照框架规定（用了框架包含的库的方法，类（可能有框架没有的，从其他库里的来的））封装好的小块页面。而小块页面（组件）形成页面。
所以Bootstrap4是半成品Bootstrap3加上一些可用的相关组件，是更成熟的作品。

font awesome图标

可缩放矢量图标，是图标字体苦和css框架

Foundation5

是一个以html，css和js为基础的响应式框架，易用灵活于所有web应用

JavaScript

web的编程语言，控制网页动作的，编程语言，无所不能，什么都能干。

HTML DOM

DOM为文档对象模型，是HTML和XML的编程接口。
定义了访问和操作HTML文档的标准方法。
DOM 以树结构表达 HTML 文档。
“W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”
有DOM，HTML DOM和XML DOM三部分。

jQuery

jQuety是一个js库。方便使用js
优化有
HTML元素选取
HTML元素操作
css操作
HTML事件函数
js特效和动画
HTML DOM遍历和修改
AJAX
Utilities？
和大量插件

AngularJS

是一个js框架，三大框架之一。
主要突破是提供了表达式绑定和指令。
表达式：{{ expression }}
ng-app 指令等等。

AngularJS2

虽然是升级版，但是AngularJS与AngularJS2并无太大关系，是基于es6开发的
就像javascript和Java一样。
涉及到HTML css JavaScript和npm还有typescript
目前各种环境（浏览器或 Node）暂不支持ES6的代码，所以需要一些shim和polyfill（IE需要）让ES6写的代码能够转化为ES5形式并可以正常运行在浏览器中。

typescript

typescript简称ts是js的超集，支持es6
增加功能有
变量类型批注和编译检查
类型推断
类型擦除
接口
枚举
mixin?
f泛型编程
名字空间
元组
await
/
类
模块?
箭头语法
可选参数和默认参数

react

也是一个js框架，目的是构建ui界面。
特点是：
mvc框架
声明式设计，核心是jsx，俩字（形象）
虚拟DOM减少浏览器交互，更快
jsx（js的扩展语法）
组件
没有双向绑定model
单项数据流？

vue.js

mvvm框架
是构建用户界面的声明式，渐进式框架，只关心图层，目标是用简单的api进行响应式数据绑定和组合视图组件。
虚拟DOM减少浏览器交互，更快。
组件
双向绑定model（mvvm）

node.js

运行在服务器上的js

ajax

异步的js和xml
AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。

jsp

JSP 与 PHP、ASP、ASP.NET 等语言类似，运行在服务端的语言。

持续更新

学习代码技术步骤

1. 看文档
2. 记笔记
3. 看基础代码
4. 看强化复杂代码
5. 练习写代码
6. 做题，回答问题