摘要：
目录 引言 配置 Babel 环境 babel-cli 在项目内部运行 Babel CLI babel-register babel-node babel-core 配置 Babel .babelrc babel-preset-es2015 babel-preset-react babel-pres 阅读全文
摘要：
本文通过搭建一个Vue的简单项目，引入了Vue-router组件，从页面的3个文件入手，详细介绍了怎么加载chunk和怎么执行module，从而介绍整个路由组件懒加载的过程，希望对你有帮助。 原文：https://segmentfault.com/a/1190000022846552 前言 说起路由 阅读全文
摘要：
一、PnpWebpackPlugin 背景 什么是Pnp?Pnp实际是yarn的一个特性，所以说如果你的项目中不使用yarn构建，那就可以不用使用这个插件。其次，即使你使用了yarn，如果不通过文中所述的开启pnp的方法去启用pnp，那这个插件对你来说也是无用的。 使用 大家知道webpack的re 阅读全文
摘要：
1、setState 是异步还是同步？ 合成事件中是异步 钩子函数中的是异步 原生事件中是同步 setTimeout中是同步 相关链接：你真的理解setState吗？： 2、聊聊 react@16.4 + 的生命周期 相关连接：React 生命周期 我对 React v16.4 生命周期的理解 3、 阅读全文
摘要：
本文主要对以下技术要点进行分析： 编辑器 自定义组件 拖拽 删除组件、调整图层层级 放大缩小 撤消、重做 组件属性设置 吸附 预览、保存代码 绑定事件 绑定动画 导入 PSD 手机模式 为了让本文更加容易理解，我将以上技术要点结合在一起写了一个可视化拖拽组件库 DEMO： github 项目地址（h 阅读全文
摘要：
现状 随着项目不断发展壮大，组件数量开始变得越来越多，项目也开始变得庞大，webpack 编译的时间也会越来越久，我们现在的项目编译一次在 40s ——70s 之间，这是一个效率非常低下的操作。优化的手段有很多，之前项目原本已经做了很多，本文从缓存的角度进行优化讲解 以下仅介绍几种缓存相关的优化手段 阅读全文
摘要：
试题一 原生js怎么实现拖放 react-dnd拖放的核心API react diff 算法复杂度是多少 diff造成的非预期更新如何解决 如何实现路由监听 页面适配方案:百分比,flex,vh,vw 平时对js和css基础有过了解吗 从地址栏输入地址到页面回显,都发生了什么 解释下重绘和回流 说一 阅读全文
摘要：
一面题目 - VueRouter 的原理？(两种路由方式说了一下) - 对于 History 路由而言，在服务端是如何做路由分发的呢？ - 介绍一下 Vuex 的 Mutation 和 Action 的区别吗？(mutation做同步操作，action一般用于异步) - 为什么要设计出 Mutati 阅读全文
摘要：
全链路前端性能优化 通常来讲前端性能优化是指从用户开始访问我们的网站到整个页面完整的展现出来的过程中，通过各种优化策略和优化方法让页面加载的更快，让用户的操作响应更及时，给用户更好的使用体验。 这里我们介绍的是前端性能优化知识的解决方案，从静态资源优化开始入手，从表象深入体系化的讲解页面渲染架构，掌 阅读全文