前端老年人

qiankun 是主流的微前端方案，其他的还有京东的 micro-app、腾讯的 wujie 等。 微前端就是可以一个页面跑多个 vue、react 甚至 jquery 等...

在Vue中，如果我们想把任务放到下一个tick中执行，可以使用$nextTick，它内部是怎么实现的？和我们写 `setTimout` 有什么区别？...

又到了金九银十季，最近我也是奔波于各种面试。我自己总结整理了很多方向的前端面试题。借着国庆这个假期，也把这些题目总结分享给大家，也祝正在面试的朋友们能够拿到满意的offer...

又到了金九银十季，最近我也是奔波于各种面试。我自己总结了很多方向的前端面试题，一共15万字。借着国庆这个假期，也把这些题目总结分享给大家，也祝正在面试的朋友们能够拿到满意的...

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主...

可见由函数式启发的“闭包”、“柯里化”思想对 JavaScript 有多重要。几乎所有的高阶函数都离不开闭包、参数由多转逐一的柯里化传参思想。...

整个项目大概有60+个页面，用到的组件大概150+，package里面的依赖大概有70+个，应该勉强算得上是一个中型的React的项目了。 打包时间约150s，打包完之后的...

为什么要使用 composition(组合) api 更好的逻辑复用 在 vue2 中，我们实现逻辑复用主要使用的 mixins 这一api。但是这个api存在一些缺陷，比...

深入浅出 Diff 算法，完整源码行行加注释，一层层揭开 Diff 算法的面纱，助你彻底弄懂 Diff 算法原理...

什么是洋葱模型 简单来说，就是再不改变原有方法的情况下，在该方法的外侧增加钩子函数，以达到提前拦截与增强输出的效果。 一般中间件都是以洋葱模型的构建方式实现的，例如常用的 ...

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又...

这是村长整整花了一个月时间收集题目，亲自手写答案，录制讲解视频，汇集了50+以上经典的Vue面试题，每题我都力争做到源码级的解析，希望大家可以深入学习，如果你喜欢请务必点赞...

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 Hook使用规则 只在最顶层使用H...

Cookie Cookies 是可用于向网站添加持久状态的方法之一。多年来，它们的能力不断发展和壮大，但是给平台遗留了一些问题。为了解决这个问题，浏览器（包括 Chrome...

React高阶组件(HOC)，对于很多react开发者来说并不陌生，它是灵活使用react组件的一种技巧，高阶组件本身不是组件，它是一个参数为组件，返回值也是一个组件的函数...

在前端性能优化的过程中，我们除了各自框架、算法的优化外，最常用的还是借助chrome的performance对项目进行性能分析，以此更好的定位、优化性能问题。 关于perf...

React15前的渲染方式 React15以前，React是用全量渲染的方式进行页面渲染，每次更新都需要整个页面重新渲染。全量当数据量大的时候，页面就会掉帧卡顿。 为什么需...

本文将从两个框架的响应式设计为切入口讲清：1. 为什么不需要vue fiber；2. 为什么react fiber可以实现断点恢复，不涉及晦涩源码，不管有没有使用过reac...