去年 10 月份左右，学校组织活动需要，要求 7 天内实现一个登山节打卡用微信网页，包含定位打卡，排行榜，抽奖等等功能，其实当时一周内我就已经完成并迭代至稳定，~~但是当时这个博客还没有重构完故没有记录~~，如今新一期的活动准备开始，新功能和管理面板的开发需求也已经接近完成。但还没完成 ~~（硬控了我好久）~~，分享一下核心功能的实现思路。 ## 定位区域和有效范围实现 ![image](ht

最近一直在学习 React 高阶知识，因此对于主页的开发再一次停滞了，主要也是一段时间内没有找到什么灵感，今天空闲时间打开又添加了一些另外的功能，其中包括了折腾了好久的主页加载 Spring （不是那个 Spring 啦）弹簧效果和模糊效果。 <!--more--> 最后的效果在 **[Grtsinry43 的个人主页](https://www.grtsinry43.com/)** （最近

在 22 年刚创建个人主页的时候，由于我的技术水平不够，只能用一些 wordpress typecho 这种直观的工具，后来因为换域名等等一系列的问题就被搁置了...再后来为了过备案，用图形化工具和 bootstrap 糊了一个，而如今熟练掌握 Vue 和 React 等框架之后，也到了完全重写的时候了，于是就有了这段记录。 <!--more--> 关键词：Vue SSR，Nuxt.js

最近在开发一个微信 H5 的项目，采用的是 Vue3+FastAPI，正好学习下微信用户登录，api 配置和调用，以及前后端关于这部分的解决方案 <!--more--> 对微信网页开发的探索起源于最近的一个项目，需要一方面调用微信登录获取用户信息和将 token 作为区分用户的方式，另一方面要调用微信网页的 API 实现定位的操作 于是我查询微信官方开发文档，还有一些相关资料，按照自己理

使用Less变量简化css写法，并不影响css变量和媒体查询在深浅模式切换时的效果 <!--more--> ## 分析问题 首先要清楚问题的来源是什么，使用媒体查询api可以根据深浅色为css变量赋予不同的值，而Less（或是scss）不是原生被浏览器所支持，运行时需要先转为为原生css，这一步也就是编译，有点类似ts和js的关系。这里采用的是vite创建的Vue3项目 而Less/Sc