JS_NodeJS
js 运行时
浏览器js ES+DOM+BOM
node ES+核心模块
node可以做什么事情?
创建高性能的服务器
工具
中间件
用途:接口服务器
vue\react
进程和线程 进程>线程
进程表示一个程序,一个进程可以有多个线程
-node适合I/O密集,不适合CPU密集(压缩、合并、加密解密){银行、证券等要求稳定,不会选择node;但是如果是操作数据库或者读取文件,或者调一个接口,适合node}
线程
node>10版本,表现基本与浏览器表现一致;node<10 eventLoop
-timers(setTimeout)
-poll 放 i\o操作
-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;