jQuery的属性操作模块总共有4个部分,本篇说一下第3个部分:类样式操作部分,用于修改DOM元素的class特性的,对于类样式操作来说,jQuery并没有定义静态方法,而只定义了实例方法,如下: addClass(value) ;为匹配元素集合中的每个元素添加一个或多个类样式,通过修改DOM属性c ...
分类:
Web程序 时间:
2019-10-23 09:56:37
阅读次数:
108
vue中的 v-if 和 v-show 二者都可以动态的控制元素的隐藏和显示,但是他们控制的原理是不同的 v-if v-if 控制元素显示或隐藏是把dom元素整个的渲染或者删除,如果删除,也就是页面中不存在这个dom元素,以此达到隐藏的效果; 所以v-if在每次切换的时候都会重新创建或者销毁元素,有 ...
分类:
其他好文 时间:
2019-10-22 21:57:27
阅读次数:
96
如果直接在html结构上绑定事件,事件处理函数无法获取到js中的作用域。想要获取T函数的作用域,必须在dom元素上绑定。将模板中的html解析dom树,然后遍历元素上的属性获取事件处理函数的标识,在进行绑定即可。目前主流框架对事件绑定的实现思想大概有一下三类1、特定的模板语法,使用Parser解析出... ...
分类:
其他好文 时间:
2019-10-21 09:57:07
阅读次数:
70
jQuery的属性操作模块总共有4个部分,本篇说一下第2个部分:DOM属性部分,用于修改DOM元素的属性的(属性和特性是不一样的,一般将property翻译为属性,attribute翻译为特性) DOM属性的静态方法接口如下: prop(elem, name, value) ;设置或读取DOM属性, ...
分类:
Web程序 时间:
2019-10-21 09:39:02
阅读次数:
75
Vue对DOM元素的class和style两个特性做了专门的增强,即对CSS类和内联样式做了一层封装,通过v-bind指令来处理它们,而接收的表达式既可以是简单的字符串、对象或数组,也可以是复杂的计算属性。不仅如此,Vue还为表单设计了一些语法糖,让表单处理变得尤为简单。 一、CSS类 v-bind ...
分类:
其他好文 时间:
2019-10-21 09:37:31
阅读次数:
84
如果直接在html结构上绑定事件,事件处理函数无法获取到js中的作用域。想要获取T函数的作用域,必须在dom元素上绑定。将模板中的html解析dom树,然后遍历元素上的属性获取事件处理函数的标识,在进行绑定即可。目前主流框架对事件绑定的实现思想大概有一下三类1、特定的模板语法,使用Parser解析出... ...
分类:
其他好文 时间:
2019-10-21 00:20:15
阅读次数:
98
v-if语法(条件) 符合条件时显示(渲染)某一元素。 执行结果: v-if可以使用data对象,也可以直接使用表达式(如:2>1)。 v-show也可以达到根据条件显示元素的目的,但是两者有一些区别。 v-if与v-show区别: 相同点:v-if与v-show都可以动态控制dom元素显示隐藏 不 ...
分类:
其他好文 时间:
2019-10-16 11:37:17
阅读次数:
88
标签中添加ref属性,相当于id 在Vue中通过 $refs.ref的属性名 获取或者设置dom元素 ...
分类:
Web程序 时间:
2019-10-16 09:17:27
阅读次数:
70
壹 ? 引 在angularjs开发中,指令的使用是无处无在的,我们习惯使用指令来拓展HTML;那么如何理解指令呢,你可以把它理解成在DOM元素上运行的函数,它可以帮助我们拓展DOM元素的功能。比如最常用ng-click可以让一个元素能监听click事件,这里你可能就有疑问了,同样都是监听为什么不直 ...
分类:
Web程序 时间:
2019-10-14 01:29:05
阅读次数:
151
1.格式化压缩过的JavaScript 压缩过后的JavaScript看起来就几行,每一行都很长,如果不进行格式化,根本没办法进行调试。Chrome的{}按钮(Pretty-print)可以使JavaScript以格式化的方式打开。 2.断点修改DOM元素的JavaScript 想要知道哪个代码修改 ...
分类:
其他好文 时间:
2019-10-11 17:58:41
阅读次数:
66