1.v-show和v-if的区别 v-show通过CSS的display控制显示和隐藏 v-if组件是真正的渲染和销毁，而不是显示和隐藏 频繁切换显示状态用v-show，否则用v-if 2.为何在v-for中用key(不用会报错) 必须用key，且不能是index和random diff算法中通过t ...
分类：
其他好文 时间：
2020-02-20 23:34:54
阅读次数：
132
jQuery "jQuery API" (哪里不会点哪里) jQuery 库 CDN加速 选择器 公式：$(selector).action() 鼠标事件 操作DOM 节点文本操作 结果 元素的显示与隐藏 ...
分类：
Web程序 时间：
2020-02-19 14:45:32
阅读次数：
83
一、React的虚拟dom react生成真实dom的步骤如下： 1、state（数据）与模版结合生成虚拟dom。 2、React根据虚拟dom的结构生成真实dom节点（1）。 3、数据发生改变时，生成新的虚拟dom。 4、新的虚拟dom与原先的虚拟dom进行比较，将新的虚拟dom变动的部分替换原虚 ...
分类：
编程语言 时间：
2020-02-18 09:24:21
阅读次数：
78
简单来说用 JavaScript 在浏览器中操作 HTML经历了以下几个阶段： 第一阶段：直接用 javascript 操作 dom 节点，使用浏览器提供的原生API; 第二阶段：由于原生 API 不好用，还要考虑浏览器兼容性，jQuery 横空出世， 以简洁的API迅速俘获了前端开发者的芳心； 第 ...
分类：
其他好文 时间：
2020-02-15 15:48:53
阅读次数：
82
1、元素渲染 想要将一个 React 元素渲染到根 DOM 节点中，只需把它们一起传入 ReactDOM.render()： const element = <h1>Hello, world</h1>; ReactDOM.render(element, document.getElementById ...
分类：
Web程序 时间：
2020-02-10 18:28:26
阅读次数：
96
1、svg绘制出来的每一个图形的元素都是独立的DOM节点，能够方便的绑定事件或用来修改。canvas输出的是一整幅画布； 2、svg输出的图形是矢量图形，后期可以修改参数来自由放大缩小，不会是真和锯齿。而canvas输出标量画布，就像一张图片一样，放大会失真或者锯齿 https://www.cnbl ...
分类：
其他好文 时间：
2020-02-10 11:54:23
阅读次数：
60
组件在初始化时会触发5个钩子函数： 1、getDefaultProps() 设置默认的props，也可以用dufaultProps设置组件的默认属性。 2、getInitialState() 在使用es6的class语法时是没有这个钩子函数的，可以直接在constructor中定义this.stat ...
分类：
其他好文 时间：
2020-02-07 16:53:17
阅读次数：
48
DOM节点操作之增删改查 document.write() 可以向文档中添加节点 但是有个致命问题，会把文档原有的节点全部清空 因此不推荐使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document ...
分类：
Web程序 时间：
2020-02-06 19:46:30
阅读次数：
74
将HTML代码分解为DOM节点层次图 DOM节点有: 1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。 2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。 3. 属性节点:元素属性，如<a>标签的链接属性hre ...
分类：
编程语言 时间：
2020-02-06 10:25:24
阅读次数：
77
首先我们需要了解一下attribute和property的区别 attribute : 是HTML节点的属性，例如id, class, style等 property : 是js中对象的属性，而js中万物皆对象。对js获取的DOM节点对象来说，attributes只是这个对象的properties的 ...
分类：
其他好文 时间：
2020-01-29 23:20:57
阅读次数：
89
