来源：cnblogs.com/chejiangyi/p/15420637.html背景痛点目标研发管理体系构建思考道: 在于文化，思维，准则，价值观，领导力的构建，是思维和思想，它需要我们落到实处。法：在于流程化，标准化，制度化的构建，是通过管理制度（法治）方式管理组织。术：在于通过招...

2021年生活很苦，苦得抓头挠腮。但还好头发少了，人也成熟不少，懂的了为生活加糖。感悟今年走过一些地方，看过一些电影，读过几本小书，听过几个故事，觉得是好鸡汤，原与君共饮。电影：《对不起，我们错过了你》今年国家一直在整治平台经济，扼制平台垄断，开始我...

在 React 组件中，我们会在 useEffect() 中执行方法，并返回一个函数用于清除它带来的副作用影响。以下是我们业务中的一个场景，该自定义 Hooks 用于每隔 2s 调用接口更新数据。

我是*，前好未来励步事业部的前端负责人，LeapFE是我们团队的简称，曾几何时，我们团队的共同愿景是成为业界知名的前端团队。而今年由于政策对公司毁灭性打击，这个愿景要搁置了，但对于我们绝大多数人，已经或者即将会有更好的开始。

第一次阅读源码，可能有理解的不太正确的地方希望大佬们能帮我纠正。开始看的是6，后来看到observable发现和5的差距还是有一点的，所以在所以“autorun”的部分可能会有6的源码，但差距并不大。

好久没更新文章了，这一憋就是一个大的。说起js中的概念，执行上下文和作用域应该是大家最容易混淆的，你说混淆就混淆吧，其实大多数人在开发的时候不是很关注这两个名词，但是这里面偏偏还夹杂好多其他的概念--变量提升啊，闭包啊，this啊！因此，搞明白这两者的关...

自从微前端框架micro-app开源后，很多小伙伴都非常感兴趣，问我是如何实现的，但这并不是几句话可以说明白的。为了讲清楚其中的原理，我会从零开始实现一个简易的微前端框架，它的核心功能包括：渲染、JS沙箱、样式隔离、数据通信。由于内容太多，会根据功能分成四篇...

Promise一直是pending的状态，只有当调用resolve或者reject方法之后，状态才会改变，这时候才会根据，是成功还是失败的状态去执行相应的回调函数，即，then，catch的回调

一、异步出现的原因js是单线程的，一次只能干一件事，所以，所有的事情都像排队一样，等着被执行，但是如果其中一件事情在队列中需要耗费很长的时间，那下一个事件就会一直在等待。比如我们打开一个网页，接口请求时间是5秒，那页面等待5秒之后，再渲染页面，页面就...

If our parameter were an object (rather than a string, like it is above), we could use WeakMap instead of Map in modern browsers. The benefit of WeakMap is that it would automatically “clean up” the entries when our object key is no longer accessi...

上一篇文章我们分析了Redux-Thunk的源码，可以看到他的代码非常简单，只是让dispatch可以处理函数类型的action，其作者也承认对于复杂场景，Redux-Thunk并不适用，还推荐了Redux-Saga来处理复杂副作用。本文要讲的就是Redux-Saga，这个也是我在实际工作中使用最多的R...

2.严格模式下的this相对于非严格模式下的this的主要区别在于：对于JS代码中没有写执行主体的情况下，非严格模式默认都是window执行的，所以this指向的是window，但是在严格模式下，没有写执行主体，this指向是undefined；

思路：可以通过一次循环，把arr变成下面的obj对象，通过Object.values(obj)获取对象的value值，就可以了 {代码...} 具体代码如下 {代码...}

函数每次执行都会创建一个上下文，这就是为什么上面结果的原因，cc和dd不在同一个上下文内，所用的变量a不是同一个。而下面的呢，你看代码也知道，cc是等于dd的，都是bib，bib是函数自调的产物，他只有一个上下文，bb和cc也都使用的这一个上下文

基建涉及的话题很多，比如组件库、规范、打包等等。本次，我会从这四方面来聊一聊前端基建行业现状、应用领域、行业内解决方案（行业已有轮子）。废话不多说，先来看看前端可视化。

Problem1 : 打开一个页面需要启动进程的配比是什么？<br/>Problem2 : 为何浏览器要使用多进程架构设计？<br/>Problem3 : 多进程架构为何仍会由于单页面卡死导致所有页面崩溃？<br/>

应该是style设置了scoped，vue组件中，在style设置为scoped时，会在css样式上加唯一不重复的标记，以保证唯一，例如：项目中写的是 button ，但是在浏览器渲染出的是 .button[data-v-2311c06a]，所以你修改的.ant-tabs-tab实际上是.ant-tabs-tab[data-v-2311c06a]，...

但是在开始之前呢我们可以先思考一个简单的表达式，那就是在 JavaScript 中，“1+‘2’等于多少？”其实这相当于是在问，在 JavaScript 中，让数字和字符串相加是会报错，还是可以正确执行。如果能正确执行，那么结果是等于数字 3，还是字符串“3”，还是字符串“12”呢？

然而在 V8 实现对象存储时，并没有完全采用字典的存储方式，这主要是出于性能的考量。因为字典是非线性的数据结构，查询效率会低于线性的数据结构，V8 为了提升存储和查找效率，采用了一套复杂的存储策略。

在浏览器中，由于 JavaScript 引擎与 GUI 渲染线程是互斥的，所以当我们在 JavaScript 中执行一些计算密集型或高延迟的任务的时候，会导致页面渲染被阻塞或拖慢。为了解决这个问题，提高用户体验，HTML5 为我们带来了 Web Workers 这一标准。