徐up-CSDN博客

原创谷歌安装vue-devtools插件图文教程

vue-devtools第一步，去github下载插件第二步解压进入到解压目录，执行npm install第三步执行命令npm run build出现下图就表示成功啦第四步打开chrome，选择扩展程序，开启开发者模式，选择解压后的目录下的\vue-devtools-5.1.1\shells\chrome成功啦第一步，去github下载插件下载地址点击这里注意下载方式选择zip，直接使用clone方式我试了很多次执行npm run build命令报错第二步解压进入到解压目录，执行npm i

2020-11-07 13:01:59 1007

原创前端动画实现方式_lottie

前端动画实现方式_lottie引入lottie.min.js 我下载到本地了 lottie地址(https://labs.nearpod.com/bodymovin/demo/markus/halloween/lottie.min.js)调用 lottie.loadAnimation() 来启动动画。它将对象作为唯一参数animationData：带有导出动画数据的 Object。注意：如果您的动画包含重复器，并且您计划使用相同的动画多次调用 loadAnimation，请在传递对象之前对其进

2022-02-22 11:13:00 607

原创 this关键字指向

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l

2022-01-06 11:58:49 388

原创 js获取数组最后一个元素

let arr = new Array("java", "javascript", "node", "mySql");let emptyArr = new Array();console.log("第一种改变原数组并返回最后一个元素：", arr.pop());console.log("第一种改变原数组（空数组）并返回最后一个元素", emptyArr.pop());console.log("原数组：", arr);console.log("第二种方式：", arr[arr.length -

2021-10-12 11:50:47 236

原创 VUE数组变化实时响应

这里写自定义目录标题VUE数组变化实时响应数组触发实时响应，使用下面的方法VUE数组变化实时响应 //第一种：这种修改数组值触发不到页面响应 this.more[index] = !this.more[index]; //第二种：使用数组方法来更换值，可以实时响应 let temp = !this.more[index]; this.more.splice(index, 1, temp);数组触发实时响应，使用下面的方法push()数组末尾添

2021-09-03 11:14:03 423

原创 vue 非父子组件通信

vue 非父子组件通信参考地址:https://zengxiaotao.github.io新建一个空的vue组件，作为中央事件总线，来监听执行组件的事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"

2021-06-23 17:01:22 60

原创自定义下拉列表

这里写自定义目录标题html+javascript 自定义下拉列表html+javascript 自定义下拉列表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=dev

2021-06-21 11:30:43 158

原创 js-cookie

js-cookie基础使用与一些坑简介使用简介js-cookie是一个简单的，轻量级的处理cookies的js API。简化了原生cookie处理操作。安装：npm install --save js-cookie使用1、设置cookie //设置了path与domain属性 import Cookie from "js-cookie"; let serve = window.location.hostname; Cookie.set(keys.userI

2021-06-10 16:11:57 715

原创 click.stop 阻止事件冒泡与click.prevent 阻止执行默认事件

click.stop 阻止事件冒泡与click.prevent 阻止执行默认事件自己总是记不住，写了个小demo加强记忆<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d

2021-02-23 17:30:48 715

原创 Vue异步更新Vue.$nextTick

Vue异步更新Vue.$nextTick1、vue官网解释的异步更新2、写代码深入理解<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>&lt

2020-11-17 10:09:11 92

weixin_46566658的博客