vue01 虚拟DOM、指令、事件修饰符、按键修饰符、双向数据绑定、v-if和v-show的区别 ### 虚拟DOM: 虚拟DOM就是内存中的一个变量,是一个对象结构 前端效率优化:最致命的问题就是DOM操作,尽量减少DOM操作 vue的高效: 1、虚拟DOM页面渲染高效 2、js ①获取数据②根据 ...
分类:
其他好文 时间:
2020-02-11 19:12:06
阅读次数:
51
第八章,一些dom操作,和几个常用的函数 var s= document.getElementById("new"); console.log(s.length); var a= document.getElementsByTagName("li")[0]; console.log(a); var ...
分类:
Web程序 时间:
2020-02-08 09:55:31
阅读次数:
74
### 虚拟DOM: 虚拟DOM就是内存中的一个变量,是一个对象结构 前端效率优化:最致命的问题就是DOM操作,尽量减少DOM操作 vue的高效: 1、虚拟DOM页面渲染高效 2、js ①获取数据②根据数据渲染界面DOM操作 for vue将开发者的精力从DOM操作上转移到了数据操作上,数据变页面变 ...
分类:
其他好文 时间:
2020-02-06 23:34:30
阅读次数:
149
1、前后端分离架构 1.1、前后端半分离 工作流程大致是,访问html页面,加载css、js等静态资源,加载到浏览器时,js会发送一些ajax请求由nginx转发到后端服务器,后端服务器给出相应的json数据,页面解析Json数据,通过Dom操作渲染页面。 在这样的架构下,存在一些明显的弊端: SE ...
分类:
其他好文 时间:
2020-02-06 14:13:13
阅读次数:
122
1、React-router与React-router-dom的API对比 React-router:提供了router的核心api。如Router、Route、Switch等,但没有提供有关dom操作进行路由跳转的ap; React-router-dom:提供了BrowserRouter、Rout ...
分类:
其他好文 时间:
2020-02-03 22:20:22
阅读次数:
82
1 文档对象模型 2 关于dom操作,我们主要针对于元素操作。主要有创建、增、删、改、查、属性操作、事件操作。 2.1 创建 document.write innerHTML createElement 2.2 增 appendChild insertBefore 2.3 删 removeChild ...
1、text() :设置或返回所选元素的文本内容 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>DOM操作</title> <script src="https://cdn.staticfile.org/jquery/1.10 ...
分类:
其他好文 时间:
2020-01-25 16:49:58
阅读次数:
85
创建节点 document.write(创建任意内容,并写入) document.write("<h1>添加到html中的文本</h1>"); docement.createElement(创建元素) var jd = document.createElement("li"); //创建一个li元素 ...
分类:
Web程序 时间:
2020-01-22 16:19:51
阅读次数:
98
1、 减少dom操作:类数组是实时更新的类数组集合, 在脚本中 document.images、document.forms、getElementsByTagName()返回的都是HTMLCollection类型的集合,常见的类数组还有arguments对象和DOM方法的返回结果。对这些类数组集合操 ...
分类:
其他好文 时间:
2020-01-20 12:40:54
阅读次数:
72
三、DOM Scripting DOM编程 我们都知道对DOM操作的代价昂贵,这往往成为网页应用中的性能瓶颈。在解决这个问题之前,我们需要先知道什么是DOM,为什么他会很慢。 DOM in the Browser World 浏览器中的DOM DOM是一个独立于语言的,使用XML和HTML文档操作的 ...
分类:
编程语言 时间:
2020-01-20 09:37:29
阅读次数:
64