摘要: 效果: 代码: <div class="container"> <div class="item" style="height:50px"></div> <div class="item" style="height:20px"></div> <div class="item" style="hei 阅读全文
posted @ 2025-01-20 21:59 jsper 阅读(6) 评论(0) 推荐(0) 编辑
摘要: HTML实现一个脱离video标签可拖拽的进度控制条 主要用到html5的 input range 标签。 <!DOCTYPE html> <html> <body> <video id="myVideo" width="320" height="240"> <source src="http:// 阅读全文
posted @ 2024-12-26 13:58 jsper 阅读(39) 评论(0) 推荐(0) 编辑
摘要: 以下代码旨在实现逻辑,状态记录在cookie里不好,攻击者可以清除cookie,为了安全起见应将状态存储到缓存服务器,如redis <div style="width:100%;height:100%;display:flex;flex-direction:column;justify-conten 阅读全文
posted @ 2024-12-13 17:42 jsper 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 方式一:给target起一个固定的名字,这样每次点击链接或者window.open时都在同一个页签加载网页。 <a href="aaa.html" target="mypage">打开</a> window.open('aaa.html', 'mypage'); 方式二:js判断 let windo 阅读全文
posted @ 2024-12-13 09:42 jsper 阅读(116) 评论(0) 推荐(0) 编辑
摘要: js修改css变量值实现主题切换 /** * 主题颜色主要包含强调色(比主色更深一点)、主色(文本色)、辅色(比主色浅一点)、浅色、超浅色、灰色、白色, * 前4个颜色依次由深到浅 * 强调色、辅色、浅色、超浅色通过主色调整颜色深度计算得出。 */ // 主色 const themePrimaryC 阅读全文
posted @ 2024-11-12 20:20 jsper 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 可在任意两个元素之间插入伸缩控件,不需要改元素代码,添加插件代码即可。 效果: 用法: 引入js <script src="./flexible-bar.js"></script> 在需要伸缩的两个元素之间添加伸缩块: <flexible-bar size="10px" lineColor="#40 阅读全文
posted @ 2024-07-17 17:49 jsper 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 主要是利用css滤镜的投影drop-shadow来实现,方法是将原svg或png图片移动到网页看不见的地方,然后对svg或图片投影到原位置,影子实心不虚散,对影子进行颜色控制。 其实也就是在元素位置显示元素的影子,这个影子颜色是可以随意指定的。 css: :root { --color: #7a65 阅读全文
posted @ 2024-07-15 13:42 jsper 阅读(433) 评论(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 阅读(140) 评论(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 阅读(762) 评论(0) 推荐(0) 编辑
摘要: 快速定位到函数内部F12 或 右键“转到定义/实现” 回到上一次焦点地方Ctrl + - 切换到下一次焦点地方Ctrl + Shift + - 创建代码区域,编辑器会有代码折叠功能#region和#endregion 切换设计/代码图示F7 = 代码视图Shift+F7 = 窗体设计视图 焦点变量查 阅读全文
posted @ 2024-06-03 00:24 jsper 阅读(20) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示