来自Godbmw.com的每周分享第二期《每周分享第二期》：每周分享会系统梳理过去一周我看的的值得记录和分享的技术、工具

每周分享会系统梳理过去一周我看的的值得记录和分享的技术、工具、文章/段子，致力于为收藏夹“瘦身”！

👇 内容速览 👇

谁说虚拟 DOM 比原生 DOM 操作快？（尤大大亲答）
Windows 平台下使用 Git 出现“warning: LF will be replaced by CRLF”？
怎么清空一个 github 线上仓库？
为什么要用Golang替代Python?
React封装Toast组件
…

技术

这是 VueJs 作者尤雨溪亲自回答的问题。毫无疑问，大家对虚拟 DOM 存在着误解，React 官方从来没有说虚拟 DOM 比原生操作更快。其实，框架封装的意义在于对掩盖底层 DOM，提供高可维护性的 API，在这之上保证过得去的性能。

2、Windows 平台下使用 Git 出现“warning: LF will be replaced by CRLF”？

CRLF 是 windows 下的文件换行标志：回车 + 换行符；LF 是 Mac/Linux 的换行标志：换行符。如果只是在 Mac/Linux 下进行开发，不要担心这个。如果涉及 Windows 的开发，git 默认是git config core.autocrlf true：检出文件到编辑器的时候会将LF转化为CRLF，写入 git 记录时候统一使用LF。而git config cor.autocrlf input保留原来的换行符，这种做法并不推荐。

3、怎么清空一个 github 线上仓库？

之前在做开源博客框架的时候，一次失误操作把github上的仓库环境搞乱了。当时不能delete仓库（因为有很多 Star），怎么才能清空仓库，重新上传正确的代码？由于github不提供清空的快捷键，需要手动操作，思路如下：

cd your-repo # 进入本地正确的仓库目录
git remote remove origin # 移除原来的origin
git remote add origin remote-repo-url # 添加要清空的仓库的 git/https 地址
git push -f origin master # 将本地正确的提交记录强制提交上去

4、CSS3 的appearance属性

appearance可以被用来改变任何元素的浏览器默认风格。比如说不喜欢一些浏览器的button样式，如果要覆盖需要修改较多默认属性；现在可以直接通过appearance: none;来实现。

但请不要混淆appearance和 html5 语义化，比如把一个div元素设置成appearance: button。

5、你不知道的 Chrome 调试工具技巧

原作者是 Tomek Sułkowski 发布在 medium 上的一个系列。这是国内的翻译文章，发布在掘金社区。

6、React封装Toast组件

由于工作上的原因，开发技术栈从Vue全面转向了React，公司内部也有自己封装的 UI 组件。在实践的过程中，可以参考这篇文章学习一下如何封装一个组件，如何写动画，如何对外暴露接口等等。

当然，熟悉ts的话可以直接去翻antd的源码。

7、如何验证React中嵌套对象的PropTypes

经验性知识点，借助prop-types的shape函数即可。

import React, { Component } from "react";
import PropTypes from "prop-types";

class Demo extends Component {
  // this.props.data 嵌套对象
  static propTypes = {
    data: PropTypes.shape({
      id: PropTypes.number.isRequired,
      title: PropTypes.string
    })
  };

  // ...
}

8、为什么要用Golang替代Python?

曾经我也是一个忠实的Pythoner，后来随着项目经历的增加，渐渐发现动态类型语言容易写烂项目，而且语言本身的性能瓶颈真的难以突破！

很多人会讨论 Python 的性能以及优化，但是场景好像都不是很有分量，直到知乎宣布后端用 Go 重写-相关链接，终于一锤定音，Go 语言魅力可见一斑。有兴趣的朋友可以学习一下。