0%

最近一直没有更新博客,因为实在是太懒了,之前又由于主机故障,导致数据库数据丢失了一部分,所以现在只能找回文章和评论,但是友链什么的已然丢失了。 烦请以前跟我交换过链接的朋友,在此 Post 下留言,我们把链接给续上😄

看到标题你一定会想:「文件结构树形文本图」,这是什么鬼?其实就是如下图所示的这个东西: 在 macOS 中我们只要安装了 「tree」 这个命令行工具,就可以轻易地获取这个功能,安装很简单:

# 安装
brew install tree
# 使用
tree

是不是很简单?使用的前提是你要安装过 Homebrew

ElementUI 是一个还算不错的组件库,基于 Vue 或者 React 的都有,这儿说的是 Vue 版本,ElTable 组件在 Chrome 中使用时会存在表头错位的问题,通过查看 DOM 发现 thead 中被自动插入了一个 th.gutter,在 CSS 中对其设置为 display: none; 即可解决该问题。

打开 SourceTree,按 ⌘ + ,,在 General 选项卡中,勾选「Allow SourceTree to modify your global config files」,然后就可以在 Diff 界面设置自己想要使用的 External Diff Tool 了。

首先你需要 Webpack 3.x 才可以完整的拥有这些功能,然后安装 preload-webpack-plugin

npm install --save-dev preload-webpack-plugin

然后在 webpack 配置里面加上:

plugins: [
  new HtmlWebpackPlugin(),
  new PreloadWebpackPlugin()
]

上面的代码会执行默认设置,所有动态加载的内容会以 preload 的形式加载,但这样会报 warning,并且也是非必要的,所以我们稍作修改,使用 prefetch 的方式,闲时加载:

plugins: [
  new HtmlWebpackPlugin(),
  new PreloadWebpackPlugin({
    rel: 'prefetch'
  })
]