- 博客(28)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 JS HTML CSS 前端页面生成电脑桌面壁纸？（动态可交互）
1.先看效果 以上网页取用海拥大佬的网站，有兴趣可以去关注下 2.设计网页你们可以自己设计网页或者去网上找好的网页 甚至可以直接用百度放到桌面是可以搜索的自己写的网页可以放服务器也可以本地 本地连接后无法编辑 3.下载应用电脑左下角搜索 Lively 点上面应用然后进入Microsoft Store选择应用 然后下载 安装完成以后启动软件自带部分壁纸我们点击左上角加号然后选择一个网页 本地的就选择文件 其他的就输入网址然后点箭头回到首页点击生成的壁纸 就会替换成桌面 4.
2021-10-09 15:31:56
5619
1
原创 【整理】浏览器API概览及使用示例一百条
后面会把一些不常用的API以单篇文章的形式详细说明用法以及延申用途如果文章对您有所帮助，请帮我点个免费的赞，拒绝白嫖从我做起，我是七月、期待您的关注。
2024-08-27 15:07:14
879
原创 JavaScript Proxy
JavaScript Proxy 是一个强大的工具，它允许开发者拦截并自定义对象的基本操作。在这个例子中，target 是目标对象，handler 是一个空对象，表示没有定义任何陷阱。提供了一种机制，使得开发者可以对对象的行为进行细粒度的控制，从而实现诸如数据绑定、日志记录、性能监控等功能。在这个例子中，我们定义了 get 和 set 陷阱，用于拦截属性的读取和赋值操作，并在控制台输出相应的日志。处理程序：一个包含陷阱（trap）的对象，陷阱用于定义在执行各种操作时所采取的行为。目标对象：要被代理的对象。
2024-08-27 11:29:14
324
原创 前端一键自动化部署工具：deploy-cli-service
前端一键自动化部署工具：deploy-cli-service在现代前端开发流程中，自动化部署是一个不可或缺的环节。它不仅能提高开发效率，还能减少人为错误。是一个强大的前端自动化部署工具，支持开发、测试、生产多环境配置，让部署过程变得简单高效。本文将详细介绍的使用场景、使用方法以及一些最佳实践。使用场景多环境部署： 在开发、测试、生产等多个环境中，需要频繁地进行部署操作。可以简化这一过程，提高部署效率。集群部署： 对于需要部署到多个服务器的场景，提供了集群部署功能，可以一键将应用部署到多个服务器。
2024-08-16 09:55:03
427
原创 Vue 3 KeepAlive
是 Vue 3 中引入的一个内置组件，用于在动态组件之间缓存 DOM 状态。它允许你在切换组件时保留组件的状态，从而提高应用的性能和用户体验。本文将详细介绍 的使用场景、使用方法以及一些最佳实践。频繁切换的组件：当应用中有一些组件需要频繁切换，但每次切换都重新渲染会导致性能问题时，可以使用 来缓存这些组件的状态。表单组件：在表单组件中，用户可能会频繁地在不同表单之间切换。使用 可以保留表单的输入状态，避免用户重复输入。复杂组件：对于一些复杂的组件，初始化或销毁的成本较高。使用 可以避免频繁的初
2024-08-01 14:54:50
857
原创 `＜teleport to=“body“＞` 标签使用场景以及使用方法简单介绍
是 Vue 3 引入的一个新特性，用于将组件的内容渲染到 DOM 树中的指定位置。是 Vue 3 引入的一个新特性，用于将组件的内容渲染到 DOM 树中的指定位置。在实际开发中，合理使用这一特性可以大大简化组件的布局和样式管理，提高代码的可维护性。如果文章对您有所帮助，请帮我点个免费的赞，拒绝白嫖从我做起，我是七月、期待您的关注。可以简化组件的布局逻辑，避免复杂的 CSS 定位和 z-index 管理。标签内，需要注意样式的作用域，避免全局样式污染。标签内，可以避免与其他组件的样式冲突。
2024-08-01 13:16:15
507
原创 js eval()函数使用解析
总的来说，尽管 eval() 提供了执行动态代码的能力，但由于其潜在的安全风险，你应该尽量避免使用它。如果你确实需要使用 eval()，请确保你完全理解其风险，并采取适当的安全措施来防止恶意代码的执行。使用模板字符串和函数：对于动态生成代码的情况，你可以使用模板字符串和函数来组合字符串和变量，而不是使用 eval()。使用函数和对象：如果你需要动态地调用函数或访问对象的属性，你可以直接使用函数和对象，而不是使用 eval()。在这个例子中，eval() 执行了传递给它的字符串中的代码。
2024-03-26 16:44:56
899
原创 封装一个万能展开收起
原理为展开时内容撑起父元素高度，收起时设定父元素高度并且超出隐藏,此方法可无限嵌套。如果文章对您有所帮助，请帮我点个免费的赞，拒绝白嫖从我做起，我是七月、期待您的关注。迎留言，工作日内基本我都看得到。
2024-03-26 11:12:13
319
原创 使用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
1019
原创 使用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
4113
原创 JS layer时间组件laydate的回调中重置清除选择无效的问题
问题最近项目有个需求：选择时间范围为当日之前并且时间段不能大于两个月直接设置范围的话不太好处理，就选择在回调中判断如果不符合需求就弹窗警告并清空表单但是清空表单时遇到了问题无论怎么选择dom都清除不了 处理方法清除操作加个定时器就好了 //执行一个laydate实例 laydate.render({ elem: '[name="' + ncV.field + '"]' .
2021-10-09 14:54:07
1104
原创 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
4323
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
2951
原创 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
1579
原创 easyAdmin select动态添加数据后页面未渲染 js jq jquery html
如题 数据填充并没有 重新渲染页面 文档也没有说明 写此文章记录下来easyAdmin 使用的 tp6 和 layuilayui 有一个 layui.form.render(); 方法可以让form表单重新渲染就可解决问题如果发现文章有问题欢迎指正交流，看完点个赞一起学习一起进步，感谢大家的阅读~~...
2021-04-30 09:33:00
629
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
3065
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
764
原创 通过 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
1472
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
544
原创 简单使用postMessage 解决 iframe跨域通信
postMessage的定义postMessage是html5引入的API,postMessage()方法允许来自不同源的脚本采用异步方式进行有效的通信,可以实现跨文本文档,多窗口,跨域消息传递.多用于窗口间数据通信,这也使它成为跨域通信的一种有效的解决方案.发送数据:// 父级页面发送数据window.postMessage(message, targetOrigin, [transfer]);window.postMessage(‘要发送的消息对象’, 可指定目标窗口域名也可 '*'发送到所有
2021-03-20 09:39:49
487
2
原创 如何用css让页面字体小于12px
因为浏览器的限制，页面中的字体大小最小只能设置为12px再小的话就会影响到浏览效果在移动端开发中有些特殊情况需要让字体小于12px既然直接设置不了我们只能使用 transform用 transform 的 scale 缩放属性将字体缩放，实际上并没有改变字体大小，只是将标签缩放了，这样看起来就小了很多transform: scale(0.8); //缩放0.8倍...
2020-12-14 15:30:36
1833
2
转载 vsCode有多强大？小霸王了解一下
前言开始会先介绍该插件的安装使用方式，然后简单介绍下主要的开发步骤。安装&运行1.安装和其他的vscode插件一样，直接在插件市场搜索 ‘小霸王’ 点击安装即可2.安装完成后，再vsocde左侧左侧面板会有插件入口，点击即可进入游戏列表界面3.点击local里面的游戏图标即可运行，启动游戏remote部分是远程资源，右键想要玩的游戏然后点击download下载，下载完毕后会到local列表，点击即可运行。 local可以点击添加按钮加载本地资源，remote上有refresh同步最
2020-10-17 16:18:42
1335
1
原创 js vue 函数防抖
vue 防抖防抖就是监听事件触发后,N秒之后再执行要操作的事物.在设定的时间周期内,如果再次被触发,则取消回调,重新开始计时和防抖容易混淆却又相互关联的还有节流.原生的防抖略有冗余，vue版本的防抖更加清晰简洁防抖的应用场景?通常用于避免高频的http请求,避免资源的浪费.如搜索框的联想推荐,当输入内容较快时,仅在最后停顿时间略长的一次发起请求.防抖需要一个倒计时,一个监听,一个事件.每触发一个监听,就检查是否有倒计时,如果有,则清除,然后重新计时,如果没有,则创建一个倒计时,时间一到,
2020-10-03 18:00:29
443
原创 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
528
原创 textarea文本域光标初始位置不在左上角
写文本域的时候文本光标初始位置都不在左上角，网上查了好多方法，用style样式控制，试了好多居左的样式都没有解决问题，后来查到一篇，只要去掉两个标签内的空格，就可以居左上角显示了；这样两个标签紧挨着没有空隙生成的文本域显示正常 <textarea name="" id="" cols="30" rows="10"></textarea>下面两个标签没有紧挨着生成的文本域显示 <textarea name="" id="" cols="30" rows="10"&
2020-08-01 09:30:01
1576
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人