贝壳大前端

[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 [实践系列]你能手写一个 Promise 吗？Yes I promise。 有兴趣的同学可以关注 [实践系列] 。 求 star 求 follow~ 入口起点(entry point)指示 webpack 应该使用哪个…

摘要 正则其实并不是一个特别有技术含量的知识体系，它的作用无外乎以下 3 点，分析字符串是否满足某种模式 test，替换指定的子串 replace，

两个有序的数组 nums1 和 nums2 ，它们的数组长度分别为 m 和 n。要求找到这两个数组的中位数，且总体的时间复杂度必须为 。 假设 nums1 和 nums2 都不为空。 做第一遍时，使用的遍历的办法，即按照从小到大的顺序，分别遍历两个队列，一直遍历到 的位置，即是…

【css】本文想以一个页面布局为例，横向对比一下 float，flex 和 grid 在页面布局中的优劣。

希望读过本篇文章，你在看Webpack配置的时候，能在脑中形成Chunk的生成过程。 Chunk不同于entry、 output、module这样的概念，它们对应着Webpack配置对象中的一个字段，Chunk没有单独的配置字段，但是这个词出现在CommonsChunkPlug…

热更新HMR： 热重载live reload并不能够保存应用的状态（states），当刷新页面后，应用之前状态丢失。举个列子：页面中点击按钮出现弹窗，当浏览器刷新后，弹窗也随即消失，要恢复到之前状态，还需再次点击按钮。而webapck热更新HMR则不会刷新浏览器，而是运行时对模…

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

本文较为系统的阐述了 React Fiber 的核心原理。帮助前端工程师深入理解 react16 的设计思想。