魔王の博客

问题引发 公司开展新项目，准备使用React，用React的主流框架肯定是Antd啦，为了防止公司样式污染以及结合了一些老项目的痛点，决心使用Tailwind来弥补这些问题，然后引发了按钮没有颜色的Bug 在原有C...

为什么要有Volta 一个项目组有多个前端现象，使用的Node版本都不一样，并且有前端工程师一个人管理多个不同node版本的前端项目需要频繁的切换Node版本 使用 Volta 官网：https://vol...

为什么要有虚拟列表这个东西 很多时候前端被迫被逼着接收上百条，上千条，上万条数据（因为需求的缘故），没有相关经验的前端会直接直接赋值渲染上去。 但是这样子操作是有很大的弊端的。轻则让浏览器卡顿，重则浏览器崩溃。更严...

回忆录1: 一次给别人解决BUG引发的问题 事情是这样的，一个小伙伴问我一个问题。项目写了个插件，导出到NPM中了，但是通过npm install 下来无法使用，仔细检查，发现依赖都是装载在 devDependen...

类型“ImportMeta”上不存在属性“glob” 如果直接使用import.meta.glob，vscode会报类型ImportMeta上不存在属性“glob”的错误，需要在tsconfig文件下添加类型定义v...

变量 声明变量 // 普通变量 let x = 5; // 无法修改 类似常量 <!-- br --> let mut x = 5; // 增加mut 变为可修改 ...

// main.rs <!-- br --> use std::io::prelude::*; use std::net::TcpListener; use std::net::TcpStream...

表妹上大学了，理工类的学科，看来以后绝对优秀人才呢。因此需要一个blog来记录学习过程。 为什么使用 Astro 当然和我是前端工程师是分不开的关系，本来也是推荐使用一些PHP的blog程序，但是需要一些服务器...

我正在学习准备rust 学习资源： <!-- br --> 官方文档 ...

如果是windows环境下，记得安装上 ubuntu ，然后安装好docker Desktop 搜索nginx镜像 ...

起因 看到老师发这玩意，不管是什么，总得折腾一番 😁 如何使用 Surge.sh 免费部署静态网站 ...

起因 网友学习java工作了，公司领导给了个需求，要播放视频同事鼠标悬停到进度条位置有预览效果 类似 ...

起因 程序媛妹妹问我面试题，怎么好好的解释原型链(或许她问的什么是原型链)，嘛！毕竟写vue都要理解这玩意捏。 理解 每一个对象都有自己的原型链，有自己的内置对象，有自己的prototype 和 proto...

起因 一个程序媛妹妹问我vite如何配置多应用，我仔细想了想，什么是多应用？？，后来经过gpt搜索，百度资料，哦~ 原来叫做 多页面应用 ，然后这就去研究。 想打包出来的目录结构是这样的: 妹子是使用ro...

起因 学习某低代码平台代码，看packages中有个exports，指向了不同的js文件，疑惑为什么这么做 解惑 在通常情况下，我们会使用 main:"index.js" 指向单独指向一...

什么是 swc 在swc没出现之前，一直是使用 babel 来处理转换旧版本 JavaScript 的工具，也可以给typescript使用，ast解析树，压缩等等.. 是前端工程换不可缺少的一环。 而 Bab...

准备 <!-- br --> fs # 操作文件 <!-- br --> @babel/parser # 就是babel 只不过是一个api的使用方式 babel是一个编译工具 将新的e...

个人Astro主题 - SXQ 一款 Astro 的二次元风格捏，应该会有人喜欢的，正在慢慢完善中，欢迎指出问题提出意见。 Github 项目地址 ：https://github.com/itmowang/sx...

为什么需要 Web Worker 由于 JavaScript 语言用的是单线程，同一时刻只能做一件事， 如果又多个同步任务执行完之前，下方代码不会执行。造成了堵塞，页面无响应。 但如果把这段代码放到 Web W...

什么是vh，vw 在css中 vh 表示窗口视图的高度百分比, vw 表示窗口视图的宽度度百分比 , 1vh 等于窗口视图高度 1%，而1vw 代表视图宽度的1% ，一般我们使用 100vh 来自定义我们的视图大...

具体完整代码可以去查看我的github项目，mw-cli - 一个Nodejs脚手架工具 战斗准备 建立一个项目文件 打开命令窗口 我们所使用的一切为pnpm npm install pnpm -g ...

Reflect Reflect 是一个内置的对象，他提供了一些方法来 操作对象 的属性和方法， 并且它还提供 拦截 JavaScript 操作 的方法。这些方法与 proxy handler (en-US) 的方法相同...

...

起因 沉冰A梦写了个新的主题，也就是本博客的主题，在使用中发生了很多功能缺失的问题，往往从一个 demo 改为一个真正可用完整的东西的时候，少不了折腾，而我和沉冰不是用的一个代码仓库导致无法代码直接合并查看差异 ，...

JS 是单线程 js 特性单线程，js 是主要和用户互动，和操作 DOM，决定了他只能是个单线程，否则会出现很复杂的同步问题 。 单线程就意味着，所有任务必须要排队执行，只有执行完前面的，后面的才会执行， 如果前一...

常用的 React 库 react // 不必多说 react-dom // React的官方渲染库，用于将React组件渲染到浏览器中 react-router-dom // React ...

也算是用React写过几个项目了，不管是实际业务上面感觉都有一定的把握。特此准备写一个脚手架项目模板。 项目准备 建立 react-admin 文件夹 <!-- br --> pnpm init ...

.nojekyll 文件是什么 使用 Nuxt 的过程中，发现在 generate 生成的 dist 文件夹下会有一个名为 .nojekyll 的空白文件，它是干什么用的呢？ Github Pages 默认是基...

为什么会有需要用到跨浏览器通信的需求 因公司老项目一次线上出现bug，发现一个用户开了多个浏览器窗口， 发现登录不同用户不同存在浏览器缓存的token已经更换， 但是用户已经更改，页面没有登出，原本的页面还是可以提...

CloudFlare Worker 反向代理 github 博客做图床 目前老师写了一个新的 BLOG 主题，支持纯静态部署的，想到了 github pages 功能，部署静态博客后,发现图片不知道怎么处理，一般来...