人生中必做的 100 件事 学唱歌！！然后去人多的地方唱歌！！我要唱《我用什么把你留住》 爬泰山！！ 流利的说英语！！泰裤辣！！ 瘦到110斤！！实现穿衣自由！！

vitepress构建我的笔记页面前言 为什么用vitepress而不是vuepress：vitepress基于vite构建项目，vuepress基于webpack，vitepress更快。 为什么用yarn而不是npm：官网用的yarn，而且yarn更快 1、初始化参考：VitePress 手把手完全使用手册 - 掘金 (juejin.cn) 参考：十分钟用vitepress搭建项目文档 - 知乎 (zhihu.com) 官方文档：Using Vue in Markdown | VitePress 一开始构建出来的界面出现中文乱码，解决：(92条消息) VuePress 的md文件内容显示乱码解决方案_吉尔想放假的博客-CSDN博客 1.1 docs/index.md 中定义首页 VitePress 的布局整体可以分为 4 种：doc 、page 、home 和 没有任何默认布局（空白页面），布局语法： 12345678910需要注意的是，下面的语法一定要写在 md 文档的头部才会生效---layout: doc（文档页） | page | home（首页）-- ...

用dumi创建一个属于自己的组件库！1、初始化配置1.1 生成网页参考官网：初始化 (umijs.org) 123456$ npx create-dumi #通过官方工具创建项目? Pick template type › - Use arrow-keys. Return to submit.$ ❯ Static Site # 用于构建网站$ React Library # 用于构建组件库，有组件例子(选这个)$ Theme Package # 主题包开发脚手架，用于开发主题包$ npm start # 安装依赖后启动项目 1.2 左上角顶部Nav配置 参考：【前端工程化】使用dumi2搭建React组件库和函数库详细教程和最佳实践 - 掘金 (juejin.cn) 在dumic.ts中配置： 12345678910export default defineConfig({ // ... themeConfig: { name: 'dumi2-demo', nav: [ { title ...

简单的NFC读写器Created: February 5, 2023 11:30 PM 视频演示 一、功能描述为了便于中南大学的老师们体测成绩登记更加快捷方便，基于13.56MHz通信技术和手机的NFC功能，使用老师派发的RFID卡片和NFC标签，构建了一个RFID应用系统，实现对Ndef和MifareClassic两种卡片数据的读写。 二、设计简要描述1、UI界面设计 2、程序设计 首先判断是否支持NFC，再判断NFC是否打开，若没有打开则跳转到手机的设置界面。如果打开此时可以看到按钮状态，只有ReadBtn是可点击的，点击ReadBtn，弹出ReadDialog寻找标签，当标签靠近时关闭ReadDialog，判断标签数据类型，读取标签数据同时更改主界面文本框中的值。此时WriteBtn变为可点击，点击WriteBtn，根据ReadBtn判断的标签数据类型弹出相应的InputDialog，最后弹出ReadDialog寻找标签并将数据写入，最后将更改完毕之后的数据呈现到主界面的文本框中。 三、学习笔记1、标签可以分为两大类：1、NDEF TAG：常见的NFC ...

CardSpending APP一、主要功能1、用户刷卡登录 将卡片靠近读卡器 利用NFC功能读取IC卡中存储的用户ID以及password，再向远程服务器发出HTTP请求，远程服务器发送数据到手机中，最后页面响应变化反应给用户。 2、充值功能 输入充值金额或者点击相应的金额按钮使得确认按钮可点击 点击确认按钮，弹出ReadDialog, 将卡片贴近读卡器，向卡片中写入信息同时更新服务器中的信息 将更改的充值信息更新到UI界面上，可以看到下图账户余额变为250元 3、消费功能 输入消费金额或者点击相应的金额按钮使得确认按钮可点击 点击确认按钮，弹出ReadDialog, 将卡片贴近读卡器，向卡片中写入信息同时更新服务器中的信息 将更改的充值信息更新到UI界面上，可以看到下图账户余额变为230元 4、历史记录查看功能 进入“我的”界面，点击历史记录 跳转到历史记录界面 手机请求服务器数据，并更新到UI界面 可以看到下图出现最新的充值消费记录 二、实现方法整体设计 服务器端 使用Node.js实现后端逻辑 使用Apipost写接口文档 使用花生壳做内网穿透实现外网可以 ...

Weather Broadcast APPCreated: December 3, 2022 12:43 AM 视频展示 一、主要功能1、主视图和细节视图在手机中包含主视图和细节视图，主视图显示连续多天的天气预报简讯，如图表 1所示，用户在主视图中点击某一天的天气简讯以后，跳出细节视图，显示用户选定当天天气的详细信息。 2、 支持平板显示在平板中使用Master-detail视图，当用户点击某一天的天气预览以后，直接在界面右边显示当天天气的详细信息，如图表 3所示。 3、主视图菜单栏功能实现 主视图中包含Map Location和setting选项，通过”Map location” 选项，可以调用手机中安装的地图应用显示当前天气预报所对应的位置，如图表 4所示，用户可以通过setting选项可以修改天气预报的位置，温度的单位（华氏度、摄氏度）以及是否开启天气通知，如图表 5所示。如果setting选项中的天气通知选项打开，会定期发送通知消息，其中显示当天的天气简讯，如图表 6所示。 4、细节视图菜单栏功能实现细节视图菜单中包含分享和setting选 ...

Git踩坑记录前言记录git报错场景： 我想把本地已经写好的项目上传到git，根据网上的某些教程，我依次进行了如下操作: 参考：git上传文件基本命令 在我要上传项目的根目录，鼠标右键Git bash Here 123git init #把这个目录变成git可以管理的仓库（ repositories ）git remote add origin https://github.com/XX/XX.git #添加新的git方式的origin, github上创建好的仓库和本地仓库进行关联git pull origin master #把远程仓库更新与本地分支合并 此时报错：fatal: couldn't find remote ref master，但如果是新建的仓库（ repositories ）的话在pull代码的时候，出现这个提示，可以忽略不计。 12git add . #添加文件夹下的所有文件到缓存区，我执行了两次，第一次有三个warning，感觉没起作用git commit -m "这里是注释" #提交添加到缓存区的文件 此时报错：error ...

搭建Bolg全过程记录1、Hexo+GithubPage+阿里云域名配置搭建过程这个博主说的比较清楚：使用 Hexo+GitHub 搭建个人免费博客教程（小白向） - 知乎 (zhihu.com) Hexo+GithubPage搭建原理：在本地撰写 Markdown 格式文章后，通过 Hexo 解析文档，渲染生成具有主题样式的 HTML 静态网页，再推送到 GitHub 上完成博文的发布。 访问网址deploy到Github上之后就可以通过https://用户名.github.io来访问你的博客了 也可以通过域名来访问，在阿里云上购买一个即可。 Hexo 博客文件夹目录结构如下： _config.yml文件的配置 | Hexo 注意：仅仅注释掉某些配置并不会引起页面改变，除非改变配置的值！！ 注释掉之后照样显示： 除非删除对应的值： 此时显示： 2、Hexo常用命令搭建相关 初始化 1hexo init [folder] #新建一个网站。如果没有设置 folder ，Hexo 默认在目前的文件夹建立网站。 在某些情况（尤其是更换主题后），如果发现您对站点的更改 ...