Attack on Life ⚔️

学会看Git log也是一个必备的技能，之前对于Commit中父子关系有所疑惑，这里梳理总结下

如果不存在MR，实际上单个branch下commit是一条线，而因为有了MR，整个commit图谱就会是个树结构。

总结

• 针对一次commit，它创建时基于的commit也就是上次的commit就会是它的parent commit

• 针对一次commit，如果是基于它创建的commit，就会是它的child commit

• 每个commit的parent commit，child commit都不一定唯一

  如下，该merge提交会有两个parent

周末决定来一趟旅行，漫长的4个小时航程实在睡不着，于是看起了这本书人生护城河，几个小时便看完了。踏雪有痕，这里简单Mark下自己的所思所感。

热爱写作

时至今日毕业已6年半，而博客共有多少篇呢，311篇。少的可怜。比肩书作者辉哥，他能做到每日一更。之间的差距已不是简单的博文数量了，而是背后的诸多思考，诸多阅读量。

赞成辉哥的观点，热爱写作，坚持写作，勇敢写作。我自己在实际的写作中也确实收获有所得

今天花了点时间进行了TypeScript的升级，好处是可以进一步使用TS/JS的新特性，比如短路赋值运算符等。这里简单Mark下升级细节。

注意，TS只是类型，原则上升级并不会造成项目任何功能BUG，这点要明确_

升级包

1
2
3
4
5
6

{
 "typescript": "4.0.3"
 "@typescript-eslint/eslint-plugin": "^4.5.0",
 "@typescript-eslint/eslint-plugin-tslint": "^4.5.0",
 "@typescript-eslint/parser": "^4.5.0",
}

• 以上为主要升级的几个包，其它vendor相关使用，如果出现类型报错，对应升级最新包即可
• @typescript-eslint相关包之所以需要升级，是因为eslint使用了TS的parser，需要升级来保证对于TS@v4的支持

首页网址：https://www.meituan.com

前端代码是透明的，你可以直接获取。通过解读源码，总是可以学到很多技术点。这里我来梳理下美团首页源码中包含的技术点。

SEO

1
2
3
4
5
6
7
8
9

<title>美团网-美食_团购_外卖_酒店_旅游_电影票_吃喝玩乐全都有</title>
<meta
      name="description"
      content="美团网:美食攻略,外卖网上订餐,酒店预订,旅游团购,飞机票火车票,电影票,ktv团购吃喝玩乐全都有!店铺信息查询,商家评分/评价一站式生活服务网站"
    />
    <meta
      name="keywords"
      content="美食,团购,外卖,网上订餐,酒店,旅游,电影票,火车票,飞机票"
    />

这两个meta标签服务于SEO，对于SPA应用，SEO是个问题，所以进而也就有了对应的解决方案SSR。

前端三要素，HTML，CSS，JS，无论是SPA，还是MPA，HTML相对较少，所以对于代码风格的控制更多在于JS和CSS。对于JS，我们有ESLint，而对于CSS，推荐使用StyleLint。

这里简单介绍下如何配置

配置

安装包

1

$ yarn add stylelint-config-standard stylelint -D