魔王の博客

介绍 一个基于 Monorepo + CloudFlare Worker + CloudFlare Pages + CloudFlare D1 + Prisma + NodeJs 的简易全栈项目模板。 升级日志...

搭建环境 # 推荐使用yarn npm i -g yarn <!-- br --> # 创建工作目录 mkdir electron-vue cd electron-vue yarn init &l...

最近不少人问我内网穿透的问题，我觉着作为一个开发者，正常可能经常会有些这种需求， 一般直接推荐 花生壳 、NATAPP等产品，但是直到问我，想要映射的端口太多怎么办，想绑定域名怎么办，不想备案怎么办，等等等这些问题。。...

尝试了下 React Native 搭建跑起第一个Demo (第一次跑React Native是会比较花时间的，耐心去一步一步去解决就好) 准备工作 安装所需的工具 JDK 17 版本必须要大于等于17 ...

在思考使用原生应用还是使用混合开发的时候，准备拿fullter和React Native做对比，发现官方文档有个推荐的切换镜像源的方式nrm ，故此来记录一下。写下我一般是怎样切换镜像的 (想到什么记录什么) 常用...

因为公司最近可能会APP开发的需求，并且手头工作已经接近尾声，身为一个前端，现在多端混合开发在国内是很常见的，首先第一时间考虑UNIAPP，但是在此之前给PDA设备开发了一套软件，性能给我的感觉极度糟糕，并且感觉问题杂...

平时就有去各种平台找各种大佬博客的习惯并学习一二，一次偶然的机会看到一个博客文章很有趣，《重拾 flash 小游戏，给博客用上 Ruffle》 - J.F’s Blog ，因为从我的记忆里FLASH是个淘汰过时并且淘...

先使用npm 安装tailwindcss pnpm add tailwindcss 命令创建 tailwind.config.js 配置文件 并修改 npx tailwindcss init ...

语义化版本 2.0.0 摘要 版本格式：主版本号.次版本号.修订号，版本号递增规则如下： 主版本号：当你做了不兼容的 API 修改， 次版本号：当你做了向下兼容的功能性新增， 修订号：当你做了向下兼容的问...

回首往昔，无趣的过往。没有任何精彩的事情发生，只有空的躯壳像NPC一样再运作。上一次写我的脚手架工具已经是一年前了，当时很多不成熟的思维也慢慢得到了改正，所以决定重新写一份了，毕竟每年都要好好的检查下自己嘛 必备项...

在现在很多项目中都使用ts来做为编程语言，而如果没有编译器的支持下执行ts会需要tsc或者ts-node这个库来进行编译，然后nodejs去执行我们的ts文件，会影响工作效率和带来心智负担，困扰的我无意中发现了个项目 ...

为什么要使用 RSS ? RSS是一种用于发布经常更新的内容的网站的一种数据格式。通过RSS，网站可以将最新的文章、新闻、博客等内容以统一的格式提供给用户。而用户则可以通过RSS订阅这些内容，无需再次访问网站，便能...

介绍 Cloudflare Workers 是一种分布在全球范围内的轻量级无服务器计算形式。它们允许您尽可能靠近最终用户部署和运行应用程序 , D1 是 Cloudflare 的原生无服务器数据库。基于 SQL...

因为最近在折腾SSR项目，看上了Cloudflare的Worker可以部署Node项目，所以打算写几篇CloudFlare利用的文章。之前也有写过使用利用CloudFlare进行反向代理 CloudFlare Wo...

为什么要使用 SSR GPT 回复 更快的首屏加载时间：SSR 将初始 HTML 页面在服务器上生成并发送给客户端，从而使用户在请求页面时无需等待 JavaScript 的加载和执行即可看到页面内容。这种方式可...

上次配置好了eslint ，在我们每次提交代码的时候就进行代码检测，这次我们写上配置lint-staged 进行代码修复。 安装 lint-staged # 安装指令 pnpm add lint-staged ...

之前说过了husky的简单安装和使用，而我们需要在每次代码提交前做一些代码检测和代码修复，一般有很多种方式，可以依赖于cicd自动化的时候进行代码检测等工作，但是我们也可以在开发的情况下避免这些情况的发生。 ESL...

什么是husky Husky 是一个用于 Git hooks 的工具，它能够在特定的 Git 操作（如 commit、push 等）之前或之后自动运行脚本，从而帮助开发者保持代码质量、执行代码检查、自动化任务等。将...

console.log 常规的打印 console.log("魔王"); ...

常规项目日常开发的时候我们经常用到上传这个功能,一般日常的话不会有很大的文件上传，但是就是有不长眼的需求过来。 == 切片上传优点 大文件分割，切片后分批上传，减轻服务器压力 断点续传，可以记录上传...

为什么会知道这个 一个群交流看见的。 有这么个解决方案，记录下。毕竟有时候真的需要很粗暴的解决方式。 原先随意请求一个非同源的接口。 ...

起因 公司项目出现问题了，业务人员说设备APP升级了无法安装，我想了想最近除了改过业务类的代码，也没有动过其他代码啊，为什么会出现问题 ？ 判断问题 测试环境测试，云打包测试，打包后安装，可以安装。 离线...

2024 年 5月 5日 练完车，回来了, 明天又要上班了。工作是没有什么能给人内心带来充实的。只有学点东西能带来一点。 为什么要学Angular 身边太多Angular爱好者了，感觉不稍微学点融不进圈子，...

useState useState 是一个 React 的 hook ，它的作用是让你向组件添加一个状态变量。 const [state, setState] = useState(initialState);...

出现问题 和往常一样，工作日工作没做完，默默地的周六来公司加班修改项目代码，周末写没人打扰写代码真的是太爽了！，感觉一切顺顺利利没什么问题。下班走的时候还心里想像 我写的代码就是诗 直到周一，同事问我开发环境...

起因 最近正在业余时间编写 Vue 的组件库, 设计完按钮组件后正准备设计 Icon 组件，看大佬 antfu 巨佬的支持过的 iconify 组件库，发现 iconify 的使用方法和我之前使用的 iconfon...

写了套 React 的组件库后，觉着无法满足自己的需求，又删了重写了。。 从搭建 Monorepo，到编写组件测试的时候就发现了问题。 原因 造成这个问题是因为又 2 个不同的 vue 版本，因为我打包的...

keyof keyof 是一个类型操作符, 用于获取一个类型所有的键值(属性名的)联合类型 interface Todo { <!-- br --> name:string, ...

前言 本篇介绍的是 Typescript 中经常使用的一些类型,这些类型一般都是做一个项目中经常需要用上的. Required 将类型非必填改为必填 ...

Pick （选取） 官方介绍 : 通过从 interface 中选取属性集 Keys 来构造类型指定的Type。 示例 // 原接口 interface Todo { ...