使用 CloudFlare Workers 实现 CORS 跨域完整代理 API

CloudFlare Workers 可以实现很多需求,通过它来代理访问非公开、未设置 CORS 头的 API 也在官方的示例项目内。不过由于免费 plan 的访问量限制以及性能限制等,一般用来给自己的实验性项目做一下简单代理。这里以 Bangumi 的 API 为例演示完整的实现。

   6 分钟  javascriptcloudflarecors

JavaScript AJAX 快速参考笔记

直接进入正题,内容分为两部分:一部分为传统 XMLHttpRequest,另一部分是与 Fetch API 相关的 API 内容。

   4 分钟  javascript

Vue 3 即时笔记

这篇文章用于记录自己在学习 Vue 3 时不够熟练的部分以及与 Vue 2 有不同之处的部分,用于自己将来的复习及日常开发。笔记将会随着自己的学习进度随时更新。

   7 分钟  vuejavascript

JavaScript 继承方式简单笔记

直接进入正题,下图为继承方式的简单分类,这里主要只注重于组合继承、寄生组合继承与 ES6 Class 继承。

   2 分钟  javascript

Vue 2 即时笔记

这篇文章用于记录自己在学习 Vue 2 时不够熟练的部分以及与其他框架有不同之处的部分,用于自己将来的复习及日常开发。笔记将会随着自己的学习进度随时更新。

   6 分钟  vuejavascript

Node 登录模块、权限验证、错误处理和可配置自定义中间件实现笔记

近期在补习 Node.js + MongoDB 的配合使用,目前已基本将后台管理界面完工。下一步是本人此前从未接触过的账户登录管理以及鉴权相关的内容,因此将学习过程中简单的完整实现记录下来便以后回顾。

   7 分钟  nodejsjavascriptmongodbexpress

React 即时笔记

这篇文章用于记录自己在学习 React 时不够熟练的部分以及与其他框架有不同之处的部分,用于自己将来的复习及日常开发。笔记将会随着自己的学习进度随时更新。

   6 分钟  reactjavascript

Node + MongoDB 通用 CRUD 接口实现笔记

近期在补习 Node.js + MongoDB 的配合使用,最初目标是实现一个接口用于 CRUD 分类数据。项目继续发展的时候发现除去分类数据以外,其他数据也需要用到几乎一模一样的接口。在路由中重复定义一大堆只有名字不同的接口对于学习用的小项目来说实在是有点没有必要,因此尝试学习了通用 CRUD 接口的实现。

   3 分钟  nodejsjavascriptmongodbexpress

更新深色模式主题并支持 prefers-color-scheme

自己给博客写的主题 Fuji 正在进行大改版,顺手也把夜间模式 (深色模式、黑暗模式?都差不多) 进行了改版以适配 prefers-color-scheme

v1 的旧实现方法

起初写主题的时候深色模式用了最基础的办法,也是兼容性最好的办法。给 body 加上 data-theme 属性,根据属性值是 light 还是 dark 判断主题。CSS 中独立写出两种配色,分别包括在 body[data-theme='light']body[data-theme='light'] 块内。

直接维护两套样式的方法清晰直观,但会造成冗余代码,而且构建一时爽、维护火葬场。

   3 分钟  htmljavascriptcss

CloudFlare 的 Rocket Loader 导致切换夜间模式闪烁

近来在给我的 Hugo 主题 Fuji 写一次大更新,准备添加一些新功能顺便整理一下混乱的 SCSS 结构。由于近期入手一台 iPad,晚上几乎一直是在夜间模式下逛网页,因此计划给主题添加一个夜间模式。原本挺简单的一个小功能没想到却踩了不少坑,在此记录一下。

   2 分钟  htmljavascriptcloudflare
1 2