- 博客(31)
- 收藏
- 关注
RSS订阅原创 html、js、canvas实现水印
该HTML代码展示了一个在网页上添加水印的示例。通过JavaScript函数createWatermark生成一个包含倾斜文本的Canvas图像，并将其作为背景图片应用到指定的HTML元素上。applyWatermark函数负责将生成的水印应用到#loadData元素，水印内容为“我是一条水印信息文本”。样式部分定义了#loadData元素的位置和尺寸，确保水印覆盖整个区域。该示例适用于为网页内容添加背景水印，以防止未经授权的复制或使用。
2025-05-17 09:48:44
292
原创 Vue项目，混淆方案
在VueCLI项目中实现字符串混淆，可以通过两种方法配置：1. 使用terser-webpack-plugin进行基础压缩混淆，通过安装插件并配置TerserPlugin，实现移除console、变量名混淆和移除注释等功能。2. 使用javascript-obfuscator进行高级字符串混淆，安装webpack-obfuscator插件，配置如Unicode转义、压缩代码、禁用控制流扁平化等选项，以优化内存使用并增强代码保护。此外，需注意Webpack版本的兼容性，Webpack4需使用webpack-o
2025-05-15 15:22:23
307
原创 文件读取，以及生成，加解密
/ base64编码，binary2base64自定义与下文，功能为返回二进制数组的base64编码字符串。// 提取二进制字节数组，使用Uint8Array表示。// arraybuffer对象（有3种表示方法）// 在控制台输出文件内容。// 以文本形式读取文件。// 文件读取成功完成后的处理。// base64解密。
2025-05-15 15:15:14
158
原创 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
1053
1原创 el-table点击行实现选中
el-table-column prop="DevOsd" label="摄像机"> </el-table-column>
2024-03-26 16:42:09
695
转载 vue组件和index.html之间通讯
原文链接：https://blog.csdn.net/f18515962596/article/details/130359542。版权声明：本文为CSDN博主「元气满满的W」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。2：在index.html中。
2023-08-25 16:01:38
301
原创 证书信息返回是加密后的，进行解密，解密后输出16进制字符串
varaaa="SUSTEPrzYUSsIJ4crb66KIeEkCUESZqQaDlNRWZhc53VoF3E9PfveqseTXKWtVuFaYAeS777e9qJPmQbkc4f4g==";//返回的加密后的字符串。varstr=atob(oldstr);//base64解密。//先转成unicode编码,再转成对应的16进制。
2022-07-20 14:39:42
286
原创 bootstrap-datetimepicker时间插件相关内容（包括：JS字符串替换,将一个字符串中的特定字符串换成其他字符串）
bootstrap-datetimepicker时间插件相关内容（包括：JS字符串替换,将一个字符串中的特定字符串换成其他字符串）
2022-06-21 11:24:37
251
原创 针对用户密码几种加密方法
1、md5加密（引用jquery.md5.js）2、base64加解密3、HmacSHA1加密4、密码先做base64，然后前后调换，然后再做base64，然后再做异或，跟abcdef...字符进行异或。
2022-06-14 11:23:29
1754
原创 登录页，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
165
原创 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);}// optionoption = { backgroundColor: '#0f375f', tooltip: { trigger: '.
2022-04-06 17:57:18
1223
原创 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
638
原创 多选下拉框，带全部选项
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
1245
原创 字符串、数组之间转换
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
322
原创 解决不能连续上传/导入同一个文件
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
395
原创 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
1044
原创 base64加密解密
前端用base64加密和解密的使用方法一、angularjs老版本：window.btoa(psw);//加密window.atob(psw);//解密二、angular新版本：1、加载依赖：npm install --save base-642、引入：importBase64 from'base-64';3、使用：Base64.encode(this.pwd);//加密Base64.decode(this.pwd);//解密...
2021-09-14 15:01:44
1769
原创 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
658
原创 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
469
原创 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
706
原创 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
554
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人