- 博客(12)
- 收藏
- 关注
RSS订阅转载 keep-alive和activated
keep-alive可以缓存路由,请求相同时不再发送请求。activated,deactivated这两个生命周期函数一定是要在使用了keep-alive组件后才会有的，否则则不存在。当引入keep-alive的时候，页面第一次进入，钩子的触发顺序created-> mounted-> activated，退出时触发deactivated。当再次进入（前进或者后退）时，只触发act...
2019-10-25 11:08:43
492
原创 Vuex修改数据
可以通过mutations或者actions两种方式修改mutations同步修改：直接通过commit触发mutationsmutations有两个参数：第一个默认为state，第二个为自定义参数city.vue文件 handleCityClick(city) { this.$store.commit('changeCity', city) }store.js文件 ...
2019-10-23 16:09:10
1609
原创 字母表下拉关键代码
handleTouchStart() { this.touchStatus = true},handleTouchMove(e) { if(this.touchStatus) { const startY = this.$refs['A'][0].offsetTop; const touchY = e.touches[0].clientY - ...
2019-10-23 11:14:57
197
原创 js排序算法笔记
//排序算法const arr = [9, 3, 1, 4, 2, 7, 8, 6, 5];class Sort { constructor() { } //冒泡排序:稳定 bubbleSort(arr) { for (let i = 0; i < arr.length; i++) { for (let j =...
2019-10-15 16:14:53
179
原创 ES6类的继承
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>class的继承</title></head><body><script> class Point { c...
2019-10-09 11:17:40
139
原创 dispatch
第一种方法 let div1 = document.getElementById('div1'); div1.addEventListener('alert', (event) => { console.log(event) }) //创建 let evt = document.createEvent('HTMLEvents'); /...
2019-10-06 11:54:47
183
原创 js防抖
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定时器</title></head><body>抖动：<input type="text" id="input"><scr...
2019-10-05 16:03:05
294
原创 对象拷贝
方法一： let person = { name: '王五', age: 25, say: function () { console.log('hello ' + this.name); }, child: { name: '二毛', a...
2019-10-05 14:16:25
158
原创 Git提交代码到GitHub记录
目前有项目文件vue-shop，进入项目目录。初始化一个git仓库：git init提交文件到暂存区：git add . //提交当前目录所有文件到暂存区git add readme.txt //提交指定文件添加暂存区内容到本地仓库git commit -m '第一次提交'添加远程仓库git remote add origin https://github.co...
2019-10-01 15:16:02
235
原创 Vue生命周期笔记
原帖:https://www.cnblogs.com/wangjiachen666/p/9497749.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue生命周期</title> <scrip...
2019-09-27 13:43:12
169
原创 Linux学习笔记（一）
查看和设置系统语言查看系统当前语言 echo $LANG查看系统已安装语言 locale临时更换语言 LANG="Zn_CN.UTF-8"目录相关操作显示当前所在目录 pwd切换目录 cd创建新目录 mkdir创建多级目录目录 mkdir -p删除空目录 rmdir上级空目录一起删除 rmdir -p复制文件或目录 cp移除文件或目录 rm移动文件与目录，或修改名称 mv...
2019-04-08 11:33:28
128
原创 webpack学习笔记(一)
webpack4学习笔记（一）打开命令行切换到文件目录初始化目录 ：npm init全局安装webpack：npm install webpack -g局部安装webpack：npm install --save-dev webpack全局安装webpack-cli：npm install webpackl-cli -g创建一个新文件hello.js打包hello.js：webpac...
2019-03-11 13:37:58
218
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人