componentDidMount() componentDidMount() 会在组件挂载后（插入 DOM 树中）立即调用。依赖于 DOM 节点的初始化应该放在这里。如需通过网络请求获取数据，此处是实例化请求的好地方。 这个方法是比较适合添加订阅的地方。如果添加了订阅，请不要忘记在 compone ...
分类：
其他好文 时间：
2020-05-18 12:04:42
阅读次数：
48
Vue 通过ref获取DOM元素 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例： 当 用于元素或组件的时候，引用信息将是包含 DOM 节点或组件实例的数组。通过this,$r ...
分类：
其他好文 时间：
2020-05-16 00:14:00
阅读次数：
242
1. for 循环 循环体中减少计算: for (let i =0, len = attr.length; i< len; i++) { // xxx } // 替换下面的 for (let i =0; i< attr.length; i++) { // xxx } 2. 深度拷贝中map代替数组 ...
分类：
Web程序 时间：
2020-05-13 11:54:53
阅读次数：
76
React通过虚拟DOM在真实DOM和js之间加了一个缓存的效果，之后React组件在更新的过程中，会通过React内部的diff算法来算出最终需要操作的最小DOM节点，以达到渲染上的一个优化，性能最优的一个效果。 对于我们开发者来说，如果碰到一些比较特别的组件，我们可以通过shouldCompon ...
分类：
其他好文 时间：
2020-05-12 09:49:27
阅读次数：
77
ReactDOM findeDOMNode 语法：DOMElement findDOMNode(ReactComponent component)描述：获取改组件实例相对应的DOM节点 案例： import React, { Component } from 'react'; import Reac ...
分类：
其他好文 时间：
2020-05-11 18:56:46
阅读次数：
59
1.包裹节点 wrap() :把匹配到的每一个元素用指定的HTML元素包裹起来 示例：把匹配到的每一个<p>标签用<div>包裹起来 <body> <script type="text/javascript"> //入口函数 $(document).ready(function(){ // 遍历 $ ...
分类：
Web程序 时间：
2020-05-09 23:19:49
阅读次数：
78
1.定义和用法 remove()：用于从DOM中删除所有匹配的元素，传入的参数用于根据jQuery表达式来筛选元素。 注意：remove()方法删除某个节点之后，该节点所包含的所有后代节点将同时被删除。该方法的返回值时一个指向已被删除的节点的引用，以后也可以继续使用这些元素。 <body> <scr ...
分类：
Web程序 时间：
2020-05-09 17:11:44
阅读次数：
85
在首页开发中，右下角有一个返回顶部的小箭头，将它单独封装成一个BackTop组件，但是它何时出现需要依赖于首页的滑动，即另外一个Scroll组件。如果直接在BackTop组件里面监听，则需要通过this.$emit将事件发射到Home组件中，又在Home中监听自定义事件，比较复杂。因此，我们直接在H ...
分类：
其他好文 时间：
2020-04-30 23:21:57
阅读次数：
137
优点： 减少事件注册，节省内存。比如， 在table上代理所有td的click事件。 在ul上代理所有li的click事件。 简化了dom节点更新时，相应事件的更新。比如 不用在新添加的li上绑定click事件。 当删除某个li时，不用移解绑上面的click事件。 缺点： 事件委托基于冒泡，对于不冒 ...
分类：
Web程序 时间：
2020-04-23 23:14:35
阅读次数：
104
从基础知识到JSWebAPI： DOM操作 BOM操作 事件绑定 AJAX请求（包含http协议） 存储 DOM可以理解为：浏览器把拿到的html代码，结构化成一个浏览器能识别并且js可操作的一个模型 DOM节点操作： <!DOCTYPE html> <html lang="en"> <head> ...
分类：
Web程序 时间：
2020-04-21 00:03:59
阅读次数：
100
