爱华fullstack

金九银十跳槽季来了，看机会找工作的同学看过来！最近面了一些公司，和大家分享一下面经，给自己攒一波人品，给 3-5 年经验的前端同学做一个参考，希望对正在准备面试的同学有所帮...

优秀公众号文章秒转Markdown，每次都要选中网页内容然乎粘贴到富文本编辑器中比较麻烦！ 于是想到通过脚本的方式把文章保存下来。 文章通过Google浏览器插件，油猴脚本...

端午熬夜写了Vite项目全流程从零搭建完整教程，集成ESLint，代码格式化prettier，自动化测试，github action，git commit信息校验，交互式提...

介绍 PageSpy 是一个适用于远程 Web 项目调试的工具。 基于对原生 API 的封装，它将调用原生方法时的参数进行过滤、转化， 整理成格式规范的消息供调试端消费；调...

解决next报错 Failed to find Server Action "null" error: Missing 'next-action' header 报错内容：...

我们的搭建系统从积木盒子到奇美拉，PC和H5页面都是静态的，发布时将页面静态化发布到cdn，浏览器访问时，从cdn获取页面进行异步渲染。由于页面是静态和异步的，对于首屏和S...

大家好，我是前端双越老师。先祝大家 2024 开工大吉。 年前就有和几个同学在和我 1v1 面试咨询 的时候，说：现在面试都不考基础知识和八股文了，上来就聊项目。 其实我也...

项目起因 事情是这样的，前不久看到一个国产的开源canvas 2d框架（leaferjs）做的非常棒，于是就跃跃欲试，打算用这个框架搞点什么，于是最终决定搞一个开源的在线的...

假设我们现在在canvas上画了很多个节点(DisplayObject)，这些节点形成了一套层级关系，我们将鼠标移动到canvas元素上并点击了一下左键，这个时候，如何判断...

你知道奇怪的移动视口错误（也称为100vh bug）吗？或者如何以正确的方式创建全屏块？ 一、100vh bug 什么是移动视口错误？ 你是否曾经在网页上创建过全屏元素？只...

前言 在百度的学长，帮我内推了下简历。高兴还没有两秒，就接到通知面试的电话，瞬间压力山大。小公司也没怎么面，八股文背的也不利索，看到镜头里又秃又强的面试官的那一记得，有如看...

这一年，左耳朵耗子走了，大家更要注意身体。 这一年，都是前端已死的论调，我偏偏不信，和很多人争论，就是为了给大家更多温暖。 这一年，降本增笑，我见识了太多，洒泪离开前团队，...

webpack5推出一个新功能叫module federation,意为模块联邦，它提供了一套在不同项目构建之间模块的调度、运行机制。很像微前端，但又不限于此。本文结合案例...

一. 引言 自webpack5发布以来，推出了很多全新的特性，其中最主要的就如下三点： ① 可持续性缓存--通过cache配置可实现首次构建后一直保存缓存。 ② 真正意义上...

本文通过对webpack5的module federation的相关配置，对打包后代码进行梳理，了解其运行时的相应状态，在从源码出发，简易的对webpack federat...