- 博客(74)
- 收藏
- 关注
RSS订阅原创 e.currentTarget和e.target
此时，e.target表示的是触发事件的具体元素，而e.currentTarget则表示的是当前正在处理事件的元素，可能是父级元素或者其他祖先元素。例如，可以通过e.target来获取用户点击的具体元素，或者通过e.currentTarget来获取当前正在处理事件的元素。e.target表示的是事件的目标元素，即触发事件的元素，通常是用户在页面中进行操作时所点击的元素。而e.currentTarget表示的是当前事件处理程序所绑定的元素，即事件正在处理的元素。e.target是获取具体的触发元素。
2023-03-27 16:58:39
1560
原创 el-input的clearable和disabled共存问题
首先：你要知道，这俩属性是几乎是true和false的关系，同时存在，clearbale就不生效。那么，就需要手动来实现这样的功能。手动写一个“x”来实现清空。需要一个iconShow的属性来控制这个“x”的展示。
2023-02-17 17:49:38
780
原创 项目中的inputNumber计数器：和其他组件结合？
2.在“如何控制减少按钮让它不可点击的问题上”，纠结了挺长时间，加起来有个小半天吧。当tag的数量 == 这个变量的时候，elementui的底层就会自动把这个“减少”按钮不可选中了，这样就解决了一个联动问题。如果：上面的数字 = 下面的tag数量，则：这个“添加”按钮隐藏，计数器的“减少”按钮不可点击。如果：上面的数字 > 下面的tag数量，则：这个“添加”按钮继续存在。1.这俩组件都是单独封装的，利用父子组件之间的关系，控制就行。删掉一个tag后，这个计数器的“减少”按钮可以再次点击。
2022-12-01 13:53:12
399
原创 vue draggable怎么用？怎么写一个拖拽的看板？
市面上目前有很多成熟的组件，本次介绍的这个就是一个轻量级的应用。这时候，后端需要的信息差不多就都有了，在ondrop的时候调接口就行了。这里我也是没找到啥官方的方法，所以就用mousedown来代替一下。本次着重讲的是在Mes系统中如何使用，使用的是.net6框架。使用这个控件比较烦的地方就是，需要拿到目标列的一些信息。常规的vue文件使用，可以参考上面的网站。项目中需要像看板一样的可以拖动的任务队列。同样是可以获取到一个小块儿的信息。其次获取一个小块儿的信息。2.2然后开始画界面。
2022-11-24 17:31:48
953
原创 前端基础面试2.0
闭包函数是：内部函数访问外部函数中变量的函数。所有的函数都是闭包，因为都可以访问到。但是，只有真正访问了外部函数的变量的时候，这个函数才可以被称为闭包函数。//闭包}}fn()
2022-10-24 16:50:47
457
原创 echarts饼状图怎么和接口一起用？
那就需要写一个方法，调用接口，在mounted中执行这个方法，然后后续的赋值步骤和上面情况1一样。2.2 上图中的option都写在data的return中。2.1 先给一个div盒子，一个id，大小看着给百分比。2.4 情况2：当前页面只有这一个饼状图并且不会变动。2.3 mounted中写入加载饼状图。
2022-10-19 11:20:36
1560
原创 v-if和v-show的应用
所以，如果上图的判断条件使用的是v-show，那么将导致组件不再重新渲染，页面加载的时候就已经固定了。之前想法是用v-show，也就是一个切换，但是不行，v-show和v-if有时候的区别还是挺大的。v-if是根据条件渲染，v-show一定会渲染，展示与否，修改display属性。所以这就涉及到v-if和v-show的取舍。，v-show是css层次的变化。
2022-10-08 10:19:56
281
原创 如何手写一个闭包函数
【简单认识】什么是闭包，理解闭包是什么，弄懂闭包，程序开发知识，编程知识点。，侯捷谈堆、栈与内存管理（上），【简单认识】什么是匿名函数，理解匿名函数，匿名函数跟一般函数的区别，程序开发知识，编程知识点。，JavaScript闭包怎么理解呢，1、编程思想介绍（重要），一期学会做小程序 - vue+uni-app+uniCloud 前端后端全栈一体开发以及留言板小案例演示，【简单认识】foreach和map，foreach怎么用，map怎么用，foreach和map的区别，程序开发知识，编程知识点。
2022-09-15 17:43:11
651
原创 属性名相同的俩对象结构赋值
这样就避免了变量命名冲突的问题。上述代码中，俩对象的属性名相同，但是。更深层次的也是这样获取。，可以采用别名的方法。深层次的对象怎么获取？
2022-09-07 10:47:55
596
3原创 js方法：Math.ceil
将一个数字上升到最近的整数Math.ceil（1.2）=》2Math.ceil（0.9）=》1Math.ceil（1）=》1。
2022-07-27 17:23:40
867
原创 利用.NET框架进行前端开发MES操作系统时的一些问题
首先，前端开发MES系统时，无非就是组件之间的相互调用和传递参数。总的编写流程差不多可以划分为1.Panel，Add，Edit三个组件编写完成后，在RoutUrl中注册三个vue组件2.其次编写所需要的界面（aspx或cshtml），这里直接复制已有的文件，避免出现乱码现象；3.界面中引入Panel文件，观察是否能够正常展示；4.每新增一个需要使用的vue组件，都需要在RoutUrl中注册；5.在画完基本的界面后，...
2022-07-20 17:27:18
1473
原创 关于vue中的$refs和$emit，以及props
有很多刚接触前端的同学分不清这俩的区别，这俩父子间的传值和调用，感觉都一样。其实不然，这俩的。
2022-07-08 16:40:44
797
原创 判断类型的另一种方法
function fn(type){ let str=Object.prototype.toString.call(type); return str.substring(str.indexOf(' ')+1,str.length-1) } console.log(fn([]));是Object下的方法，并用call改变指向
2021-09-06 10:09:53
70
原创 jQuery实例对象方法
html();text();val(); // 等价于js原生value（）;addClass();removeClass();toggleClass(); // 有的话就删除，没有的话就添加css();attr(); // 等价于js原生中setAttribute（）或者getAttribute（），如果只设置一个key，那就是获取；设置key，value，那就是se...
2021-08-31 14:53:48
112
原创 jq-常见指令
$（）1.获取元素2.将元素Node节点转换为jquery实例对象3.传入一个匿名函数，加载事件4.传入一个字符串标签'<div>'创建一个标签jQuery实例对象方法：html()text()val()addClass()removeClass()toggleClass()css()attr()index()each(function(index,item){})查：siblings()children()fi
2021-08-30 10:34:04
184
原创 js-事件监听
node.addeventListner( 'click',事件函数，触发时机（默认为false，冒泡阶段）)相比于传统的事件，事件监听可以绑定多个事件，更省内存空间，可以解决冒泡，默认行为的一些问题，同时也是w3c标准；事件的三个阶段...
2021-08-30 10:14:36
65
原创 e.target 和this的区别
其中e.target一直指向触发该事件的节点，而this则随着事件的冒泡而不断变化。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/Jquery.js" type="text/javascript" charset="utf-8"></script> </hea
2021-08-26 08:51:02
152
原创 js-this和target的区别
e.target 和 this 的区别前者返回的是触发事件的对象（元素），点击了哪个元素，返回的就是哪个元素后者返回的是绑定事件的对象（元素），哪个元素绑定了事件，返回那个元素
2021-08-18 10:33:42
135
原创 DOM事件流
事件流 描述的时从页面中接受事件的顺序事件发生时会在元素节点之间按照特定的舒徐传播，这个传播过程即DOM事件流DOM事件流分为3个阶段：1.捕获阶段2.当前目标阶段3.冒泡阶段冒泡事件：IE最早提出，事件开始时由最具体的元素接受，然后逐级向上传播得到DOM最顶层的过程事件捕获：网景最早提出，由DOM最顶层节点开始，然后逐级向下传播到最具体的过程注意：1.js代码执行中只能执行捕获或者冒泡其中的一个阶段2.onclick和attachEvent只能得到.
2021-08-18 10:32:55
74
原创 js-事件对象
function小括号里面的e就是一个事件对象，它属于形参但是我们在用的时候不用传递实参事件对象只有有了事件才会存在，它是系统给我们自动创建的，不需要我们传递实参
2021-08-18 10:32:29
55
原创 js-注册事件
传统注册方式利用on开头的事件，比如onclick特点：注册事件的唯一性同一个元素同一个事件只能设置一个性能函数，最后注册的处理函数将会覆盖前面注册的处理函数方法监听注册方式w3c标准推荐方式addEventListner（）他是一个方法兼容：ie9之前不支持，可以用attachEvent（）代替特点：同一个元素同一个事件可以注册多个监听器案列： <body> <button>事件监听按钮</button> </b
2021-08-12 11:32:39
146
原创 js-简单点击轮播
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .countiner{ position: relative; width: 1000px; height: 410px; margin: 100px auto; } .c.
2021-08-11 10:22:18
163
原创 API-DOM 事件
事件：触发---响应机制事件三要素：1.事件源：事件被触发的对象2.事件类型：如何触发 什么事件，比如鼠标点击（onclick）还是鼠标经过 还是键盘按下3.事件处理程序：通过函数赋值的方式完成<body>//简单案例 <button type="button" id="btn">唐伯虎</button> <script type="text/javascript"> var btn=document.querySel
2021-08-09 11:00:39
74
原创 API- Day 11- DOM
什么是DOM：文档对象模型，w3c组织推荐的处理可扩展标记语言的接口可以通过接口改变网页的内容，结构和样式····文档：一个页面就是一个文档，DOM中用document表示·······元素：页面中的所有标签都是元素，DOM用element表示···········节点：网页中所有的内容都是节点（标签，属性，文本，注释等），DOM用node表示获取元素：······通过ID获取id是大小写敏感的字符串，代表了所要查找的元素的唯一ID<body> &l
2021-08-06 11:07:31
69
原创 检测是否为数组方法
函数中，反转数组我们传入实参console.log(函数名[1,2,3]) //正确console.log(函数名(1,2,3)) //错误检测的方法： 1.instanceof 运算符<script> var arr=[]; console.log(arr instanceof Array);</script>结果为true；...
2021-08-06 08:49:19
84
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人