双向数据绑定必须在表单里面使用,如input、select ref用来获取dom节点,如 <input type="text" ref='sexValue'/> <div ref='boxValue'></div> <button v-on:click="getInputValue()">获取dom ...
分类:
其他好文 时间:
2019-01-11 18:07:03
阅读次数:
201
ionic2页面上面获取dom节点,可以直接用原生的方法,document.querySelector()等, 但是不建议这样使用,建议使用官方的。就是要在获取的节点上加上#name的属性(相当于getElementById), 在ts文件上面引入viewchild装饰器 然后在构造器里面声明使用@ ...
分类:
其他好文 时间:
2019-01-07 23:08:26
阅读次数:
225
元素节点 4种方式获取 var oDiv = document.getElementById("box"); //通过Id获取元素var oDiv = document.getElementsByClassName("div")[0]; //通过类名获取元素 --》[ 0 ] 必须写var oDiv ...
分类:
Web程序 时间:
2019-01-07 22:33:12
阅读次数:
164
一、什么是虚拟DOM? render执行的结果得到的并不是真正的DOM节点,结果仅仅是轻量级的JavaScript对象,我们称之为virtual DOM。 虚拟DOM是React的一大亮点,具有batching(批处理)和高效的Diff算法。这让我们可以无需担心性能问题而”毫无顾忌”的随时“刷新”整 ...
分类:
其他好文 时间:
2019-01-04 12:18:46
阅读次数:
173
关于js获取dom 节点到浏览器顶/左部的距离,Jquery里面有封装好的offset().top/offset().left,只到父级的顶/左部距离position().top/position().left; 原生写的话就是用获取节点,do while循环就可以了。代码如下 ...
分类:
Web程序 时间:
2019-01-03 19:34:01
阅读次数:
279
原文地址:https://wangdoc.com/javascript/ 所有的DOM节点都继承了Node接口,拥有一些共同的属性和方法。 属性 Node.prototype.nodeType nodeType属性返回一个整数值,表示节点的类型。 Node对象定义了几个常量,对应这些类型值。 不同节 ...
分类:
其他好文 时间:
2019-01-02 17:21:13
阅读次数:
550
注意:css3的用:checked伪类选择器会去检查元素属性(```input[checked]```),而不是dom节点上的属性( ``````)。所以要使用jquery的prop而非attr添加属性。 jquery建议:具有 true 和 false 两个属性的属性,如 checked, sel... ...
分类:
Web程序 时间:
2019-01-02 01:27:18
阅读次数:
207
一个简单的轮播 为了更具有通用和参考性,轮播组件中,轮播只使用了react,没有添加其他的状态管理,或者参数类型限制的库. "github地址" 最终效果 显示无限循环原理 如图所示,如果轮播里面有三个部分,那么可以在首端前添加一个跟最后一块一样的dom节点,同理在最末端添加跟首端相同的节点,这样当 ...
分类:
其他好文 时间:
2018-12-28 11:36:00
阅读次数:
183
v-if和v-show都能控制dom节点是否显示,但是v-if是根据v-if="flag",flag的真假判断是否直接在dom树上删除或重建元素节点,v-show本质上是修改元素的css样式(display属性值),元素始终在dom树上 eg: 如上,不同主要表现在其实现方式,实现方式不同也导致其编 ...
分类:
其他好文 时间:
2018-12-27 11:20:23
阅读次数:
97
一、vue使用步骤: 1.引包vue.js 2.html中写要操作的DOM节点 3.创建vue对象:new Vue({options}); 4.配置options:el:(要操作的对象,用选择器,同jquery), emplate:(模板,指定要插入的内容:{{插值表达式}},注:必须只有一个根节点 ...
分类:
其他好文 时间:
2018-12-23 22:04:10
阅读次数:
125