小电前端团队

🤗：日均1000万PV的页面（页面有10个静态资源），假设其中有200万PV是属于已被缓存资源的用户发出的。那么对资源服务器来说，将减少200万*10 = 2000万次请求。 🤗：用户下次访问页面时，无需发起资源的网络请求，将直接从浏览器缓存中读取缓存资源，响应更快。 是h…

module federation用来解决多个应用之间「代码共享」的问题，让我们更加优雅的实现「跨应用」的代码共享。 简单来说就是允许「运行时」动态决定代码的引入和加载。 假如现在有两个应用，A应用里有一个Input组件，B应用里有个Image组件。我们需要将B里的Image组…

随着互联网的发达，各种WEB应用也变得越来越复杂，满足了用户的各种需求，但是随之而来的就是各种网络安全的问题。作为前端开发行业的我们也逃不开这个问题。所以今天我就简单聊一聊WEB前端安全以及如何防范。 XSS (Cross-Site Scripting)，跨站脚本攻击，因为缩写…

当下我们开发大型项目的时候越来越多的用到了monorepo 解决方案，而目前最常见的 monorepo 解决方案是 Lerna 和 yarn 的 workspaces 特性。 lerna 优点是拥有「统一工作流」方面的实现。缺点是依赖提升具有局限性，还是不能很好的解决依赖爆炸的…

clone官方Docker-Sentry镜像,这个是自定义Sentry镜像的基础文件。里面有sentry.conf.py和config.yml可以自定义修改

（1）所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。 （2）主线程之外，还存在一个"任务队列"（task queue）。只要异步任务有了运行结果，就在"任务队列"之中放置一个事件。 （3）一旦"执行栈"中的所有同步任务执行完毕，…

一个ECMAScript标准的制作过程，包含了Stage 0到Stage 4 五个阶段，每个阶段提交至下一阶段都需要TC39审批通过。本文介绍这些新特性处于Stage 4 阶段，这意味着应该很快在浏览器和其他引擎中支持这些特性 ES2020 是 ECMAScript 对应 20…

单元测试（unit testing），是指对软件中的最小可测试单元进行检查和验证，对于JavaScript来说，通常也是针对函数、对象和模块的测试。 一个软件越容易写单元测试，也就表明它的模块化结构越好，各模块之间的耦合越弱。React的组件化和函数式编程，天生就适合进行单元测…

chrome插件项目与普通网页一样，同样需要html、css、javascript文件。也就意味着可以使用常规的开发工具开发。所不同的是根目录需要一个manifest.json文件。相当于一个说明文件告知chrome一些基本信息。 插件不能直接操作网页内容，但是可以通过向页面注…