破冰技巧

• 直接询问”我可以加入吗？“
• 观察他人的游戏、并找机会融入
• 分享自己的玩具或者兴趣爱好、开启交流
• 和大人或者熟悉的小伙伴开启一个游戏、吸引其他人或小伙伴加入

维持良好关系技巧

• 互相分享、包括分享玩具、食物和自已的经历、心情;不强迫、但可以让孩子理解、当我们互相分享的 时候友谊会流动起来
• 看到其他人的优点、真诚的赞美
• 尊重其他人的感受和身体边界
• 邀请相约、可以相约做客、在小区玩、去露营等

倾听的绊脚石

• 先入为主、急于表达、擅下结论
• 给解决方案、急于解决问题
• 一味的安慰、劝解，希望对方快点好起来
• 说教、急于让对方从中吸取教训、学习

倾听的状态

• 我愿意去了解你的感受的心情
• 我接纳你的情绪和状态
• 我尊重你分享的意愿
• 如果你想说，我听，如果你不想说，我在

插件

Chrome 应用商店安装 Location Guard

Chrome 开发者工具

F12 打开开发者工具 -> 点击右上角竖排 三个点 -> More tools ->Sensors -> Location -> 选择地址或输入定位

属性检查

以下是 vue 中定义的一个获取表格数据的函数，注意获取表格数据时，需要判断表格数据是否存在，如果不存在，则使用空数组。

可选链运算符（?.）允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 运算符的功能类似于 . 链式运算符，不同之处在于，在引用为空 (nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。

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

getTableData() {
  this.tableData = [];
  const params = {
    page: this.currentPage,
    size: this.currentPageSize
  };
  getCondition(getToken("productId"), params).then(res => {
    // 从响应中提取数据，如果数据不存在，则使用空数组
    // 可选链运算符使表达式更短，更简明
    const data = res.data?.data?.list || [];
    // 遍历数据并构造表格行对象
    for (const item of data) {
      const temp = {
        id: item.id,
        name: item.name,
        remark: item.remark,
        time: tampToTime(item.createDate)
      }
      this.tableData.push(temp);
    }
    this.total = this.tableData.length;
  });
},

完整的 DevOps 流程解决方案流程