JVM进阶(十二)：JAVA 可视化分析工具实战_java headdump 可视化(1)

本文链接：https://blog.youkuaiyun.com/2401_84435885/article/details/138928449

React

介绍一下react
React单项数据流
react生命周期函数和react组件的生命周期
react和Vue的原理，区别，亮点，作用
reactJs的组件交流
有了解过react的虚拟DOM吗，虚拟DOM是怎么对比的呢
项目里用到了react，为什么要选择react，react有哪些好处
怎么获取真正的dom
选择react的原因
react的生命周期函数
setState之后的流程
react高阶组件知道吗？
React的jsx，函数式编程
react的组件是通过什么去判断是否刷新的
如何配置React-Router
路由的动态加载模块
Redux中间件是什么东西，接受几个参数
redux请求中间件如何处理并发

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

先运行以下程序：

public class Test {
	private static List<Test> list = new ArrayList<Test>();
	public static void main(String[] args) throws InterruptedException {
		for(int i=0; i<1000; i++) {
			Test test = new Test();
			list.add(test);
			Thread.sleep(50);
		}
	}
}

再双击运行可视化工具，这里会让你选择要监控的程序，我们选择刚刚运行的程序。如下图：
这里写图片描述
该页面只是一个概览页面，我们可以点进去上方导航栏的内存页，进去后我们可查看内存中各部分的使用情况图表，这里我们选择Eden区的查看。

可看到内存使用呈锯齿波状态，因为我们在循环中不断的产生新对象，而新对象又在Eden区中创建，所以内存使用会不断增加，当达到所设定的最大值后就会进行内存的回收，由于每个新生的对象都被存入到了List中，因此都不属于垃圾对象（因为处于关系网中），所以就要复制到另一个Survivor中，如果另一个Survivor区也满了，就会复制到年老区了。可查看上图右下角绿色图，在运行中会动态更新的，变化情况和刚刚说的是一样的。

当我们使用多线程的时候，会经常出现程序一直运行不会停止的情况，有可能出现死锁，有可能出现了死循环，可以通过该工具检测出来，先运行以下程序：

public class Test {
	public static void main(String[] args) throws InterruptedException {
		new Thread(new Runnable(){
			@Override
			public void run() {
				while(true){}
			}
		}).start();
	}
}

再点击导航栏上的线程进入线程查看页：
这里写图片描述
进入后页面长这个样子，看下方红色标记部分，根据我们刚刚执行的代码来看，代码开启了一个线程，作用就是执行死循环，线程的名字为默认的“Thread-0”。因为有了死循环，所以程序无法正常退出，查看堆栈跟踪，发现程序停在Test类的第14行，查看代码可发现那里是个死循环。注意：这里只是个测试例子，因此线程的名字用的是默认的，在实际环境中应为每个线程命名，在跟踪调试的过程中会大大减少工作量。

接下来我们来测试死锁的情况，运行以下代码：

public class Test {
	private static Object obj1 = new Object();
	private static Object obj2 = new Object();
	public static void main(String[] args) throws InterruptedException {
		for(int i=0; i<1000; i++) { // 循环100次，增加死锁的概率
			new Thread(new Runnable() {
				@Override
				public void run() {
					synchronized(obj1){ // 先申请obj1
						synchronized(obj2){ // 再申请obj2
							System.out.println("我是线程1");
						}
					}
				}
			}).start(); //启动线程1
			new Thread(new Runnable() {
				@Override
				public void run() {
					synchronized(obj2){ // 先申请obj2
						synchronized(obj1){ // 再申请obj1
							System.out.println("我是线程2");
						}
					}
				}
			}).start(); //启动线程2
		}
	}
}


### 最后

基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.youkuaiyun.com/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**