在业务中多个项目需要用到公共组件库，所以决定封装组件库上传到npm私服管理，使用到的技术是react+webpack+ts+antd+less

Http 优化方式是前端性能优化的重要部分，也是前端必备的知识点之一。 这个是最根本的途径，假设真的有个 10 几兆以上的静态资源文件，不减少大小的情况下，即使优化做到了极致，用户体验也好不了哪里去。 如果整个网页就 2KB 大小的资源文件，不优化都很快。 只打包用到的依赖包，…

1. 首先安装webpack的可视化资源分析工具，命令行执行： 2. 然后在webpack的dev开发模式配置中，引入插件，代码如下： 3. 最后命令行执行npm run build --report , 浏览器会自动打开分析结果，如下所示： 可以看到vue全家桶相关依赖占用了…

介绍 自从引入组合式 API 的概念以来，一个主要的未解决的问题就是 ref 和 reactive 到底用哪个。reactive 存在解构丢失响应性的问题，而 ref 需要到处使用 .value 则感

一、前言 如果不了解浏览器的渲染原理，那你可能只能完成一个页面的编写，但是没有办法去做一些渲染上的优化，甚至你在编写的页面的过程中根本不清楚哪一种写法是最优的，也不知道其中的原因。

前端面试过程中被问到如何实现前端路由，我们应该从哪些方面回答。如果让你自己实现前端路由，你又该怎么做？

能不能讲一讲Flex布局，以及常用的属性？。 WeakMap只能以复杂数据类型作为key，并且key值是弱引用，对于垃圾回收更加友好。 深拷贝：一般需要借助递归实现，如果对象的值还是个对象，要进一步的深入拷贝，完全替换掉每一个复杂类型的引用。 React需要尽可能的保证熟练。因…

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，

本篇将从一道面试开始，分析 Promise V8 源码中的一些关键细节，并对上一篇分析内容做补充，找到两次微任务的创建位置。