官网解释 <transition> 元素作为单个元素/组件的过渡效果。<transition> 只会把过渡效果应用到其包裹的内容上,而不会额外渲染 DOM 元素,也不会出现在可被检查的组件层级中。 Props: name - string,用于自动生成 CSS 过渡类名。例如:name: 'fade ...
分类:
其他好文 时间:
2020-07-10 11:27:05
阅读次数:
94
[JavaScript HTML DOM 元素 (节点)本章节介绍如何向文档中添加和移除元素(节点)。创建新的 HTML 元素 (节点) - appendChild()要创建新的 HTML 元素 (节点)需要先创建一个元素,然后在已存在的元素中添加它。实例这是一个段落。这是另外一个段落。实例解析以下... ...
分类:
编程语言 时间:
2020-07-09 11:54:56
阅读次数:
70
key是为每个vnode指定唯一的id,在同级vnode的Diff过程中,可以根据key快速的进行对比,来判断是否为相同节点, 利用 key 的唯一性生成 map 对象来获取对应节点,比遍历方式更快,指定key后,可以保证渲染的准确性(尽可能的复用 DOM 元素。) 为什么不建议用index作为ke ...
分类:
其他好文 时间:
2020-07-08 23:15:36
阅读次数:
97
在已有dom元素上创建一个vue组件 <div id="app"> </div> var app = new Vue({ el:'#app', data:{ message:'', } }) 自定义vue组件: <div id="app"> <my-example></my-example> </d ...
分类:
其他好文 时间:
2020-07-02 16:25:48
阅读次数:
52
最近使用到了基于jquery的layui框架,在使用layui的form表单的时候,会遇见一个问题,页面渲染完成之后,使用js或jquery操作表单dom元素是没有问题的,但表单内容并随之没有改变,需要使用layui提供的方法来重新渲染表单 一、初始化表单 1、dom结构如下 2、layui方法初始 ...
分类:
其他好文 时间:
2020-07-02 13:13:05
阅读次数:
587
如图,ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例: 在上面的例子中,input的引用信息为input1 ,$refs 是所有注册过的ref的一个集合, ...
分类:
其他好文 时间:
2020-07-01 09:37:16
阅读次数:
54
例子:国际化语言切换xp = '//*[@id="app"]/div/div[1]/div/div/div[1]/div[2]/div/div/div[2]/span' #先点击下拉按钮语言框 element2 = self.driver.find_element_by_xpath(xp) #定位语 ...
分类:
其他好文 时间:
2020-06-30 14:33:49
阅读次数:
57
在Vue.js中实现一个列表无限下拉刷新功能,最好的实现方式应该是利用自定义指令,Vue除了核心功能默认内置的指令 (v-model 和 v-show),在仍然需要对普通 DOM 元素进行底层操时,推荐使用自定义指令。Vue指令为我们提供了以下几个钩子函数, const MyDirective = ...
分类:
其他好文 时间:
2020-06-28 18:05:29
阅读次数:
90
###js中事件绑定 1,在DOM元素中直接绑定; 2.在JavaScript代码中绑定; 3.绑定事件监听函数。 ####在DOM中直接绑定 ####在js代码中绑定 ####使用事件监听绑定 oBtn.addEventListener("绑定事件",绑定后执行的函数语句,事件方法:true为捕获 ...
分类:
Web程序 时间:
2020-06-22 20:57:21
阅读次数:
55
<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。 <keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也 ...
分类:
其他好文 时间:
2020-06-22 10:49:38
阅读次数:
31