精选分类
Blazor
C#
CSS
Vue3
文章列表
shoka主题配置音乐播放器
uu1:大佬, 你那个博客的音乐怎么搞出来的, 具体的配置还有步骤可以讲一下吗
uu2:师傅怎么添加音乐播放器啊,我也是 shoka 主题
本懒癌患者一直沉迷工作和生活,这次就好好的讲解下怎么在 shoka 主题下配置音乐播放器。
可参考 shoka 链接: https://shoka.lostyu.me/computer-science/note/theme-shoka-doc/config/
首先,这件事真的不难!!!文档如果看不懂,就把大佬的项目下载,自己跑一遍,修改里面的代码,再看看运行效果,很快就知道什么是做什么的了。
#...
more...
Vue3|使用xlsx库实现前端解析excel数据
# 用途
提供一个 Excel 文件,将里面的内容转成 JSON 数据用以展示、编辑等各种操作
# 安装
npm install -save vue3-xlsx
or
yarn add vue3-xlsx
# 实现
utils.js
simport * as XLSX from 'xlsx'; /** * 命令式触发系统文件选择器,并返回所选文件数据 */export async function selectFile({ accept = '.*', multiple = false }) {...
more...
Hexo博客添加HTML
# 根目录建立文件夹
在博客根目录的 source 文件夹下,新建一个文件夹用于存放要部署的 HTML 文件夹,里面存放需要添加的 html 文件
# 配置跳过渲染
在博客根目录的配置文件_config.yml 文件里,设置跳过渲染
单个文件,就写:
# 跳过渲染
skip_render:
- "xxxx.html"
如果只创建了一个文件夹,要跳过它目录下所有文件的渲染,就写:
# 跳过文件夹下所有文件
skip_render:
- "文件夹名/*"
如果父文件夹下还有子文件夹,就写:
#...
more...
封装一个复制文本功能的方法
代码:
/** * 复制文本到粘贴板 g * @param {String} text 需要复制的内容 * @return {Boolean} 复制成功:true 或者复制失败:false 执行完函数后,按 ctrl + v 试试 */export function copy(text: string): boolean { const textareaEl = document.createElement('textarea');...
more...
使用Vue3+TS来实现“表单的复制”功能
# 需求:
1. 输入框可自由并独立的输入;
2. 点击‘复制并新增’按钮就复制上一条数据并将 dom 元素也复制下来;
3. 复制下来的输入框均可独立输入修改,不会影响上一条;
# 思考:
1.Vue3 是数据驱动,往这个方向去实现,而不是想着去操作 Dom;
2. 数据结构:整个表单数据可以是数组,那么每个元素是对象,一个对象代表一组输入框的数据,每个属性则对应每个输入框具体数据;
3. 采用 v-for 将数组循环出来,如果是空数组,界面将没有任何显示,但又不能给数据;
4. 针对 3 先声明一个对象,每个属性为空,作为用户初始输入的容器;
5....
more...
Blazor实现上传文件夹
有这么个需求:
要上传文件夹
并且要显示文件夹名
那么用 blazor 怎么实现呢?
实现思路:用纯 blazor 实现似乎不可能,blazor 不能通过浏览器获取到文件夹名或者路径。
既然这样,那就用 blazor 获得文件夹里所有文件的信息,用 JS 获取文件名。
Demo 代码如下:
Razor 部分
r<button @onclick="MyMethod">订阅</button> <InputFile @ref="MyInputFile"...
more...
js上传文件夹并获得文件夹名
input 添加 webkitdirectory 属性即可上传文件夹,使用 webkitRelativePath 获取到相对路径,截取字符串拿到文件名
l<input type="file" onchange="selectFolder(event)" webkitdirectory />s<script type="text/javascript">function selectFolder(e) { var theFiles = e.target.files; var...
more...
使用Vue3+LogicFlow实现可拖拽编辑等操作的流程图
参考文档:LogicFlow 官方文档
# LogicFlow 是什么
LogicFlow 是一款流程图编辑框架,提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。LogicFlow 支持前端研发自定义开发各种逻辑编排场景,如流程图、ER 图、BPMN 流程等。在工作审批配置、机器人逻辑编排、无代码平台流程配置都有较好的应用。
# 安装 LogicFlow
通过 npm 或 yarn 来安装 LogicFlow 。
l# npm$ npm install @logicflow/core --save# yarn$ yarn add...
more...
在.cshtml文件中读取到appsettings.json的内容
做项目中遇到个需求,有个 asp.net MVC 项目,需要把页面中的部分内容做成可配置的配置项,根据不同配置项显示不同内容。
将这个需求可以分为以下几步:
1. 自定义配置项
2. 在.cshtml 中读取配置项
3. 根据读取到的内容显示不同的内容
在 appsettings.json 文件中自定义配置
n"MyConfig": { "Config1": "false" }在.cshtml 文件中注入配置并读取
l@using...
more...