DOM提供了很多实用的API,这些API让我们可以轻松的访问HTML文档。所谓API(应用程序接口),简单来说,就是让我们可以直接使用它访问程序的一些属性或方法,而不用了解程序内部的运作过程和原理。 前面我们已经了解了DOM把HTML文档解析为节点树,实际上HTML节点树只是整个DOM树的一个分支, ...
分类:
其他好文 时间:
2019-08-20 16:38:46
阅读次数:
90
11.47 DOM操作 查找节点: HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作(action),比如当用户点击某个 HTML 元素时执行一段JavaScript。下面是一个属性列表,这些属性可插入 HTML 标签来定义事件动作。 1、常用事件 2、绑定方式 方式一: ...
分类:
编程语言 时间:
2019-08-19 22:44:32
阅读次数:
126
1. 浏览器渲染机制 浏览器采用流式布局模型(Flow Based Layout) 浏览器会把HTML解析成DOM,把CSS解析成CSSOM,DOM和CSSOM合并就产生了渲染树(Render Tree)。 有了RenderTree,我们就知道了所有节点的样式,然后计算他们在页面上的大小和位置,最后 ...
分类:
其他好文 时间:
2019-08-19 19:36:07
阅读次数:
117
Vue不同模板之间的参数传递 页面路由带参数的跳转: 参数接收: Vue向服务器请求资源的两种方式 VUE RESOURCE 1.Vue.js是数据驱动的,这使得我们并不需要直接操作DOM,如果我们不需要使用jQuery的DOM选择器,就没有必要引入jQuery。vue resource是Vue.j ...
分类:
其他好文 时间:
2019-08-18 19:27:52
阅读次数:
97
动画的方案: 1.在 CSS 过渡和动画中自动应用 class 2.可以配合使用第三方 CSS 动画库,如 Animate.css 3.在过渡钩子函数中使用 JavaScript 直接操作 DOM 4.可以配合使用第三方 JavaScript 动画库,如 Velocity.js 实现动画的元素必须脱 ...
分类:
其他好文 时间:
2019-08-10 14:12:07
阅读次数:
89
总体概述 一、jQuery相当于Python中的模块,其诞生的目的就是简化DOM操作。DOM操作基本上都封装在jQuery中。不过也有例外,比如createElement创建标签的操作,还是需要DOM完成。 二、参考网站:http://jquery.cuishifeng.cn 三、版本号: 1.x ...
分类:
Web程序 时间:
2019-08-07 10:52:44
阅读次数:
121
问题一:说一下使用Jquery和使用vue的区别。 Jquery是对繁琐的Dom操作进行了封装,同时也在里面封装了兼容浏览器的处理方式,更方便开发人员选取和操作DOM对象,在这里,视图和数据是耦合在一起的,这样不利于复杂业务逻辑的开发; 而vue解耦了视图和数据,将Dom相关操作完全封装在了内部,通 ...
分类:
编程语言 时间:
2019-08-06 10:55:23
阅读次数:
96
背景: frame嵌套的页面:高度默认很小,而且如果不在相同域名,无法访问内部的DOM元素 1.如果设置固定的高度,部分屏幕部分满足需求,这里使用动态获取浏览器屏幕高度的方法设置:这里去除顶栏100px高度,自适应屏幕 2.如何操作iframe内部的DOm: 更简单的方法:通过name获取 也可以获 ...
分类:
其他好文 时间:
2019-07-30 12:35:32
阅读次数:
118
js操作DOM时发生了什么? js每次操作DOM都出发了回流,这非常的消耗性能。 什么是文档碎片容器? document.createDocumentFrgement() 用于暂时存放创建的DOM元素。 文档碎片容器有什么用? 将需要添加到body中的元素先添加到碎片容器中,再把碎片容器插入到对应的 ...
分类:
其他好文 时间:
2019-07-27 09:41:07
阅读次数:
90
JavaScript实现轮播图思路 + html/css + js源码 1. 整个轮播图的效果是通过js代码,操作dom, 拿到html我们需要的元素,控制整个ul的距离浏览器左边的位置,让排好的图片依次出现在相框中,不在相框中的元素会被css中的 overflow : hidden 隐藏掉, 其次 ...
分类:
Web程序 时间:
2019-07-08 13:25:28
阅读次数:
148