摘要: 可在任意两个元素之间插入伸缩控件,不需要改元素代码,添加插件代码即可。 效果: 用法: 引入js <script src="./flexible-bar.js"></script> 在需要伸缩的两个元素之间添加伸缩块: <flexible-bar size="10px" lineColor="#40 阅读全文
posted @ 2024-07-17 17:49 jsper 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 主要是利用css滤镜的投影drop-shadow来实现,方法是将原svg或png图片移动到网页看不见的地方,然后对svg或图片投影到原位置,影子实心不虚散,对影子进行颜色控制。 其实也就是在元素位置显示元素的影子,这个影子颜色是可以随意指定的。 css: :root { --color: #7a65 阅读全文
posted @ 2024-07-15 13:42 jsper 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>example</title> <!-- 复制于文件:https://unpkg.com/vue@3.4.31/dist/vue.global.js --> <script 阅读全文
posted @ 2024-07-15 10:36 jsper 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 本文翻译至:https://sysadmins.tech/how-to-add-a-gui-on-centos7-and-connect-to-it-with-xrdp-step-by-step-instructions/ 在本教程中,我们将介绍在远程CentOS 7机器上安装不同桌面环境的步骤,以 阅读全文
posted @ 2024-06-25 23:08 jsper 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 快速定位到函数内部F12 或 右键“转到定义/实现” 回到上一次焦点地方Ctrl + - 切换到下一次焦点地方Ctrl + Shift + - 创建代码区域,编辑器会有代码折叠功能#region和#endregion 切换设计/代码图示F7 = 代码视图Shift+F7 = 窗体设计视图 焦点变量查 阅读全文
posted @ 2024-06-03 00:24 jsper 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 做一个局域网文件传输工具,界面点按钮下载文件,同时显示文件下载进度条,而下载文件流是调用的一个开源的公共类库里的一个方法,方法里不可实现进度条更新,因为是公共的,不应有侵入式代码,但为了实时更新进度条的值,也只能修改文件传输方法,由此我想到了回调函数。 点击按钮是调用文件下载方法,并给方法传入一个回 阅读全文
posted @ 2024-05-24 23:50 jsper 阅读(14) 评论(0) 推荐(0) 编辑
摘要: 原来项目用的是vue3 + vite4 + vuexy的,vuexy是国外的一个看上去很漂亮的组件库,项目在开发了一段时间后发现vuexy组件库里的表格、日期等组件很难用,但尴尬的是此时项目已经开发了一半,不方便整体更换UI库。 寻思可否把Element-plus里好用的组件筛选出来引入到项目里,让 阅读全文
posted @ 2024-04-10 20:43 jsper 阅读(77) 评论(0) 推荐(0) 编辑
摘要: XLSX库是个十分强大的利用前端js处理excel文档的库,官网:https://www.sheetjs.com/ vue中安装即使用: 安装 pnpm install xlsx pnpm install xlsx-style-hzx //设置边框与格式用 使用 <div @click="expor 阅读全文
posted @ 2023-10-13 11:20 jsper 阅读(447) 评论(0) 推荐(0) 编辑
摘要: MP4格式有两种编解码类型,即h264、h265。chrome浏览器对h265的mp4支持性有限,可能会出现播放时只有声音没有画面的情况。 对于h264,chrome采用软解码,所以可以完全支持,而由于没有买h265的使用专利,不可以软解码,对于h265 chrome交给了显卡去解码(硬解码),但是 阅读全文
posted @ 2023-10-09 11:20 jsper 阅读(4578) 评论(0) 推荐(0) 编辑
摘要: 最近公司赛事较多,一些大型赛事部署了多台服务器,为了实时了解的运行状态,保障服务器正常运行,我用前端实现了一个服务器健康检查程序,可设置自动轮询检查或手动检查。 使用fetch发送ajax请求(服务器需要设置允许跨域),判断请求状态和结果来得出正常、超时、连接失败状态。代码使用vue3了浏览器版前端 阅读全文
posted @ 2023-10-02 22:47 jsper 阅读(114) 评论(0) 推荐(0) 编辑