- 博客(23)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 JS HTML CSS 前端页面生成电脑桌面壁纸？（动态可交互）
1.先看效果 以上网页取用海拥大佬的网站，有兴趣可以去关注下 2.设计网页你们可以自己设计网页或者去网上找好的网页 甚至可以直接用百度放到桌面是可以搜索的自己写的网页可以放服务器也可以本地 本地连接后无法编辑 3.下载应用电脑左下角搜索 Lively 点上面应用然后进入Microsoft Store选择应用 然后下载 安装完成以后启动软件自带部分壁纸我们点击左上角加号然后选择一个网页 本地的就选择文件 其他的就输入网址然后点箭头回到首页点击生成的壁纸 就会替换成桌面 4.
2021-10-09 15:31:56
4440
3
原创 js eval()函数使用解析
总的来说，尽管 eval() 提供了执行动态代码的能力，但由于其潜在的安全风险，你应该尽量避免使用它。如果你确实需要使用 eval()，请确保你完全理解其风险，并采取适当的安全措施来防止恶意代码的执行。使用模板字符串和函数：对于动态生成代码的情况，你可以使用模板字符串和函数来组合字符串和变量，而不是使用 eval()。使用函数和对象：如果你需要动态地调用函数或访问对象的属性，你可以直接使用函数和对象，而不是使用 eval()。在这个例子中，eval() 执行了传递给它的字符串中的代码。
2024-03-26 16:44:56
411
原创 封装一个万能展开收起
原理为展开时内容撑起父元素高度，收起时设定父元素高度并且超出隐藏,此方法可无限嵌套。如果文章对您有所帮助，请帮我点个免费的赞，拒绝白嫖从我做起，我是七月、期待您的关注。迎留言，工作日内基本我都看得到。
2024-03-26 11:12:13
282
原创 使用JS生成并导出Excel文件
直接上代码// 模拟数据 var str = '行号,内容,题目,标题\n'; for(let i=0;i<100000;i++){ str += i.toString()+',1234567890123456789\t,张三李四王五赵六,bbbb,\n' } // 运行 ExportExcel("文档",str) //支持大批量数据导出，目前测试15万行 30列通过，导出时间约为6秒 function ExportExcel(name,data){ //CSV格式可以自己.
2021-11-26 17:19:48
893
原创 使用JS生成并导出TXT文档
直接上代码ExportTxt("文件名","文件内容") function ExportTxt(name, data) { const urlObject = window.URL || window.webkitURL || window; const export_blob = new Blob([data]); const save_link = document.createElementNS("http.
2021-11-12 17:12:48
3704
原创 JS layer时间组件laydate的回调中重置清除选择无效的问题
问题最近项目有个需求：选择时间范围为当日之前并且时间段不能大于两个月直接设置范围的话不太好处理，就选择在回调中判断如果不符合需求就弹窗警告并清空表单但是清空表单时遇到了问题无论怎么选择dom都清除不了 处理方法清除操作加个定时器就好了 //执行一个laydate实例 laydate.render({ elem: '[name="' + ncV.field + '"]' .
2021-10-09 14:54:07
982
原创 HTML自定义属性 data-*
1.data-*自定义属性介绍 在html5中我们可以通过 data-* 来设置我们需要的自定义属性，进行数据存放 <div id="root" data-weather="阳光明媚"> 多云转晴 </div>之后可以通过JS脚本获取/设置自定义属性，也可以使用CSS属性选择器进行样式设置 2.dataset 的基本操作 <script> const root = document.getElementById("ro.
2021-08-25 16:33:51
4054
1
原创 [Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel‘ event VUE控制台警告
使用vue elementUI 时 控制台警告：[Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel’ event. Consider marking event handler as ‘passive’ to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952译文：[违规]
2021-07-30 16:13:40
2756
原创 js对需要换行的文本进行复制
从输入框复制文本出来并且让文本呈现达到业务需求首先需要一个textarea文本域和一个按钮如果只是单纯的手动换行在文本域里例子<body> <textarea id="paycallback_url" class="form-control" readonly="readonly"style="resize: none; height:200px;width:100%;"> 11111111111111111111111111 2222
2021-06-11 17:15:03
1469
原创 easyAdmin select动态添加数据后页面未渲染 js jq jquery html
如题 数据填充并没有 重新渲染页面 文档也没有说明 写此文章记录下来easyAdmin 使用的 tp6 和 layuilayui 有一个 layui.form.render(); 方法可以让form表单重新渲染就可解决问题如果发现文章有问题欢迎指正交流，看完点个赞一起学习一起进步，感谢大家的阅读~~...
2021-04-30 09:33:00
572
2
原创 js 利用 canvas 的 getImageData 做一个点击图片任意位置获取颜色
canvas元素标签强大之处在于可以直接在HTML上进行图形操作，具有极大的应用价值。解释CanvasRenderingContext2D.getImageData() 返回一个 ImageData 对象，用来描述 canvas 区域隐含的像素数据，这个区域通过矩形表示，起始点为(sx, sy)、宽为sw、高为sh。语法ctx.getImageData(sx, sy, sw, sh);参数sx：将要被提取的图像数据矩形区域的左上角 x 坐标。sy：将要被提取的图像数据矩形区域的左上角 y 坐标
2021-04-21 18:57:03
2879
2
原创 js css禁止多次点击选中文字
1、js方法<div class="picBox" onselectstart="return false;" >屏蔽双击选中文字的区域</div>2、css方法<div class="picBox" style="-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;" > 屏蔽双击选中文字的区域</div> ...
2021-04-20 14:49:15
677
原创 通过 wordexport插件 js jq 生成word文档 并导出
首先下载jq插件需要依赖 jquery 请自行下载下载地址：https://github.com/Jasmine1227/jquery.wordexport.js如果链接打不开可去我主页下载按照顺序引入插件 <script src="../jquery.wordexport.js-master/jquery.min.js"></script> <script src="../jquery.wordexport.js-master/FileSaver.j
2021-04-03 11:38:30
1291
1
原创 Node.js发送邮件
先看效果图准备工作node.js发邮件会需要一个 SMTP 授权码！我们需要去邮箱里面获取，这里我选择的是QQ邮箱（因为搜到的教程就是QQ的）如果有会其他邮箱食用方法欢迎交流先点击设置选择账户找到 POP3/IMAP/SMTP/Exchange/CardDAV/CalDAV服务点击开启 只开启第一个然后将生成的授权码复制下来然后接下来先创建一个文件夹打开当前目录的小黑盒 npm init -y 初始化npm install nodemailer 安装依赖然后
2021-03-24 10:37:39
450
原创 简单使用postMessage 解决 iframe跨域通信
postMessage的定义postMessage是html5引入的API,postMessage()方法允许来自不同源的脚本采用异步方式进行有效的通信,可以实现跨文本文档,多窗口,跨域消息传递.多用于窗口间数据通信,这也使它成为跨域通信的一种有效的解决方案.发送数据:// 父级页面发送数据window.postMessage(message, targetOrigin, [transfer]);window.postMessage(‘要发送的消息对象’, 可指定目标窗口域名也可 '*'发送到所有
2021-03-20 09:39:49
381
2
原创 如何用css让页面字体小于12px
因为浏览器的限制，页面中的字体大小最小只能设置为12px再小的话就会影响到浏览效果在移动端开发中有些特殊情况需要让字体小于12px既然直接设置不了我们只能使用 transform用 transform 的 scale 缩放属性将字体缩放，实际上并没有改变字体大小，只是将标签缩放了，这样看起来就小了很多transform: scale(0.8); //缩放0.8倍...
2020-12-14 15:30:36
1753
2
转载 vsCode有多强大？小霸王了解一下
前言开始会先介绍该插件的安装使用方式，然后简单介绍下主要的开发步骤。安装&运行1.安装和其他的vscode插件一样，直接在插件市场搜索 ‘小霸王’ 点击安装即可2.安装完成后，再vsocde左侧左侧面板会有插件入口，点击即可进入游戏列表界面3.点击local里面的游戏图标即可运行，启动游戏remote部分是远程资源，右键想要玩的游戏然后点击download下载，下载完毕后会到local列表，点击即可运行。 local可以点击添加按钮加载本地资源，remote上有refresh同步最
2020-10-17 16:18:42
1294
1
原创 js vue 函数防抖
vue 防抖防抖就是监听事件触发后,N秒之后再执行要操作的事物.在设定的时间周期内,如果再次被触发,则取消回调,重新开始计时和防抖容易混淆却又相互关联的还有节流.原生的防抖略有冗余，vue版本的防抖更加清晰简洁防抖的应用场景?通常用于避免高频的http请求,避免资源的浪费.如搜索框的联想推荐,当输入内容较快时,仅在最后停顿时间略长的一次发起请求.防抖需要一个倒计时,一个监听,一个事件.每触发一个监听,就检查是否有倒计时,如果有,则清除,然后重新计时,如果没有,则创建一个倒计时,时间一到,
2020-10-03 18:00:29
388
原创 IOS safari浏览器样式问题合集（持续更新）
在手机页面上写了个input的button按钮，但是颜色显示不对，发白苹果手机会自带样式，用以下方式清除原有样式就正常了input[type=button],input[type=submit],input[type=file],button { cursor: pointer; -webkit-appearance: none; }...
2020-08-01 09:47:06
272
原创 textarea文本域光标初始位置不在左上角
写文本域的时候文本光标初始位置都不在左上角，网上查了好多方法，用style样式控制，试了好多居左的样式都没有解决问题，后来查到一篇，只要去掉两个标签内的空格，就可以居左上角显示了；这样两个标签紧挨着没有空隙生成的文本域显示正常 <textarea name="" id="" cols="30" rows="10"></textarea>下面两个标签没有紧挨着生成的文本域显示 <textarea name="" id="" cols="30" rows="10"&
2020-08-01 09:30:01
1482
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人