前端开发笔记注意点

vue

vue添加名字，便于查找与调试

export default {
    name : 'Header'
}

在main.js引入常用的方法，

• 使用Vue.prototype.axios = axios;则可以使用this方法访问方法。

import axios from 'axios'
Vue.prototype.axios = axios;

keep-alive 添加缓存

• 在路由的前后keep-alive
  
  【注意】：当keep-alive存在时，mouted生命周期不会触发，此时需要使用activated生命周期

activated

• keep-alive 激活时调用
• 可以再次触发

router-link tag 失效，没有生成li

重定向失败

vscode批量修改指定变量名或函数名

1、全选目标变量名或函数名

光标左击选中某个变量，然后CTRL+Shift+L 选中所有的目标变量

2、替换

CTRL+F打开查找窗口，将窗口变成replace模式，下面第二行填入要替换成的名称。
右边的两个图标分别代表单一代替(配合上面的左右箭头使用)和全部代替

Git 使用

查看远程地址

git remote

创建开发分支：（-b参数表示创建并切换）

git chechout -b dev
相当于以下两条指令
$ git branch dev
$ git checkout dev

上传到开发分支：

git push origin dev

• 切换到master分支：

git checkout master

• 将dev分支合并到master

git merge dev

• 查看日志

git log

• 删除createConponent分支

git branch  -d createConponent

git remote rm name # 删除远程仓库
git remote rename old_name new_name # 修改仓库名

• 阻止冒泡行为

JS

1. 一条语句中声明的多个变量不可以同时赋同一个值:
   var x,y,z=1;
   x,y 为 undefined， z 为 1
2. 重新声明 JavaScript 变量,变量的值不会丢失：
   在以下两条语句执行后，变量 carname 的值依然是 “Volvo”：
   var carname=“Volvo”;
   var carname;
3. JS动态类型：相同的变量可用作不同的类型

   var x;               // x 为 undefined
   var x = 5;           // 现在 x 为数字
   var x = "John";      // 现在 x 为字符串
   

4. 访问对象属性两种方法
   • person.lastName;
   • person[“lastName”];
5. 非严格模式下给未声明变量赋值创建的全局变量，是全局对象的可配置属性，可以删除

6. 转义字符

7. 字符串可以是对象

```
var x = "John";
var y = new String("John");
typeof x // 返回 String
typeof y // 返回 Object
```

8. 不要创建 String 对象。它会拖慢执行速度，并可能产生其他副作用：

var x = "John";             
var y = new String("John");
(x === y) // 结果为 false，因为 x 是字符串，y 是对象

10. 注意：

    • NaN 的数据类型是 number
    • 数组(Array)的数据类型是 object
    • 日期(Date)的数据类型为 object
    • null 的数据类型是 object
    • 未定义变量的数据类型为 undefined
    • 如果对象是 JavaScript Array 或 JavaScript Date ，我们就无法通过 typeof 来判断他们的类型，因为都是 返回 object

11. constructor 属性（构造函数）

12. call() 与 bind()区别

13. vue路由高级用法——命名视图

• 官方文档

14. 动态路由匹配

• 添加链接描述
• 根据不同用户ID动态跳转不同页面

15. 路由组件传参

• 官方文档

16.路由跳转的动态效果

• 官方文档
• 自己写动画特效