前端小蜗

不知道有没有跟我一样，对于设计模式存在困惑的，以我为例，不瞒大家，我对设计模式真的是“看山就是山”、“看水就是水”、“看理论就是看理论”。毕业之前，我自己捣鼓的东西/项目，...

前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。 过度分析源码对于大家并...

[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 [实践系列]你能手写一个 Promise 吗？Yes I promise。 有兴趣的同学可以关注 [实践系列] ...

大家好，我是云牧，今天来分享最近遇到过两个的面试题，面试官竟然说大部分前端开发都回答不上来这么基础的问题？...

上次说到如何在小程序中利用 swiper 实现对轮盘的控制，没看过的小伙伴点击这里 复习一下效果 就在我以为大功告成的时候，产品过来说要点击文字的时跳转到对应的图片 这个思...

前段时间，产品经理看了别人的小程序提了个新需求，要求小程序里实现一个轮盘效果。要轮盘滚动 参考 我一看好家伙这不是swiper么，但又不全是swiper，毕竟swiper不...

在工作中我们经常遇到需要监听页面中元素位置，当元素超出显示区域或即将显示到页面上，我们就可以做一些动画或者操作。最常见的操作比如预加载，懒加载，TAB滚动跟随。 目录 In...

我们使用 `const` 的时候是没有办法冻结对象的，这问题让开发非常头大，通常我们会使用 `Object.freeze()` ，其实用 `proxy` 也是可以实现的。...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第3天，点击查看活动详情。 Date.parse() 方法解析一个表示某个日期的字符串，并返回从1970-...

组件的定义其实就是实现应用中局部功能代码（html，css，js）和资源（MP3 ，MP4，img，ttf等）的集合。其优势是能复用编码，简化项目代码，提高运行效率，降低程...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第7天，点击查看活动详情 Eureka Client 下线流程分析...

虚拟组件如何描述组件？ vnode.type为对象的时候表示为组件，type储存了组件对象。 然后调用 mountCompoent 和 patchComponent 来完成...

全面React知识点汇总～Vueer想进大厂，能掌握一定React能力更加分？笔者精心整理出React知识点总结，以class组件入门-高级特性-原理理解-React Ho...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。 总体分三步 相同的前置节点和后置节点 判断是否需要进行 DOM 的移动 移动元...

JavaScript真的是一门很棒的语言，值得学习和使用。对于给定的问题，可以有不止一种方法来达到相同的解决方案。在本文中，我们将只讨论最快的。...

而 302 表示临时重定向，这个资源只是暂时不能被访问了，但是之后过一段时间还是可以继续访问，一般是访问某个网站的资源需要权限时，会需要用户去登录，跳转到登录页面之后登录之...

双端 diff 算法 参数 n1 - 旧的节点 n2 - 新的节点 container 挂载点 思路 循环遍历 比较 是否被处理过（6 中的非理想情况）。 新首-旧首，打补...

目的 找到可复用节点，然后移动到该去的位置。 参数： n1 旧VNode n2 新VNode container 挂载点 简单diff算法步骤 oldChildren 定义...

Offer 驾到，掘友接招！我正在参与2022春招打卡活动，点击查看活动详情。 Array.prototype.splice()是最常用的从数组中删除元素的方法。事实证明，...