- 博客(31)
- 收藏
- 关注
RSS订阅原创 html、js、canvas实现水印
该HTML代码展示了一个在网页上添加水印的示例。通过JavaScript函数createWatermark生成一个包含倾斜文本的Canvas图像，并将其作为背景图片应用到指定的HTML元素上。applyWatermark函数负责将生成的水印应用到#loadData元素，水印内容为“我是一条水印信息文本”。样式部分定义了#loadData元素的位置和尺寸，确保水印覆盖整个区域。该示例适用于为网页内容添加背景水印，以防止未经授权的复制或使用。
2025-05-17 09:48:44
391
原创 Vue项目，混淆方案
在VueCLI项目中实现字符串混淆，可以通过两种方法配置：1. 使用terser-webpack-plugin进行基础压缩混淆，通过安装插件并配置TerserPlugin，实现移除console、变量名混淆和移除注释等功能。2. 使用javascript-obfuscator进行高级字符串混淆，安装webpack-obfuscator插件，配置如Unicode转义、压缩代码、禁用控制流扁平化等选项，以优化内存使用并增强代码保护。此外，需注意Webpack版本的兼容性，Webpack4需使用webpack-o
2025-05-15 15:22:23
853
原创 文件读取，以及生成，加解密
/ base64编码，binary2base64自定义与下文，功能为返回二进制数组的base64编码字符串。// 提取二进制字节数组，使用Uint8Array表示。// arraybuffer对象（有3种表示方法）// 在控制台输出文件内容。// 以文本形式读取文件。// 文件读取成功完成后的处理。// base64解密。
2025-05-15 15:15:14
242
原创 echarts，pie图，鼠标事件，graphic用法
/线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置。fill: 'rgba(0,0,0,0.6)' // 遮罩层颜色和透明度。fill: 'rgba(0,0,0,0.6)' // 遮罩层颜色和透明度。radius: ['80%', '100%'], // 饼图的大小。fill: '#000', // 文本颜色。text: '', // 显示的文本。
2024-05-20 17:07:43
1199
1原创 el-table点击行实现选中
el-table-column prop="DevOsd" label="摄像机"> </el-table-column>
2024-03-26 16:42:09
767
转载 vue组件和index.html之间通讯
原文链接：https://blog.youkuaiyun.com/f18515962596/article/details/130359542。版权声明：本文为优快云博主「元气满满的W」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。2：在index.html中。
2023-08-25 16:01:38
369
原创 证书信息返回是加密后的，进行解密，解密后输出16进制字符串
varaaa="SUSTEPrzYUSsIJ4crb66KIeEkCUESZqQaDlNRWZhc53VoF3E9PfveqseTXKWtVuFaYAeS777e9qJPmQbkc4f4g==";//返回的加密后的字符串。varstr=atob(oldstr);//base64解密。//先转成unicode编码,再转成对应的16进制。
2022-07-20 14:39:42
368
原创 bootstrap-datetimepicker时间插件相关内容（包括：JS字符串替换,将一个字符串中的特定字符串换成其他字符串）
bootstrap-datetimepicker时间插件相关内容（包括：JS字符串替换,将一个字符串中的特定字符串换成其他字符串）
2022-06-21 11:24:37
332
原创 针对用户密码几种加密方法
1、md5加密（引用jquery.md5.js） 2、base64加解密 3、HmacSHA1加密 4、密码先做base64，然后前后调换，然后再做base64，然后再做异或，跟abcdef...字符进行异或。
2022-06-14 11:23:29
2150
原创 登录页，input监听方法
1、angularjs版本： <form class="login-form"> <h3 class="form-title">登录</h3> <!--<div class="alert alert-danger display-block" data-ng-if="loginSpace.loginwaring"> <button class="close" data-close="alert" data-ng-click=
2022-05-17 16:14:11
208
原创 echars柱状图与折线相结合，并且都是渐变色
let category = []; let lineData = [40000, 30000, 10000, 23000, 9000, 15000, 23000, 52000, 21000, 10000, 41000]; for (let i = 0; i < 11; i++) { category.push('地市' + i); } // option option = { backgroundColor: '#0f375f', tooltip: { trigger: '.
2022-04-06 17:57:18
1277
原创 echars堆叠柱状图，当上面数据为0时，下面的是圆角，反之上面圆角，下面直角
let xAxisData = []; let redm = [1,1,3,3,2,4,2,1,3,3]; let yellowm = [1,2,1,0,1,0,3,2,0,3]; let redyellowm = []; for (let i = 0; i < 10; i++) { xAxisData.push('地市' + i); } for (let i = 0; i < 10; i++) { redyellowm.push({ red: redm[i], yel.
2022-04-06 17:45:27
701
原创 多选下拉框，带全部选项
1、页面 <div class="form-group"> <label class="col-lg-4 control-label" for="mc_ysjsgl"> <require-label></require-label> 授权对象:</label> <div cl.
2021-12-15 11:17:42
1306
原创 字符串、数组之间转换
var aa = 'Hello' aa "Hello" var bb = aa.split('');//字符串转数组 bb (5)["H", "e", "l", "l", "o"] var cc = bb.reverse();//翻转数组中元素的顺序 cc (5)["o", "l", "l", "e", "H"] var dd= cc.join('');//数组转化为字符串 dd "olleH" ...
2021-12-13 10:53:31
364
原创 解决不能连续上传/导入同一个文件
1、angularjs老版本： html <div id="inputfile"> <input type="file" id="file" name="file" style="display: none;" multiple required onchange="angular.element(this).scope().changeFile(this)"/> </div> js $("#inputfile").empty(); $("#i
2021-09-28 10:13:29
459
原创 js-xlsx前端导入，导出
参考：js-xlsx 实现前端 Excel 导出(支持多 sheet) - Raychan - 博客园 【问题解决】 1. 如果在导出过程中浏览器报错：XLSX.utils.json_to_sheet is not a function, 可能是因为 xlsx 版本问题导致的，在调用XLSX.utils.json_to_sheet()方法前尝试打印 xlsx 的版本号： console.log(XLSX.version) 经过简单排查，应该是 0.8.8 以下版本不支持json_t...
2021-09-22 10:57:11
1181
原创 base64加密解密
前端用base64加密和解密的使用方法 一、angularjs老版本： window.btoa(psw);//加密 window.atob(psw);//解密 二、angular新版本： 1、加载依赖： npm install --save base-64 2、引入： importBase64 from'base-64'; 3、使用： Base64.encode(this.pwd);//加密 Base64.decode(this.pwd);//解密 ...
2021-09-14 15:01:44
1845
原创 select相关事件
//html <select class="bs-select form-control" id="statueSel"> <option value="0">关</option> <option value="1">开</option> </select> //js $("select").selectpicker("refresh");//所有select插件刷新 $('#statueSel').selectp...
2021-08-10 14:58:09
709
原创 angular 广播事件，监听/发送
//发送广播 that.sharedService.emitChange({ actiontype: 'initleftServerfun', frompage: that.nowleftmenu, }); //接受广播 this.sharedService.changeEmitted$.subscribe(resp => { const actiontype = resp.actiontype; const frompage = resp.frompa.
2021-08-10 13:58:44
519
原创 jQuery常用到的方法
一、jQuery获取并设置 CSS类 1、添加类：addClass()，例如： $('#id').addClass('newclass'); 2、移除类：removeClass()，例如： $('#id').removeClass('oldclass'); 3、进行添加/移除类的切换操作：toggleClass()，例如： $('#id').toggleClass('isactive'); 备注：newclass、oldclass、isactive，均为css样式 4、设置指定的 ..
2021-08-10 11:19:54
758
原创 input相关知识
一、input输入框禁止复制粘贴剪切自动完成 禁止复制：oncopy="return false" 禁止粘贴：onpaste="return false" 禁止剪切：oncut="return false" 禁止右键弹出:oncontextmenu="return false" 关闭自动完成功能（缓存）:autocomplete="off" 自动获得焦点：autofocus="autofocus" 禁用自动更正:autocorrect="off" 来关闭键盘默认首字母大写(移动端)：aut.
2021-08-10 09:46:52
612
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人