windows环境下无法提交gh-pages、无法发布npm包的问题

以下问题均出现在windows环境,使用IntelliJ IDEA中的npm选项卡双击执行命令时。

使用npm的gh-pages工具包,可以很方便地一键发布指定目录到项目的gh-pages分支。

以前用着好好的,但是最近使用的时候,忽然发现以下报错信息:

Chrome升级到版本61后出现偏色问题的解决方法

9月初Chrome发布了最新的正式版,版本号61,升级以后却发现所有网页都变成了奶白清新配色。

不管CSS原本设置是什么颜色,最终显示效果都会比设置得更白一些。

如图:

使用相对路径发布vue-cli项目的坑

使用vue-cli可以快速创建一个webpack项目脚手架,有相当多的项目都使用了相似的配置。 它们对发布环境的配置差不多是这样的:

javascript
module.exports = {
  build: {
    env: require('./prod.env'),
    index: path.resolve(__dirname, '../dist/index.html'),
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'assets',
    assetsPublicPath: '/',
    productionSourceMap: false,
    // Gzip off by default as many popular static hosts such as
    // Surge or Netlify already gzip all static assets for you.
    // Before setting to `true`, make sure to:
    // npm install --save-dev compression-webpack-plugin
    productionGzip: false,
    productionGzipExtensions: ['js', 'css']
  },
  ...
}
全屏切换组件vue-fullscreen
列表元素无内容时高度为0导致串行的问题

如果有一组标题-内容形式的数据需要展现,用table感觉太笨重了一些,最符合语义化的做法应该是使用dl元素。

比如下面这个例子,展现了一个水平列表,样式定义来自bootstrap: