点击删除按钮,删除列表中对应项本来是React比较基础的应用,可是应用情况变得复杂了以后,我还真想了一会儿才搞定. 简化一下应用场景:点击新增按钮,增加一条输入框,点击输入框旁边的按钮,删除该输入框(不能删错了啊). 先说第一种方法 问题刚上手,首先规划级别:一个输入框和对应删除按钮为一个子组件,整体为父组件即可方便处理. 注意的点:生成的一坨输入框是一个数组,为了准确删掉对应项,生成时要编号.点击删除按钮要反馈对应编号,然后进行删除. 现在的逻辑是:整个待展示列表(由子组件组成的数组)是个st…

JQ中的clone()方法与DOM中的cloneNode()方法 cloneNode()定义和用法 cloneNode()方法创建节点的拷贝,并返回该副本. 语法: node.cloneNode(deep);  其接收一个可选参数"deep",为布尔类型,默认是false. 当设置为true,克隆当前节点,属性及当前节点的后代.若设置为false,仅仅克隆当前元素节点本身. 扩展:  使用cloneNode()方法,当被克隆的节点绑定了事件处理程序,事件处理程序是否会被一同克隆,这个我…

JS中迭代元素特性 在需要将DOM结构序列化为XML或者HTML字符串时,多数都会涉及遍历元素的特性,这个时候attributes属性就可以派上用场. 以下代码展示了如何迭代元素的每一个特性,然后将他们构造成 name = "value"  name = "value" 这样的字符串格式. function outputAttributes(element) { var pairs = new Array(); for(var i=0, len=element.at…

队列的概念 栈是一种后进先出的结构,而队列是一种先进先出的结构.如银行排队,排在前面的人先办业务然后离开,后来的人站在最后.可以用队列的push()方法插入元素到队列的末尾,可以用shift()方法删除第一个元素. 模拟队列进行插入.删除 在html中生成新的节点 var str1 = document.createElement("li"); 然后在把这个节点插入到ul中 ul.appendChild(str1); 在jquery中可以不用生成新的节点,直接用append()方法将它…

MID字符串函数,作用是从一个字符串中截取出指定数量的字符 MID(text, start_num, num_chars)   text被截取的字符 start_num从左起第几位开始截取(用数字表达)   num_chars从左起向右截取的长度是多少(用数字表达) 此例子是提取身份证号码中的出生年月日. A1单元格为522222199009091010 在B1单元格输入公式 =MID(A1,,) 被截取的字符串为A1单元格,从第七位开始向右截取8个数字. 得到出生年月日:…

传统方式 setup() { const store = useStore() //传统方式 const aName = computed(() => store.state.name) return { aName } 如果数据多一点一个一个导入就十分的不方便 我们可以使用这样一种方法 setup() { const store = useStore() //如果想一次拿到想要的数据 const storeStateFns = mapState(["counter", &quo…

<script type="text/javascript"> function msg(e) // e = event { var target; //initialisation if ("activeElement" in document) { target = document.activeElement; //Si IE } else { target = e ? e.explicitOriginalTarget : null; // Si…

package com.rf.xs.map; public class Student implements Comparable<Student> { private String name; private int age; public String getName() { return name; } public void setName(String name) { this.name = name; } public int getAge() { return age; } pu…

假设有两个类:Dao 和 PersonDao,它们的代码如下: Dao: public class Dao<T> { private Class<T> clazz; T getId(Integer id){ return null; } void save(T entity){ } } PersonDao: public class PersonDao extends Dao<Person> { } Person: public class Person { priva…

步骤分解: 第一步:给要获取的元素一个ng-model变量,并且绑定事件啦! <div class="home" ng-model="dirName" ng-mouseenter="switchImage($event,dirName)"></div> //给要获取的元素一个ng-model变量 第二步:在controller中利用$event.target获取dom元素即可! $scope.switchImage = f…