Attack on Life ⚔️

最近Team成员遇到一个问题，以为是TS编译方面的问题，并且还发我一个链接-flatMap is not a function #1822

当前这个问题很好解决，这个错明显是调用函数对象不是个数组造成的，但是他却断定是TS编译，暴露了对于TS的认识存在基础的误区。为了能够DRY的讲述这些基础认知，这里总结下。

TypeScript定位

Typed JavaScript at Any Scale.

上述是官网的Slogan,由此可以知道它只是类型化了的JavaScript，也就是Type + Script。也就是TS语言本身不对最终JS运行出现的各种兼容性负责。

最近偷偷的跑到了大理，在保证工作顺利完成的同时，开启了欣赏大理、洱海的模式。

原本预期也只是欣赏美景，但因入住的客栈太过美好美妙，使得旅行中增添了很多美妙的元素，以至于，我自己临走的时候都暗下决心，下次来了还住这里！

寥寥数字记录下这份美好及点赞下经营这家客栈的这些美好的人。

不是广告软文，单纯有感而发

美好的景色

惬意的一段旅行工作，花了点时间读了点闲书，其中就有这一本《高效能人士的七个习惯》。对于这七个习惯个人有自己的一点反思与想法。

Mark的同时，鼓励自己不断改进调整。

积极主动

我想自己至少在学习方面还算是主动，回忆最近的一年比较觉得有所收获的是

1. 阅读，尤其是英文阅读的提升，其结果就是英文阅读上越来越小。
2. 沟通，咨询，性格使然，我应该不属于闭塞的人，所以很多时候喜欢去聊，去交流，去提问，去分享。

最近工作内容有一部分是在与SQL打交道，还是遇到了点坑，这里mark下。

背景

当前系统，面对数十万的数据表进行复杂update操作会出现问题，最终采用一条条的更新方式解决

程序源码

办法见源码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<template>
<div>{{a.b}}</div>
</template>
<script>
export default {
    data(){
     return {
        a:{}
    }
},
    created(){
    this.a.b= 1
    },
    mounted(){
        this.a.b=2
    }
}
</script>

分析

• vue会在初始化实例时对property执行setter/getter转化，所以property必须在data对象上才能转化为响应式的。so，a.b是非响应式的，视图不会刷新
• Vue组件生命周期，created早于mouted，所以视图显示会是1
• 这道题涵盖两个知识点，Vue的响应式原理+created与mounted生命周期区别

例子测试链接戳这里

总结