- 博客(10)
- 收藏
- 关注
RSS订阅
原创 谷歌安装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
1277
原创 前端动画实现方式_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
921
原创 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
461
原创 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
364
原创 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
572
原创 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
190
原创 自定义下拉列表
这里写自定义目录标题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
232
原创 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
851
原创 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
856
原创 Vue异步更新Vue.$nextTick
Vue异步更新Vue.$nextTick 1、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> <
2020-11-17 10:09:11
148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人