01 2020 档案
摘要：对于 Vue.nextTick 方法，自己有些疑惑。在查询了各种资料后，总结了一下其原理和用途，如有错误，请不吝赐教。 概览 官方文档说明： 用法： 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 疑问： DOM 更新循环是指什么？ 下次更新循环
阅读全文
摘要：Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 那么什么是类数组对象呢？所谓类数组对象，最基本的要求就是具有length属性的对象。 1、将类数组对象转换为真正数组： 1 2 3 4 5 6 7 8 9 let arrayLike = { 0: 'tom', 1
阅读全文
摘要：//5.element.childNodes 返回元素的一个子节点的数组<br> console.log(document.body.childNodes); // NodeList。 NodeList 对象在某些方面和数组非常相似，看上去可以直接使用从 Array.prototype 上继承的方法
阅读全文
摘要：定义和用法 ondrag 事件在元素或者选取的文本被拖动时触发。 拖放是 HTML5 中非常常见的功能。 更多信息可以查看我们 HTML 教程中的 HTML5 拖放。 注意： 为了让元素可拖动，需要使用 HTML5 draggable 属性。 提示： 链接和图片默认是可拖动的，不需要 draggab
阅读全文
摘要：一、简单的逻辑验证使用方法： 方法步骤： 1、在html中给el-form增加 :rules="rules" 2、html中在el-form-item 中增加属性 prop="名称" 3、js中直接在data中定义rules:{} 在html中的写法： <el-form ref="formData"
阅读全文
摘要：Vue工作机制 vue工作机制 Vue响应式的原理 依赖收集与追踪 编译compile html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <body> <div id="app"> <!-- 插值
阅读全文
摘要：Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 那么什么是类数组对象呢？所谓类数组对象，最基本的要求就是具有length属性的对象。 1、将类数组对象转换为真正数组： 1 2 3 4 5 6 7 8 9 let arrayLike = { 0: 'tom', 1
阅读全文
