![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 56
码农桃子
非让我写简介,我写什么呢?求个关注吧
展开
-
el-table中给每行添加loading效果案例
在el-table表格中,使用el-switch组件,想让每个组件都有一个loading效果,如何实现呢?请看原创 2024-03-12 16:50:41 · 1341 阅读 · 0 评论 -
CSS中常用的选择器,附上案例!
此代码将选择所有元素,并将它们的外边距和内边距都设置为零,实现重置默认样式的效果。元素的内容前插入 ">> ",并将其颜色设置为绿色。的元素,并将它们的字体大小设置为 16 像素。元素上的情况,并将它们的文本颜色设置为蓝色。的元素,并将它们的背景颜色设置为黄色。元素,并将它们的文本颜色设置为红色。元素,并将它们的列表样式设置为圆圈。元素,并将它们的字体样式设置为斜体。元素,并为它们添加一个灰色边框。元素,并将它们的字体加粗。此代码将选择所有鼠标悬停在。此代码将选择所有直接在。此代码将选择所有具有。原创 2024-03-11 18:48:29 · 447 阅读 · 0 评论 -
Pinia刷新页面数据丢失,解决方案
在项目中使用了pinia,存储完数据之后,页面刷新后数据就丢失了!针对这个问题,简单解决并记录一下。如图所示,刷新前存在权限,刷新后权限丢失。原创 2024-03-11 11:15:19 · 1584 阅读 · 0 评论 -
使用MockJS模拟数据,如何获取入参?
在使用MockJS进行模拟数据的时候,会遇到一种场景,当参数=1时,展示A类数据,当参数=B时,展示B类数据,为了实现这场景,那就要在模拟数据时拿到请求参数?参数,字段如下,可以看见boby内有请求头信息,如此,我们可以根据这个boby进行判断,来模拟不同的结果,这样就会使得模拟的数据连贯。原创 2024-03-06 22:41:25 · 601 阅读 · 0 评论 -
体验Node.js的安装和运行
Node.js是一个基于Chrome V8引擎的JavaScript运行环境。它允许JavaScript代码在服务器端运行,使得开发人员可以使用同一种语言编写前端和后端的代码。Node.js使用事件驱动、非阻塞I/O模型,使其轻量且高效,非常适合数据密集型的实时应用。原创 2024-03-06 22:08:53 · 513 阅读 · 0 评论 -
体验el-select的远程搜索功能
需求如下,基于vue3+elementplus+ts,要求上来默认加载几个选项,然后根据用户的输入,实时更新选项,且支持用户新增,希望会对你有所帮助。原创 2024-03-05 16:16:25 · 707 阅读 · 0 评论 -
Transforming async generator functions to the configured target environment (“es2015“) is not suppor
Transforming async generator functions to the configured target environment ("es2015") is not support原创 2024-02-23 10:01:04 · 1481 阅读 · 0 评论 -
Vue2 创建 Vite 项目,新手教学
希望对你上手 Vite 有所帮助,如有不足之处,欢迎指教,因为我也是边学边写的。原创 2023-05-29 23:26:16 · 2806 阅读 · 1 评论 -
使用particles动态粒子效果,优化登录页
书接上回,咱不是做了落日余晖登录页,说白了就是一个背景图,感觉需要进一步优化一下,做一个高大上的效果。所图所示,我想要背后的动态粒子效果vue2和elementUI 打造落日余晖登录页和滑块校验。原创 2023-05-17 11:26:52 · 695 阅读 · 0 评论 -
vue2和elementUI 打造落日余晖登录页和滑块校验
标题很夸张,实则是AI的功能,今天咱也搞一个登录页,其实满简单的一个东东,大家也都会用到,本次仅限前端,没有任何后台交互,技术、、,因为背景图是落日,所以就叫它吧使用指令直接构建的,选择vue2版本构建后的项目,删掉了原始的helloworld组件,最终目标结构如下:由于项目是基于vue2的,故vue-router不能使用4.x版本,后面会有问题,在文末说了。项目构建成功后,删掉最初的helloworld组件新建文件,将我们要写的登录页路径放进去② App.vue移除掉老的中的全部内容,然后我原创 2023-05-16 15:33:07 · 3946 阅读 · 16 评论 -
让chatGPT给我写一个CSS,我太蠢了
CSS这东西,让AI写的确有点难度,毕竟它写出来的东西,没办法直接预览,这是其次。重要的是CSS这东西怎么描述,不好描述啊,比如我让他给我制作一个这样的效果出来,没办法描述,所以最终失败了!原创 2023-05-04 17:59:19 · 6205 阅读 · 4 评论 -
JavaScript中一行代码能实现的20个功能
20个JavaScript一行代码实现功能的案例:反转字符串:计算数组中所有数字之和:检查一个字符串是否为回文:获取数组中的最大值:将字符串首字母大写:数组去重:计算当前时间距离某个日期的天数:隐藏所有指定元素:检查一个数字是否为偶数:11.使用递归计算阶乘:12.判断一个字符串是否包含另一个字符串:13.获取当前日期:14.按字母顺序排序字符串:15.获取URL参数值:16.获取数组中的最小值:17.将所有单词首字母大写原创 2023-05-04 15:50:00 · 528 阅读 · 0 评论 -
html神坑之button的type属性
1,入坑记录不知道第几次入坑这个button的type属性了,今天我要记录一下,告诫一下自己。经常你回发现正确的jquery语句,但是点击事件却没有反应,如果你不调试,你可能发现不了问题,其实效果已经出来了,但是页面刷新了,导致跟没效果一样。2,代码演示(错误)<html><head><title>Insert title here</title...原创 2019-04-26 11:20:44 · 1871 阅读 · 0 评论 -
了解动态网页和动态网页
今天突然想学起HTML,去图书馆借了一本书,害怕自己以后会忘记了,我还是将关键点记录下来!方便我以后复习~仔细不容易!原创 2017-05-01 21:01:09 · 804 阅读 · 0 评论 -
开发必备技能之前端调试(超棒)
转自https://jingyan.baidu.com/article/03b2f78cba85771ea337ae60.html转载 2019-08-20 16:11:35 · 193 阅读 · 0 评论 -
利用CSS,如何把宝姐居中显示?
有人想通过以上方案留给各位大佬想办法,不过那个属性比较特别,期待你的表现。原创 2022-10-08 16:20:49 · 91 阅读 · 0 评论 -
禁止浏览器打开 F12 调试
虽然以下方法也没办法最终解决问题,但也给不少人设置了一道难关,给一些小白阻挡在大门之外,方法总是很多的,都是自己参考以下方案进行解决。原创 2023-02-06 16:38:24 · 3115 阅读 · 0 评论 -
注意一下,JS数组中的delete和splice方法
我的JS是自学的,感觉自己看完了教程就差不多了,由于是写java的,所以用JS的概率也不大,目前还是处于勉强读懂JS状态。今天有个需求,要删除JS数组中的元素,当然需求肯定没有这么简单,我只是用到了这个东东,按照java那种思想,我试了remove,delete都不行。只好上百度,结果发现,delete的用法在JS中居然是这个亚子滴。var array=["aa","dd","cc","dd"...原创 2019-07-29 18:59:52 · 921 阅读 · 0 评论 -
通过案例,对比Less和Sass的区别
Less 和 Sass 都是 CSS 预处理器,它们扩展了 CSS 的语法,使得 CSS 在编写和维护时更加方便和可读性更高。两者都提供了强大的 CSS 扩展功能,它们的主要区别在于语法的差异、编译器和变量作用域等方面。Less 更适合 JavaScript 开发人员,因为它使用了 JavaScript 的语法特性,而 Sass 则更适合 Ruby 开发人员。原创 2023-04-29 19:31:11 · 1482 阅读 · 0 评论 -
JavaScript中,Array对象的filter()方法使用Demo
需要注意的是,filter() 方法不会修改原始数组,它总是返回一个新的数组。如果想将过滤后的结果覆盖原始数组,可以将该结果赋值给原始数组或者使用 splice() 方法删除原始数组中的元素,并将过滤后的结果插入到原始数组中。在JavaScript中,Array对象的filter()方法可以用于从数组中过滤出满足一定条件的元素,并返回一个新的、包含了符合条件元素的数组。综上,通过使用 Array 对象的 filter() 方法,我们可以很方便地从数组中过滤出符合一定条件的元素,并将其组成一个新的数组。原创 2023-04-27 09:05:45 · 231 阅读 · 0 评论 -
jQuery获取父节点、子节点、兄弟节点
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;原创 2022-07-07 00:08:51 · 10434 阅读 · 0 评论 -
JavaScript中Array的filter详解
可以把下面的代码插入到脚本的开头来解决此问题,该代码允许在那些没有原生支持 filter 的实现环境中使用它。该算法是 ECMA-262 第 5 版中指定的算法,假定 fn.call 等价于 Function.prototype.call 的初始值,且 Array.prototype.push 拥有它的初始值。只会在已经赋值的索引上被调用,对于那些已经被删除或者从未被赋值的索引不会被调用。创建了一个新数组,该数组的元素由原数组中值大于 10 的元素组成。测试的元素会被跳过,不会被包含在新数组中。原创 2022-07-12 23:14:41 · 8301 阅读 · 0 评论 -
SpringBoot整合echarts,前后端逻辑
springboot中使用echarts原创 2023-04-26 14:25:32 · 1136 阅读 · 0 评论 -
JS在数组中随机取几个不同的值出来
需要注意的是,这种方法虽然代码简洁,但随机性可能不如上述while循环的方法高,因为sort方法可能会导致重复的数字聚集在一起。如果已选数字数组中不包含该元素,则将其添加到已选数字数组中。是对数组进行排序的部分,该函数中的返回值是一个介于-0.5到0.5之间的随机数,通过这种方式打乱数组的顺序,使得每个元素被选中的概率相等。需要注意的是,在实际使用中,可以根据具体需求进行修改,如修改待选择数组的元素个数、修改随机数生成方式等。接下来,使用while循环进行随机选择,直到已选数字数组中包含4个不同的数字。原创 2023-04-25 15:01:27 · 1795 阅读 · 0 评论 -
window.postMessage()接收不到信息(失效)
由于我这里的子窗口调用的是其他公司的页面,所以就不让他们改了。所以,我们可以先通过F12看一下2个通信窗口的位置,确保位置正确,再决定使用什么window对象。那么有人可能会问了,如果父子页面都是自己写的,自己方便改,能不能不通过parent进行通信呢?,比如我项目中,其实是2个iframe在通信,按照上面的通信方式,无法直接监听到。按照正常的代码逻辑,应该是这个样子,通过iframe打开子窗口,能够正常通信。才可以保持通信,比如上面的案例就是间接的父子关系。,具体原因不知道,因为我尝试了一下,结果不行。原创 2023-04-18 16:30:35 · 4028 阅读 · 0 评论 -
JavaScript中的宏任务和微任务简单区分
因为宏任务太占用性能,当需要一些较早就准备好的方法,排在最后才执行的时候,又不想新增一个宏任务,那么就可以把这些方法,一个一个的放在微任务队列里面,在这个宏任务中的代码执行完后,就会执行微任务队列。异步任务指的是,不进入主线程、而进入"任务队列"的任务,只有等主线程任务执行完毕,"任务队列"开始通知主线程,请求执行任务,该任务才会进入主线程执行。而异步任务,又分为宏任务和微任务,这两个任务是两个队列,所以是先进先出的。同步任务指的是,在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务。原创 2022-07-14 16:27:31 · 1302 阅读 · 0 评论 -
uniapp写小程序,如何使用vuex?
由于在uniapp里面内置vuex插件,故用起来比较简单的,不同于传统的vue项目,也不需要你使用下面的指令进行安装。原创 2023-04-13 17:29:27 · 1520 阅读 · 0 评论 -
关于window.addEventListener的小坑
子窗口向父窗口传值,比如点击按钮弹窗打开iframe ,这时候可以使用,防止跨域。我的问题比较简单,就是监听没有删除,导致多次执行。方法二:类似防抖节流的思想,每次点击将函数监听函数进行替换,只执行点击的最后一次,我觉得还是这种方式最简单。一次,多次点击,就会多次执行,如果里面也有业务逻辑的话,比如发送请求,就会执行多次,所以是BUG。方案1:在打印后,清除监听。这个时候,由于我的监听,是放在按钮事件内,所以每点一次就会。演示代码,不分父子窗口,直接写一个页面内,仅供参考。的回调函数,必须是同一个。原创 2023-04-11 17:40:13 · 4109 阅读 · 0 评论 -
JQuery实现动态显示加载的图片
描述想在图片上传的时候,动态显示一下自己选择的图片,但是无奈浏览器总是出现这个地址,看网上的帖子,据说:浏览器出于安全考虑,客户端的真实文件路径通过代码是无法获取的,从而通过fakepath直接代替了其中的路径名,保护隐私和安全。解决方法:<!DOCTYPE html><html><head><meta charset="UTF-8">...原创 2018-12-03 08:45:25 · 9351 阅读 · 1 评论 -
jQuery获取父节点、子节点、兄弟节点
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;原创 2023-04-10 10:31:46 · 524 阅读 · 0 评论 -
浅比一下,Less和Sass的区别
LessLess 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。SassSass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (in...原创 2022-07-16 22:31:15 · 8528 阅读 · 0 评论 -
几个Base64编码工具,也有蹊跷
在平台2上手动URL编码转换之后,不难发现,结果跟平台3结果一致,自此可以确定,平台3先对数据URL编码,然后进行的base64编码。需求:对一段内容进行base64加密,然后通过url的get请求进行发送到后台,由于加密的内容比较少,base64串也不是很长,我认为此方案可行。经过一番研究,发现平台3在进行Base64编码之前,先对输入的字符串进行了URL编码,将。,通过对比图,我们可以发现,平台1和平台2结果一样,但是平台三的结果不一样,有点奇怪。号被传递成为空格,导致解析base64失败,报错。原创 2023-02-15 14:56:21 · 515 阅读 · 0 评论 -
Dojo给Button自定义图标
1、参考官网上的demo,可以确定在dojo中按钮上图标的添加方式地址:https://dojotoolkit.org/reference-guide/1.7/dijit/form/Button.html<button data-dojo-type="dijit.form.Button" id="toggleButton" onClick="toggle();" data-dojo-pr...原创 2019-07-29 10:54:20 · 553 阅读 · 0 评论 -
区分HTML、XHTML、HTML5和XML
XML是元标识语言,用户可以根据自身的需要定义一些标记,拥有非常强的扩展性,其语法也比HTML严格,而且数据转换能力强大。HTML5是对以上几种语言的优化,它化繁为简,避免了一系列的不必要复杂设计;而且向下兼容,它的兼容性是非常强的,它允许存在不严谨的语句写法。XHTML是2000年W3C公司发布的,它根本不需要编译可以直接有浏览器执行,属于浏览器解释语言,应该说是HTML的增强版,它的灵活性和扩展性会适应未来网络应用的更多需求。这是一种用来制作超文本文档的简单标记语言,用其编写的文档通常后缀为html。原创 2017-05-02 21:05:59 · 5445 阅读 · 1 评论