wens

Promise 大伙太熟悉了，不过这里不讲大伙都知道的表面简单知识，而是一起来深入剖析 Promise 的注册微任务和执行的完整过程。能正确的使用 Promise 且能做到知其然知其所以然~ 我们通常学习 Promise 都是基于 Promises/A+ 的实现。但是我不得不告…

我一度以为自己很懂Promise，直到前段时间尝试去实现Promise/A+规范时，才发现自己对Promise的理解还过于浅薄。在我按照Promise/A+规范去写具体代码实现的过程中，我经历了从“很懂”到“陌生”，再到“领会”的过山车式的认知转变，对Promise有了更深刻的…

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧去进行性能优化，或者更好的代码组织。 性能优化的重要性不用多说，谷歌发布的很多调研精确的展示了性能对于网站留存率的影响，而代码组织优化则关系到后续的维护成本…

嗯。。。事情是这样的。 前段时间新启动的一个紧急项目经过我们小而美的团队不懈的努力，终于顺利上线了。后面review代码的时候发现这样的目录结构 container里面都是react的容器组件。定睛一看咋这么多。其实还没完呢，其中Doctor，Dss，Operator，Pati…

React核心团队成员Sebastian Markbåge（React Hooks的发明者）曾说：我们在React中做的就是践行代数效应（Algebraic Effects）。 那么，代数效应是什么呢？他和React有什么关系呢。 代数效应是函数式编程中的一个概念，用于将副作用…

本文接下来将深入源码，带你了解这些知识。 这，就是关于useEffect的一切。 其中，只有渲染器会执行渲染视图操作。 对于浏览器环境来说，只有渲染器会执行类似appendChild、insertBefore这样的DOM操作。 答案是：他会为需要更新的内容对应的fiber（可以…

随着前端应用体积的扩大，资源加载的优化是我们必须要面对的问题，动态代码加载就是其中的一个方案，webpack 提供了符合 ECMAScript 提案 的 import() 语法 ，让我们来实现动态地加载模块（注：require.ensure 与 import() 均为 webp…

1. 背景 云音乐 B 端业务场景非常多，B 端业务相对于 C 端业务产品生命周期更长而且更注重场景的的梳理。很多时候开发 B 端业务都是拷贝之前的代码，这样增加了很多重复而且枯燥的工作量。 中后台系统其实可以拆分成几个比较通用的场景：表单、表格、图表，其中表单涉及到联动、校验…

大部分同学应该都知道 HTTP 协议的网站是不安全的，存在中间人劫持的情况，因此我们平常开发的网页都会将 HTTP 协议升级为 HTTPS，以确保不会被中间人劫持。 这时候我们并没有告诉浏览器当前请求的网站协议是https，然而我们最终打开的还是 https 协议的百度网站。这…