v-model的问题

Vue 坑

1、 v-model 属性不能响应改变

原因应该是data中的引用对象改变，导致watch监听的属性重新绑定，而新的tableData数据中没有needPush 字段，所以这个属性就不会响应，需要用$set添加属性

1
2
3
4
<el-switch
  v-model="tableData.needPush"
  :active-value="1" :inactive-value="0" active-color="#13ce66" inactive-color="#ff4949">
</el-switch>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

data() {
    return {
      labelPosition: 'right',
      value: false,
      tableData: {
        trainingName: '',
        subTitle: '',
        title: '',
        trainingHeadImg: '',
        courseCoverImg: '',
        status: 0,
        categoryId: null,
        projectId: null,
        description: '',
        courseCoverImg: '',
        trainingHeadImg: '',
        rank: null,
        needPush: 0, // 声明了该属性
      },
  ...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

created() {
    this.getData();
  },
  methods: {
    getData() {
      const id = +this.$route.query.id;
      if (isNaN(id)) return;

      this.$axios.get('course/management/detail', { params: { courseId: id } })
        .then(res => {
            this.tableData = res.data; // 没有needpush 属性
            this.tableData.needpush = 0; // 设置成功后使用switch 组件改变属性不响应，改变对象中其他属性，needpush 值改变？？？？
            // this.$set(this.tableData, 'needPush', 0);解决方法
        });
    },

权威指南中文第6版14.6——错误处理

javascript 权威指南中文第6版 14.6 错误处理

window 原生对象提供 onerror 处理函数

1
2
3
4
5
6
window.onerror = function () {
	console.log(arguments, 99999)
	return true
}

throw new Error ('asdasdas')

输出：

1
2
3
4
5
6
7
8
9
[
    "file:///Users/yunggao/Desktop/untitled.html",
    82,
    9,
    Error: asdasdas at file:///Users/yunggao/Desktop/untitled.html:82:9
    message: "asdasdas"
    stack: "Error: asdasdas↵    at file:///Users/yunggao/Desktop/untitled.html:82:9"
]

该方法可以作为前端代码监控的基础入口。网上查阅相关实践，可能会出现一种跨域的情况：监控 js 作为外链，和应用的项目js处于不同域下，服务端需要添加跨域请求头，js标签添加 crossorigin 属性。查阅文档查看属性配置

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/script#%E5%B1%9E%E6%80%A7

vue总结以及原型理解

总结 SUMMARY
1、vue 优劣
2、webpack hash 生成规则 contentHash
3、Vue 原理 https://juejin.im/post/5ccfc4c56fb9a031f61d8a6a 。。。
4、动态路由 https://juejin.im/post/5caeb3756fb9a068967791b3?utm_medium=hao.caibaojian.com&utm_source=hao.caibaojian.com
5、react Hooks
6、 vue-router push 方法参数 query 中有个参数类型是 boolean 类型，跳转过去后，类型还是boolean，但是刷新后，这个query 获取是 String 类型。需要注意！

原型、原型链定义是什么

• 首先Object和Function都是构造函数，而所有的构造函数的都是Function的实例对象因此
Object是Function的实例对象
• Function.prototype是Object的实例对象
• 实例对象的原型(我们以proto来表示)会指向其构造函数的prototype属性，因此
// 因为Object是Function实例对象，所以Objct的原型就是Function的原型属性
• Object.proto===Function.prototype
// Function也是Function的实例方法，所以Function的原型指向Function的原型属性
• Function.proto === Function.prototype
// Function的原型属性是继承自Function的原型展性，Object的原型展性也是继承自
Function的原型属性，所以Function的原型属性的原型等于object的原型厲性
Function.prototype.proto === Object.prototype
当我们访问一个属性值的时候，它会沿着原型链向上查找，直到找到或者到
Object.prototype.proto(为null)截止

miniprogram

1、navigateBack返回使用getcurrentPage.pop获得返回后的页面的page 对象，自定义getData 方法刷新返回后的页面的数据。
如果连续两个navigateBack使用，会报错。navigateBack 回调fail，我想应该是微信对于这个处理是，第一次返回方法已经成功，但是不代表页面已经加载完成，所以连续调用的时候第二次navigateBack调用出错，所以这里设置navigateBack success回调后，延迟1秒，执行getData 方法

webpack

webpack-dev-server2.8+ node_modules/webpack-dev-server/client.js 有es6语法，需要使用加入到bable-loader include 中

日记2019.3.17

年后请了两天年假，和一家四口人一起去西安玩了三天四夜，很开心。
这次主意的发起人是姐姐，年初看到西安的优惠票200多一个人，然后我想我们一家几乎从来没有一起出去玩过，我也帮衬着一起出钱买票定民宿。我和别人出去我一般会做一些路书，查询值得去的旅游景点，安排行程。但是和我姐姐，她总是喜欢帮家里人安排事情，我也不好插手，一个我自己没有去这么远的经验而姐姐说曾经和大姐姐去过，二是怕有分歧，耽误时间去处理。而且我也很信任她，希望没有给她压力。

姐姐凌晨安排了送机车，我们2点多起床出门，取票检票进站安检，突然检票员问我们名字到底是什么，我才知道姐姐买票时候用了郁高勇，而我高中时候老妈就偷偷把户口本改成了高勇…那时候我就很长时间心情不好…然后起飞15分钟内马上去人工花了500重新买了一张，赶上了飞机，好怕错过这第一次一家四口的出行。
到了那里按照姐姐安排的计划，第一天逛了两个吃东西的地方，永兴坊和回民街，下午还去了西安历史博物馆，请了讲解，大家逛了快2个小时的时候都很困了，老妈五官都紧急集合了。然后晚上回民街吃了一家就回民宿睡觉了。老爸对民宿很满意，厨房里自己烧东西吃，加上一瓶白酒，我们对小区附近的一家肉夹馍很是喜欢。第二天早晨也起床给大家做了一锅茶叶蛋，出发去兵马俑坑。