梦想家Hyuk

这是我参与更文挑战的第4天，活动详情查看： 更文挑战。 第一章：环境搭建 由于前端圈已经被React 18和Vite刷爆了，秉着尝鲜的想法，决定使用React18 + Vi...

这是我参与更文挑战的第5天，活动详情查看： 更文挑战。 初衷是为xdm在不暴露个人信息的情况下，对比小金库买房，给女票一个惊喜。首付小工具是以x市作为模板，欢迎兄弟们PR，...

这是我参与更文挑战的第6天，活动详情查看： 更文挑战。 下面所有的例子以及代码都是以Mac环境,编辑器是vscode，如果遇到什么问题，欢迎加入交流群，一起交流。 上篇文章...

这是我参与更文挑战的第7天，活动详情查看： 更文挑战。 从第一道面试小题看起： 思考片刻，想必大家都有了答案，下面来揭晓答案： 这里可能会有几个疑问： 1、为什么第一行输出...

这是我参与更文挑战的第8天，活动详情查看： 更文挑战。 问题 1、当你电脑已经绑定一个git账号的时候，去切换另一个账号的时候 1）切换账号 2）这个时候安流程去提交文件 ...

这是我参与更文挑战的第9天，活动详情查看： 更文挑战。 起因是把爬了一些美女的照片，想展示一下。用vite脚手架生成了一个Vue的项目，但是由于这些图片是不断更新的，所以不...

vite源码 vite加载流程 vite介绍 vite插件 vite钩子函数 Vite 是一个由原生ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生ES i...

微前端流程分析 sing-spa源码分析 single-spa-react源码分析 微前端应用 微前端实践...

前言 由于Manifest V3接近与Manifest V2的完全功能对等，Chrome Extension将逐步淘汰Manifest V2，作为与时俱进的前端吃瓜人，本文...

从0到1打造Chrome Extension Cli，开箱即用，支持React 18、TypeScript、Arco Design、Tailwind CSS等主流技术，让你...

通信 而对于插件background、popup、content、Devtool是可以相互调用的，具体通信可以看下图： 脚本权限 我们已经了解了存在的几种通信路径，通信意味...

> 在插件Manifest V3中，废弃webRequest API，替换成declarativeNetRequest API。 ## 简介 chrome.declarat...

背景 从入职到现在，报警群里每个月总会有几个Loading chunk xxx failed的告警，尝试过联系CDN组的同学帮忙排查，但也查不出问题，最终还是不了了之，后续...

有趣的面试题 一天小🐟面试心脏跳动，前面面试小🐟进行的非常顺利，面试官也是对小🐟非常满意，一时兴起就问：小🐟同学，你知道100*100 Canvas占用内存多大？小...

前端导出文件大部分还是通过服务器端的方式生成文件，然后传递到客户端。但很多情况下当我们导出CSV时并不需要后端参与，甚至没有后端。...

协变和逆变都是术语，前者指能够使用比原始指定的派生类型的派生程度更大（更具体的）的类型，后者指能够使用比原始指定的派生类型的派生程度更小（不太具体的）的类型 。 泛型类型参...

什么是单元测试 维基百科对单元测试的定义： 通俗的说就是对软件中的最小可测试单元进行检查和对这个单元的单个最终结果的某些假设进行校验。 测试金字塔 在金字塔模型之前，流行的...

关于前端HTTP相关的P0事故预警，不来了解一下吗？在HTTP传输协议中，HTTP headers中不能包含ISO-8859-1以外的字符集。...

在IEEE754标准中，有两种显示浮点数的方法：单精度和双精度。在进行浮点运算时，单精度使用32位，而双精度使用64位。Javascript作为一门动态语言，其数字类型包含...

babel presets和plugins的区别 在 Babel 中，presets 和 plugins 是用于配置和应用不同的转换规则的两个重要概念，它们有以下区别： P...