HTML在任意节点上添加属性“ref” SCRIPT vue里通过 this.$refs.xxx 获取 ...
分类:
其他好文 时间:
2020-01-28 17:44:09
阅读次数:
148
5 节点操作 5.1 为什么学习节点操作 5.2 节点概述 一般情况下,节点至少拥有节点类型(nodeType)、节点名称(nodeName)、节点值(nodeValue)这三个基本属性 查看部分属性: 元素节点的nodeType为1(常用) 属性节点的nodeType为2 文本节点的nodeTyp ...
MVVM就是在前端页面上,应用了扩展的MVC模式,我们关心Model的变化, MVVM框架自动把Model的变化映射到DOM结构上,这样,用户看到的页面内容就会随着Model的变化而更新。 例如,我们定义好一个JavaScript对象作为Model,并且把这个Model的两个属性绑定到DOM节点上: ...
分类:
其他好文 时间:
2020-01-25 14:14:41
阅读次数:
65
5 节点操作 5.1 学习节点操作的原因 5.2 节点概述 一般地,节点至少拥有nodeType(节点类型)、nodeName(节点名称)、nodeValue(节点值)这三个基本属性。 元素节点 ndeType 为1 属性节点 nodeType 为2 文本节点 nodeType 为3(文本节点包含文 ...
parents()方法,返回dom节点的祖先元素,如果在括号类加现有的属性名,则返回括号传的当前元素; — — — — — 分 — — — — — — — 割 — — — — — — — 线 — — — — — — — — — siblings()方法,返回dom节点的所有同级元素。 例: $(do ...
分类:
Web程序 时间:
2020-01-19 12:42:45
阅读次数:
123
因为JavaScript在浏览器中以单线程模式运行,页面加载后,一旦页面上所有的JavaScript代码被执行完后,就只能依赖触发事件来执行JavaScript代码。 浏览器在接收到用户的鼠标或键盘输入后,会自动在对应的DOM节点上触发相应的事件。如果该节点已经绑定了对应的JavaScript处理函 ...
分类:
Web程序 时间:
2020-01-16 12:40:11
阅读次数:
99
一、问题产生背景: 在ios系统上,自研app,灰度环境,进入到前端页面后,从不同入口进入到适配车型页面,部分页面显示正常,部分页面显示异常,而适配车型页面的代码逻辑仅仅是请求接口,获取到数据后进行for循环渲染而已 1、vue页面代码如下: 2、js代码如下(请求数据,有缓存先取缓存,没有取接口请 ...
分类:
移动开发 时间:
2020-01-09 13:23:50
阅读次数:
164
上一节介绍了浏览器解析的过程,其中包含构建DOM、样式计算和构建布局树。 接下来就来拆解下一个过程——渲染。分为以下几个步骤: 建立图层树(Layer Tree) 生成绘制列表 生成图块并栅格化 显示器显示内容 一、建图层树 如果你觉得现在DOM节点也有了,样式和位置信息也都有了,可以开始绘制页面了 ...
分类:
Web程序 时间:
2020-01-07 13:12:01
阅读次数:
98
本文将分享 DOM 节点树深度遍历、广度遍历代码。 假定我仅遍历 body 且其结构如下: <body> <section class="container"> <div class="left"> <div class="menu"></div> </div> <div class="right" ...
分类:
Web程序 时间:
2020-01-04 12:52:14
阅读次数:
99
dom-to-image是一个可以将任意DOM节点转换为用JavaScript编写的矢量(SVG)或光栅(PNG或JPEG)图像的库。 它基于Paul Bakaus的domvas并且已被完全重写,修复了一些错误并添加了一些新功能(如Web字体和图像支持)。 github:点击查看 线上demo:点击 ...
分类:
移动开发 时间:
2020-01-04 01:09:47
阅读次数:
402