js
文章平均质量分 61
巧克力的口袋
有需求的地方就一定有解决办法
展开
-
事件委托&判断鼠标是否点击到元素外部区域
此文章讲解的是事件委托的基本概念和原理实现;以及拓展到的常见场景问题“判断鼠标是否点击到元素外部区域”。一. 事件委托1.概念事件流:事件捕获阶段(外至内)–>处于目标阶段(事件响应到触发事件的最底层元素上)–>事件冒泡阶段(内至外,默认false冒泡)事件委托:将一个元素的绑定事件委托到另一个 元素上优点:减少内存的消耗、动态绑定事件2.场景问题一个ul下有十个li,需要每次点击li标签的时候,打印出被点击的li的innerHTML文本内容,如何做?3.代码实现人们最常见的惯原创 2021-04-16 15:21:23 · 3054 阅读 · 0 评论 -
vue新增属性问题
最近遇到一个奇怪的问题:描述起来也有点绕口,我总结就是:Vue创建form表单实例并且整体赋值以后,将form中没有被赋到值的几个字段拿出来单独赋值,会造成单独被拿出来的赋值字段在界面中无法点击修改,我这样奇怪赋值的原因是因为后台给我的数据是在两个对象里面,而我界面渲染的数据在一个表单form里面。最后得出的结论:form表单在data中定义以后,Vue 将遍历此对象所有的属性,并使用 Obje...原创 2019-12-25 15:32:44 · 698 阅读 · 0 评论 -
js中函数split、join、slice以及splice的细解
1 split()将字符串转换为数组原创 2019-12-18 14:17:50 · 376 阅读 · 0 评论 -
前端vue+element+js实现导入导出数据表格
项目中的导入导出可以由前端实现,也可以由后台实现,这里详细介绍的方法中,导入是通过后台接口实现,导出是通过前端代码实现,本质上有所不同。数据表格导入1.在相应vue界面添加导入按钮代码,action值是对应后台代码地址,:on-success值是导入成功的触发函数,即导入以后在界面上渲染数据。<el-upload class="upload-demo" action="htt...原创 2019-11-21 16:21:08 · 1448 阅读 · 3 评论