js 运行时
浏览器js ES+DOM+BOM
node ES+核心模块
node可以做什么事情？
创建高性能的服务器
工具
中间件
用途：接口服务器
vue eact
进程和线程 进程>线程
进程表示一个程序，一个进程可以有多个线程
-node适合I/O密集，不适合CPU密集（压缩、合并、加密解密）{银行、证券等要求稳定，不会选择node;但是如果是操作数据库或者读取文件，或者调一个接口，适合node}
线程
node>10版本，表现基本与浏览器表现一致；node<10 eventLoop
-timers(setTimeout)
-poll 放 io操作
-check
global常见的属性
-Buffer 二进制数据
-Process 进程 Process.nextTick()
-clearInterval() clearTimeout() setInterval setTimeout clearImmediate setImmediate
-process常见的属性 platform 方法cwd()[当前的工作目录]
fs:File System
let fs = require('fs');
//异步
fs.readFile('./js/a.js', (err, data) => {
console.log(data.toString());
// console.log(err);
})
path路径处理模块
//path处理路径模块
let path = require('path');
//把路径解析成绝对路径
console.log(path.resolve('b'));
console.log(path.resolve('a.js'));
console.log(path.resolve(__dirname, 'a.js'));
console.log(__dirname); //当前文件根目录
console.log(process.cwd()); //根路径
//拼接功能
console.log(path.resolve(__dirname, 'a.js', '/'));
console.log(path.join(__dirname, 'a'));
console.log(path.join(__dirname, 'a', '/'));
console.log(path.basename('a.txt'));
console.log(path.basename('a.txt', '.txt')); //基础名
console.log(path.extname('a.txt')); //扩展名
console.log(path.dirname(__dirname)); //取父目录
VM模块
//VM
let vm = require('vm');
vm.runInThisContext('console.log(vm)');
eval('console.log(a)')
var fun = new Function('console.log(a)');
fun();
//获取扩展名
Module._extensions = {
'.js' () {
},
'.json' () {
}
}
let keys = Object.keys(Module._extensions);
//抛异常
throw new Error('module not found');
什么是代理？什么是动态代理？
代理(Proxy)是一种设计模式,提供了对目标对象另外的访问方式;
即通过代理对象访问目标对象.这样做的好处是:可以在目标对象实现的基础上,增强额外的功能操作,即扩展目标对象的功能.静态代理在使用时,需要定义接口或者父类,被代理对象与代理对象一起实现相同的接口或者是继承相同父类.
动态代理可以让我们在运行时动态生成代理类，解耦程度更高。Java 动态代理的实现主要借助于 java.lang.reflect
包中的 Proxy 类与 InvocationHandler 接口，所有对动态代理对象的方法调用都会转发到 InvocationHandler 中的 invoke()
方法中实现。一般我们称实现了 InvocationHandler 接口的类为调用处理器。我们可以通过 Proxy 的静态工厂方法
newProxyInstance 创建动态代理类实例。
动态代理和cglib代理的区别？
1.Java动态代理只能够对接口进行代理，不能对普通的类进行代理（因为所有生成的代理类的父类为Proxy，
Java类继承机制不允许多重继承）；CGLIB能够代理普通类；
2.Java动态代理使用Java原生的反射API进行操作，在生成类上比较高效；CGLIB使用ASM框架直接对字节码进行操作，在类的执行过程中比较高效
抽象类和接口地定义、特性与区别？
抽象类：使用了关键词abstract声明的类叫作抽象类。
抽象类的特性：
1. 抽象类不能被实例化，如果被实例化，就会报错，编译无法通过。只有抽象类的非抽象子类可以创建对象。
2. 抽象类中不一定包含抽象方法，但是有抽象方法的类必定是抽象类。
3. 抽象类中的抽象方法只是声明，不包含方法体，就是不给出方法的具体实现。
4. 抽象类的子类必须给出抽象类中的抽象方法的具体实现，除非该子类也是抽象类。
接口：
使用了关键词interface声明的类叫作接口，接口的方法只是声明，不包含方法体（方法的具体实现）。
接口的特性：
1. 接口不能被实例化，如果被实例化，就会报错，编译无法通过。
2. 接口中每一个方法都是隐式抽象的，接口中的方法会被隐式的指定为 public abstract（只能是 public abstract，其他修饰符都会报错）。
3. 接口中可以含有变量，但是接口中的变量会被隐式的指定为 public static final 变量（并且只能是 public，用 private 修饰会报编译错误）。访问接口变量方式：接口名.变量名
4. 接口中的方法是不能在接口中实现的，只能由实现接口的类来实现接口中的方法。
5. 接口不能继承其他的类，但可以继承其他接口，支持多继承。
抽象类和接口的区别：
1. 抽象类中的方法可以有方法体，就是能实现方法的具体功能，但是接口中的方法不行。
2. 抽象类中的成员变量可以是各种类型的，而接口中的成员变量只能是 public static final 类型的。
3. 接口中不能含有静态代码块以及静态方法(用 static 修饰的方法)，而抽象类是可以有静态代码块和静态方法。
4. 一个类只能继承一个抽象类，而一个类却可以实现多个接口。
abstract修饰的类需要被子类继承，abstract修饰的方法需要子类重写，
但是final修饰的类不能被继承，final修饰的方法也不能被子类重写。抽象类是一种 is-a 的关系，解决代码复用的问题；
接口是对方法的抽象，是一种 has-a 关系，表示具有某些功能，是为了解藕、隔离接口和实现、提高代码的扩展
简述⼀下 Spring AOP 的实现——代理模式【现在是理论原理清楚，但是用到的不多，所以遗忘的也很快，这是优势！要保证自己能够快速捡起来！】
AOP（Aspect Oriented Programming 面向切面编程）是一种通过运行期动态代理实现代码复用的机制，
是对传统OOP(Object Oriented Programming，面向对象编程 )的补充。目前，Aspectj是Java社区里最完整最流行的AOP框架，
在Spring 2.0以上版本中可以通过Aspectj注解或基于XML配置AOP。
<i>倾斜</i>
<b>加粗</b>
<em>倾斜</em>
<strong>加粗</strong>
<del>删除线</del>
23中设计模式
创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。
结构型模式，共七种：适配器模式、装饰器模式、代理模式、外观模式、桥接模式、组合模式、享元模式。
行为型模式，共十一种：策略模式、模板方法模式、观察者模式、迭代子模式、责任链模式、命令模式、备忘录模式、
状态模式、访问者模式、中介者模式、解释器模式。
基本结构呈现：
<!DOCTYPE html> ------->DTD 文档类型声明 h5
<html lang="en">
<head>
<meta charset="UTF-8"> ------>字符集
<meta name="viewport" content="width=device-width, initial-scale=1.0"> -------->视图、渲染
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>first page</title> -------> 网页标题
</head>
<body>
<p>This is a first page!</p> ------------>网页显示地内容
</body>
</html>
<h1>中国直辖市</h1>
<ul>
<li>北京市</li>
<li>上海市</li>
<li>重庆市</li>
<li>天津市</li>
</ul>
<ol>
<li>北京</li>
<li>上海</li>
<li>广州</li>
<li>深圳</li>
</ol>
// 自定义列表
<dt>刘德华</dt>
<dd>歌曲：《忘情水》</dd>
超链接跳转：
<a name="first"></a>
<a href="#first">跳转首段</a>
<a href="third.html#last">跳转到third.html末段</a>
多列布局
column-count: 5;
column-rule: 1px solid red;
column-gap: 30px;