平常鑫

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…

当虚拟机遇到一条new指令时，首先会去检查这个指令的参数是否能在常量池中定位到一个类的符号引用，并且检查这个符号引用代表的类是否已被加载、解析和初始化过。如果没有，那必须先执行相应的类加载过程。 在类加载检查通过后，接下来虚拟机将为对象分配内存。对象所需内存的大小在类加载完成后…

从上面我们知道，程序计数器、栈、本地方法栈是线程私有的，也就是说，每开一个线程，都会对应为这个线程开辟这几块内存空间。如图所示： 下面，我们通过compute()方法，来看看一个方法在执行过程中，栈帧里面各个内存区域是如何变化的。首先，我们通过javap -c Math.cla…

对应class实例的引用：类加载器在加载类信息放到方法区中后，会创建一个对应的Class 类型的对象实例放到堆(Heap)中，作为开发人员访问方法区中类定义的入口和切入点。 注意：主类在运行过程中如果使用到其它类，会逐步加载这些类。jar包或war包里的类不是一次性全部加载的，…

如图所示，就是双亲委派机制的核心体现，一句话概括就是，先找父加载器加载，不行再由子加载器自己加载。 自定义类加载器需要继承java.lang.ClassLoader类，该类有两个核心方法，一个是loadClass，实现了双亲委派机制，还有一个方法是findClass，默认实现是…

问题4，我们知道Jsp文件更新其实也就是class文件更新了，此时类的全限定名并没有改变，修改Jsp文件后，类加载器会从方法区中直接取到已存在的，这会导致修改后Jsp文件其实不会重新加载。那么，如果直接卸载掉这个Jsp文件的类加载器，再重新创建类加载器去加载修改后的Jsp文件，…

当我们在组件上设置事件处理器时，React并不会在该DOM元素上直接绑定事件处理器. React内部自定义了一套事件系统，在这个系统上统一进行事件订阅和分发. 具体来讲，React利用事件委托机制在Document上统一监听DOM事件，再根据触发的target将事件分发到具体的…

1. 可怕 GitHub 新生 PostHog 是一个为 Devs 准备的数据分析工具，它能帮你监控网站 / App 的每个事件用来做用户数据分析，只要一键部署即可通过 API / SQL 来访问数据。 ​​​​ goxygen 可以让你在几秒钟内构建一个 Web 项目，前端使…

相信很多人都想要搭建一个自己的博客或是给项目做文档网站。本文将要推荐的静态网站生成器（Static Site Generator, SSG），它做的事情就是把你的文档、内容（通常为 Markdown 文件）生成可发布成网站（html）的工具，这样你就可以专心创作，同时也有了一块…