清和时光

摘要： JavaScript 使我们有能力创建动态页面，而事件是可以被 JavaScript 侦测到的行为。 简单理解： 触发 响应机制。 网页中的每个元素都可以产生某些可以触发 JavaScript 的事件，例如，我们可以在用户点击某按钮时产生一个 事件，然后去执行某些操作。 ###事件三要素 1. 事件 阅读全文

摘要： ###一、什么是 DOM 文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。 W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。 ###二、DOM 树 阅读全文

摘要： ###问题描述： Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 14.x //Node Sass找不到当前环境的绑定：Windows 64位with Node. 阅读全文

摘要： 时间戳实际就是当前时间距离1970年1月1日0点0时0分0秒（转换成北京时间是1970年1月1日8点0时0分0秒）距离你要计算的时间的秒数或者毫秒数 一般来说：我们用的时间戳到秒的话是10位，到毫秒的话是13位 ###一、时间time与秒时间戳之间转换 1、把时间time转换成秒时间戳 ``` Da 阅读全文

摘要： ###一、作用： 让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于 父组件 > 子组件 。 ###二、分类： 默认插槽、具名插槽、作用域插槽 ###三、使用方式： ####1、默认插槽： 子组件中（插槽组件）： <template> <div> <!-- 定义插槽 -- 阅读全文

摘要： 后续更新 1.onclick：点击事件 2.ondbclick：双击事件 3.onmousedown：鼠标按下事件 4.onmouseup：鼠标松开事件 5.onmouseenter：鼠标移入事件（不支持冒泡，只触发一次） 6.onmouseover：鼠标被移动事件（支持冒泡，只触发一次） 7.on 阅读全文

摘要： ###一、定义： 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数（也算是一个生命周期钩子函数了） ###二、nextTick() 使用原理 Vue是异步执行dom更新的，一旦观察到数据 阅读全文

摘要： 常用的父子组件通信方式都是父组件绑定要传递给子组件的数据，子组件通过props属性接收，一旦组件层级变多时，采用这种方式一级一级传递值非常麻烦，而且代码可读性不高，不便后期维护。 vue提供了provide和inject帮助我们解决多层次嵌套嵌套通信问题。在provide中指定要传递给子孙组件的数据 阅读全文

摘要： ###一、 安装pubsub npm i pubsub-js ###二、 import引入 import pubsub from 'pubsub-js' ###3、订阅 接收数据：A组件想接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身 methods(){ demo(data){..... 阅读全文

摘要： ###全局事件总线（GlobalEventBus） 一种组件间通信的方式，适用于任意组件间通信 ###安装全局事件总线 main.js入口文件配置 new Vue({ ...... beforeCreate() { Vue.prototype.$bus = this //安装全局事件总线，$bus就 阅读全文