写代码的海怪

前言 哈喽，大家好，我是海怪。最近一周，我都在学习 Figma。 起因是看到一些好看的网页，总想自己实现一遍。但是，为了实现这个网页，又要搞脚手架、又要搜集图片素材、又要调...

既然前端重复性工作无法避免，是否可以设计合理的 CSS 架构解放前端生产力？让大家从繁重的CSS编写中解放出来，迸发自己的创造力和活力。...

horizontal-tb：默认值，表示水平排版，从上到下。 vertical-lr：表示垂直排版，从左到右。 vertical-rl：表示垂直排版，从右到左。 至此，我们...

前端变灰效果这种在实际项目的过程中使用的比较少，一般在清明节、全国哀悼日、大地震的日子、以及一些影响力很大的伟人逝世或纪念日的时候使用，使用后的网站的网页变成灰色(黑白色)...

这是个还在草案中的API，不过大部分浏览器均已实现（除了IE）。先看下MDN中的介绍： 当页面滚动时，懒加载图片或其他内容。 实现“可无限滚动”网站，也就是当用户滚动网页时...

当一个元素的内容content超出其可视范围client之后，就会出现滚动条，而页面中的el元素可能会随着滚动条滚动移出可视区之外，这时我们经常需要去判断一个元素是否在可视...

大家好，我叫小杜杜，作为一名小前端，只需要好好写代码，至于部署相关的操作，我们通常接触不到，正所谓专业的人干专业的事，我们在工作中并不需要去配置，但这并不代表不需要了解，相...

上两篇文章分别带大家手写了 Qiankun 的 JS 沙箱以及 CSS 沙箱。这两次实践都是分开做的，比较割裂，做完一遍可以加深对沙箱的理解，但具体 Qiankun 怎么把...

本文为稀土掘金技术社区首发签约文章，14天内禁止转载，14天后未获授权禁止转载，侵权必究！ 前言 哈喽，大家好，我是海怪。 上篇文章讲了如何实现一个 Qiankun 的 J...

今天就带大家一起来实现一个简化版的 Qiankun JS 沙箱吧。其中大部分逻辑会做精简处理，不会考虑一些异常情况。学有余力的同学可以直接 Clone 源码......

哈喽，大家好，我是海怪。今天想跟大家分享一个在使用 Qiankun 中遇到的问题，相信不少人也会遇到过，那就是：**在主应用切换路由时，无法切换对应子应用的路由。好吧，这句...

相信大家也知道 qiankun 有 SnapshotSandbox, LegacySandbox 和 ProxySandbox 这些沙箱，而它们又可以分为单例和多例两种模式...

前言 嗨害嗨，好久不见，我是海怪。 有一阵子没写文章了，今天来更一期关于 qiankun 找不到生命周期的问题。 刚开始给项目接入 qiankun 的时候，时不时就会报 A...

作为一个前端老司机，我肯定是反对evil.js 这种行为，今天我们来讨论一下，如果你作为项目的负责人，如何甄别这种代码下毒...

一、常见的前端异常 语法错误，编译阶段就可以发现的错误 JS运行异常，属性、方法缺失，浏览器不支持等 加载静态资源错误 请求接口异常：Ajax、Fetch、websocke...

一、前言 先回顾一下之前写的一篇文章输入url到页面渲染全链路分析，主要分析了浏览器从加载ULR到服务器返回资源的过程，如果不太了解可以看看这篇（又增加了更详细的内容） 当...

这是我参与更文挑战的第1天，活动详情查看： 更文挑战 一、网站加载概述 面试过程中，常常遇到这样一道面试题，输入url到页面加载完毕，发生了啥？看到的现象是输入url，页面...

什么是 Scheduler Scheduler 是内置于 React 项目下的一个包, 你只需要将任务以及任务的优先级交给它, 它就可以帮你进行任务的协调调度. 目前 Sc...

关于 JSBridge，绝大多数同学最早遇到的是微信的 WeiXinJSBridge（现在被封装成 JSSDK），各种 Web 页面可以通过 Bridge 调用微信提供的一...

最近在跟同事讨论问题的时候，他突然对我说。。。 这个死太丢死不太对，需要改一下。。。 我当时应该是愣住了，然后想了一下，你说的是 status 吗？？？ 看着他疑惑不解的眼...