vue和react都有用到虚拟dom。虚拟dom有什么用?先来看下dom元素,dom是很慢的,我们可以把dom元素里面的所有属性都打印出来看下 可以看到,一个元素就有几百个属性,这还仅仅是一个而已,真正的dom结构是非常庞大的,因为他们就是这么规定的,所以操作dom时要小心再小心,有时候操作不当可能 ...
分类:
其他好文 时间:
2017-08-10 13:41:29
阅读次数:
97
最近看完了 backbone.js 的源码,这里对于源码的细节就不再赘述了,<!--?xml version="1.0" encoding="UTF-8" standalone="no"?-->大家可以 star 我的源码阅读项目(https://github.com/JiayiLi/source- ...
分类:
Web程序 时间:
2017-08-05 18:52:37
阅读次数:
193
上一篇文章是记录了jquery中选择器的作用,这里只要记录下jquery中的DOM操作,还是按照上篇的格式来。 下面是测试用的html代码,接下来DOM的操作会在下面的代码下进行。 操作DOM元素的主要方法和功能都在注释中详细说明了。这里还没有介绍jquery操作属性和css等相关方法,下次有空再记 ...
分类:
Web程序 时间:
2017-08-05 17:58:18
阅读次数:
130
转载于:http://www.bcty365.com/content-146-3661-1.html 最近在用mui写页面,当然了在移动App里引入jq或zepto这些框架,肯定是极不理性的。原生JS挺简单,为何需要jq?jq的成功当时是因为ie6、7、8、9、10、chrome、ff这些浏览器不兼 ...
分类:
编程语言 时间:
2017-08-03 22:16:55
阅读次数:
257
angular2不推荐操作dom,但是实际应用中不可避免的需要使用到dom操作,怎么操作,官方文档提供了一系列api(ElementRef,ViewContainerRef ,TemplateRef)配合 @ViewChild或@ViewChildren就可以获取到dom元素,但是这个过程中有些文档 ...
分类:
其他好文 时间:
2017-08-01 12:36:57
阅读次数:
135
虽然 Vue.js 通常鼓励开发人员沿着“数据驱动”的方式思考,避免直接接触 DOM,但是有时我们确实要这么做。比如一个新闻滚动的列表项。如果在这里需要操作dom, 应该是等待 Vue 完成更新 DOM之后。 一、新闻滚动列表 1、在created函数中获取后台数据; 2、模板引擎中用v-for生成 ...
分类:
其他好文 时间:
2017-07-30 11:27:52
阅读次数:
384
DOM操作分为:DOM核心、HTML-DOM、CSS-DOM 1.节点操作 查找 查找元素节点:jquery选择器 查找属性节点:attr(“”)方法,参数为要查询的属性的名字 创建 创建元素节点:$("html")方法,参数为HTML标记字符串,如:<p></p> 注意:(1)动态创建的新元素节点 ...
分类:
Web程序 时间:
2017-07-22 23:43:48
阅读次数:
240
首先来看看实例的概述: 实例就是在构造器外部操作操作构造器内部的属性和方法。 实例的作用就是给Vue提供与其它js及其框架结合使用的接口。 进入实例阶段: 首先来看 Vue.js 搭配 jQuery 使用: 页面输出:jQuery操作DOM!,改变了 message 的输出。 $mount方法是用来 ...
分类:
Web程序 时间:
2017-07-22 18:17:03
阅读次数:
247
说明:vue-cli是vue快速构建项目的命令行式开发模式。 vue主要针对数据层,更多的操作在数据上,很少在DOM上,偶尔也会需要操作DOM,偶尔也会用到JQ插件,下面简单说下如何在使用vue-cli开发时候把JQ设置为全局的公用方法。 步骤: 1、npm install jquery -S 此时 ...
分类:
Web程序 时间:
2017-07-19 14:36:28
阅读次数:
162
Vue.directive('指令',function(el,binding,vnode){ el.style='color:'+binding.value;}); el : 指令所绑定的元素,可以用来直接操作DOM。。 binding: 一个对象,包含指令的很多信息。 自定义指令有五个生命周期: ...
分类:
其他好文 时间:
2017-07-16 23:29:12
阅读次数:
275