zhoushaw

作者：滴滴公共前端团队 - 水乙 我们在使用 webpack 打包我们的工程模块时，经常会需要 devtool 开启 sourceMap 让我们可以调试代码，但是 webpack 文档中关于 devtool 给出了7种模式，文档也写得非常简略，初学者很难上手。本文将这7种模式的…

React 目的在于解决：构建随着时间数据不断变化的大规模应用程序。 合成事件 4 个常见问题。 React 合成事件（SyntheticEvent）是 React 模拟原生 DOM 事件所有能力的一个事件对象，即浏览器原生事件的跨浏览器包装器。它根据 W3C 规范 来定义合成…

这几天项目中有涉及到各项目间代码隔离的内容，所以针对JS中的沙箱实现做了一些尝试，基本实现了正常代码间的运行隔离，这里记录一下实现过程。 要实现沙箱，首先，得让一段代码受控的跑起来，代码得转成字符串，然后使用字符串调用代码。 这里很容易就想到了 eval 和 Function。…

webpack5的一个重要特性是Module-federation，本文从为什么会出现这个特性，到怎么使用，是什么原理，以及一些应用场景，最后再给出一个demo，从简介绍下该特性。 功能：阅读过webpack3或webpack4构建结果的童鞋应该知道，webpack对外只提供了…

不管大家有意或者无意间，或多或少都已经接触到了微前端这个新的概念，这种新的前端架构真的有存在的必要吗？毕竟没有银弹，在新的架构体系下，它除了带了好处以外，同时也带来了风险和技术挑战。本文将带你揭秘微前端给现有的工程化体系带来了的意义，和它的架构设计，以及简单讲解一下微前端的核心…

本文不会涉及到具体的面经，更多的像是一篇裁员后的心理历程，并包括我是如何准备简历、准备面试、最终收获满意offer的。如果想要了解我整理的前端知识点可前往 F2E,或者滑到底部关注我的公众号回复 “知识图谱”。 先说说一下自己的情况吧，18届毕业生，以校招生的身份进入蘑菇街。在…

作用域的工作方式有两种占统治地位的模型。其中的第一种是最最常见，在绝大多数的编程语言中被使用的。它称为 词法作用域，我们将深入检视它。另一种仍然被一些语言（比如 Bash 脚本，Perl 中的一些模式，等等）使用的模型，称为 动态作用域。 JavaScript的代码运行，并不是…

在说原生 HTML 组件之前，要先简单介绍一下四大 Web 组件标准，四大 Web 组件标准分别为：HTML Template、Shadow DOM、Custom Elements 和 HTML Imports。实际上其中一个已经被废弃了，所以变成“三大”了。 HTML Tem…

本系列其他文章计划一到两个月内完成，点个 关注 不迷路。 本文是基于 qiankun 的微前端最佳实践系列文章之 从 0 到 1 篇，本文将分享如何使用 qiankun 如何搭建主应用基座，然后接入不同技术栈的微应用，完成微前端架构的从 0 到 1。 本教程采用 Vue 作为主…