糖醋排骨

interjc weblog

0%

发表于 更新于 分类于 Disqus：

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

发表于 更新于 分类于 Disqus：

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

# 安装
brew install tree
# 使用
tree

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

发表于 更新于 分类于 Disqus：

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

发表于 更新于 分类于 Disqus：

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

发表于 更新于 分类于 Disqus：

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

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

然后在 webpack 配置里面加上:

1
2
3
4
plugins: [
  new HtmlWebpackPlugin(),
  new PreloadWebpackPlugin()
]

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

1
2
3
4
5
6
plugins: [
  new HtmlWebpackPlugin(),
  new PreloadWebpackPlugin({
    rel: 'prefetch'
  })
]