NEW pnpm使用介绍 介绍 一般前端项目使用npm做包管理，下载依赖包到项目node_modules文件夹下。 但是发现一个基础项目node_modules文件夹就有几百兆，每个项目都要下载一次，太占硬盘。 pnpm可以解决这个问题，它下载依赖的时候下载到全局文件夹，然后通过硬链接的方式关联到项目node_modules文件夹下。 但是具体配置还挺多的，网上教程也不够详细，这里总结一下配置和使用方法万一有写的不对，欢迎指正。 安装 npm install -g pnpm 先全局安装pnpm 然后打开下面文件，没有就创建 C:\Users\用户名\.npmrc registry=https://registry.npmmirror.com/ global-bin-dir=D:\greensoft\IDE\pnpm_modules_repo cache... 2024年05月16日 编程 暂无评论 喜欢 0 阅读全文
NEW element-plus的form表单 介绍 form表单官网介绍非常多，但是很难看懂怎么用的。 这里用个例子介绍常用场景 这里一个form表单设计两个提交按钮， 第一个提交按钮需要校验验证码和邮箱。 第二个提交按钮不需要校验验证码，校验验证码以外的的其他输入框 官方文档 https://element-plus.org/zh-CN/component/form.html 使用 <template> <div class="register-container"> <el-form :model="form" :rules="rules" ref="formRef" label-width="100px"> <el-form... 2024年05月16日 编程 暂无评论 喜欢 0 阅读全文
NEW django验证码组件插件django-simple-captcha的使用 介绍 官网如下 [https://github.com/mbi/django-simple-captcha](https://github.com/mbi/django-simple-captcha https://django-simple-captcha.readthedocs.io/en/latest/ 实现效果就是，调用接口返回一个验证码图片和一个key值。同时后台数据库会创建验证码code和对应key值和有效期 key值在前端是隐藏的，随着提交接口一起发送到后端，在数据库里筛选出对应hashkey的code与前端传过来的code是否一致，并且在有效期内。 本文会介绍使用中的一些坑，网上好像搜不到。 安装 因为我的项目是django3.2，所以按官网介绍，支持3.2的最后一个版本是5.2。不要安装5.19或者6.0，因为会自动卸载你的d... 2024年05月16日 编程 暂无评论 喜欢 0 阅读全文
NEW pinia持久化存储pinia-plugin-persistedstate 介绍 pinia是vue的状态管理库，默认是保存在内存里如果刷新页面状态会丢失。 pinia-plugin-persistedstate插件将pinia状态变化自动保存在localStorage中，这样页面刷新也不会丢失了。官网 https://prazdevs.github.io/pinia-plugin-persistedstate/zh/guide/ 安装 安装： npm i pinia-plugin-persistedstate 在main.js注册： import { createPinia } from 'pinia' import piniaPluginPersistedstate from 'pinia-plugin-persistedstate' const pinia = createPinia() pinia.use(pi... 2024年05月13日 编程 暂无评论 喜欢 0 阅读全文
obsidian文件自定义排序插件 介绍 obsidian默认不能像onenote一样自定义文件夹的顺序，这样想对某一类接近的内容进行归类就不方便 这里介绍一个增强插件解决这个问题，顺便还有点坑要注意 使用 Make.md 插件 安装之后会多一个图标，在这个选项卡下管理文件夹就可以排序了。 这个插件功能很多，不只是能对文件夹排序 在设置里可以选择关闭一些不需要的功能，比如文件夹前面加emoji表情等 这里有个坑，默认开启第一个Navigator会导致，右键在文件列表中选中当前文件功能失效，对找文件还是不太方便的，关闭就正常了。 ... 2024年05月10日 计算机与互联网 暂无评论 喜欢 0 阅读全文
obsidian上传图片picgo图床插件 介绍 typora支持上传图片到picgo图床，obsidian也有类似插件 这样有时候写文章想分享就需要另外用typora打开了 不过缺点是这个插件不支持整篇文章所有图片一起上传 只支持粘贴图片时候自动上传或者右键单张图片上传 使用 插件名字 image auto upload Plugin 看截图即可 ... 2024年05月10日 计算机与互联网 暂无评论 喜欢 0 阅读全文
obsidian导出单篇文章的markdown文档 介绍 越来越习惯用obsidian做主要的笔记工具了，对代码显示的良好支持，还有各种丰富插件实现其他笔记实现不了的功能。 本文介绍将单篇obsidian笔记导出为markdown文档，方便分享。 主要是将这篇笔记相关的图片和附件能集合到一个单独的文件夹里 这样导出的obsidian笔记还可以再用typora打开导出为html等操作。 使用 在pkmer Market安装插件Obsidian markdown export 安装后，对单篇文章右键选择export即可。就会将这篇笔记导出到out文件夹，文件夹下的attachment是保存的图片附件。 设置里可以关闭重命名附件图片的名字 ... 2024年05月10日 计算机与互联网 暂无评论 喜欢 0 阅读全文
wordpress针对code标签的代码高亮实现 介绍 使用markdown转换为html发布博客的时候，代码块会被包裹在 pre code /code /pre 标签里。 本文介绍一个简单方法，也是本博客采用的方法，能自动对code标签里的代码块高亮显示。 网上很多教程针对博文的代码高亮，需要安装插件，需要在编写的时候针对代码手动插入短代码等，都感觉蛮复杂的不适用 不过本文缺点是样式不是特别好看，貌似不能针对不同语言显示不同样式 实现效果如下 实现方法 <link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/default.min.css"> <script src="https://fastly.... 2024年05月09日 wordpress 暂无评论 喜欢 0 阅读全文
可拖动大小的双栏vue页面分享 介绍 分享一个自己写的简单的双栏页面，中间有个拖动条，可以左右拖动来改变左右双栏的大小。感觉自己写很多功能可以用到挺方便的，避免重复造轮子。 代码 TwoColumnsResizView.vue <template> <div class="tccontainer"> <div class="sidebar" ref="sidebar"> <slot name="left"></slot> </div> <div class="resizer" @mousedown="startResize"></div> <div class="main-content" ref="main... 2024年05月09日 编程 暂无评论 喜欢 0 阅读全文
element-plus的el-pagination分页控件使用笔记 介绍 element-plus是vue常用的组件库，但是官方文档介绍不是很详细，这里把自己用到的常用点总结一下方便使用 https://element-plus.org/zh-CN/component/pagination.html 典型使用 请求后台接口，得到总页数（page-count），当前页码（current-page），当前页数据，然后填入el-pagination组件中。 点击某个页码的时候调用 @current-change="selectpage"方法 <el-pagination large background v-model:current-page="feedArticlesStore.page" layout="total, p... 2024年05月09日 编程 暂无评论 喜欢 0 阅读全文