一、基本数据类型 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <div id="app"> 9 <!--页面从上向 ...
分类:
其他好文 时间:
2020-07-08 16:51:25
阅读次数:
43
监听页面某个元素的属性变化 window.MutationObserver(callback) Mutation Observer API 用来监视 DOM 变动。比如节点的增减、属性的变动、文本内容的变动。MutationObserver是一个构造器,接收一个回调函数callback用来处理节点变 ...
【一、Virtual DOM简介】 Virtual DOM是虚拟节点,它通过Javascript的Object对象模拟DOM中的节点,然后通过特定的render方法将其渲染成真实的DOM节点。 浏览器在处理DOM时,总会附加很多属性,这会使得每一次数据更新,渲染很慢。 Virtual DOM利用Ja ...
分类:
其他好文 时间:
2020-07-08 15:21:00
阅读次数:
70
[OHIF-Viewers]医疗数字阅片-医学影像-REACT-React.createRef()-Refs and the DOM关于回调 refs 的说明 const [downloadCanvas, setDownloadCanvas] = useState({ ref: createRef( ...
分类:
其他好文 时间:
2020-07-08 15:15:18
阅读次数:
56
1、css 避免过多样式嵌套 避免使用css表达式 使用绝对定位可以让动画元素脱离文档流(给动画元素做单独定位) 避免使用table布局(会引起多次重绘) 尽量不适用float布局 图片最好设置好width和height 尽量简化浏览器不必要的任务,减少页面重新布局 使用viewpoint设置屏幕缩 ...
分类:
其他好文 时间:
2020-07-08 01:39:47
阅读次数:
91
[function clickMeEvent(obj){if(obj.innerHTML=="Goodbye"){obj.style.display="none";}else if(obj.innerHTML=="Thank You"){obj.innerHTML="Goodbye";}else i... ...
分类:
编程语言 时间:
2020-07-07 22:11:37
阅读次数:
95
1. 内容操作 1. html(): 获取/设置元素的标签体内容 2. text(): 获取/设置元素的标签体纯文本内容 3. val(): 获取/设置元素的value属性值 2. 属性操作 1. 通用属性操作 1. attr(): 获取/设置元素的属性 2. removeAttr():删除属性 3 ...
分类:
Web程序 时间:
2020-07-07 19:57:15
阅读次数:
72
虚拟DOM,不会直接操作原生的DOM节点只改变“需要改变”的DOM节点。 很少的内存消耗 遵循基于组件的方法,有助于构建可重用的UI组件。单向数据流 只有在组件的state变化时才会出发组件的重新渲染 无状态组件就是一个单纯的render函数,所以无状态组件的缺点也是显而易见的。因为它没有shoul ...
分类:
其他好文 时间:
2020-07-07 13:45:54
阅读次数:
134
函数描述 ready() 当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。 bind() 为每个匹配元素的特定事件绑定事件处理函数。 one() 为每一个匹配元素的特定事件(像click)绑定一个一次性的事件处理函数。 trigger() 在每一个匹配的元素上触发某类事件。 triggerHa ...
分类:
Web程序 时间:
2020-07-07 09:59:32
阅读次数:
82
[Progress value 属性 Progress 对象实例修改当前进度条的值: document.getElementById("myProgress").value="75";定义和用法 value 属性用于设置或返回进度条 value 属性的值。 value 属性描述了当前进度条完成的进度... ...
分类:
Web程序 时间:
2020-07-06 21:38:50
阅读次数:
90