升级webstorm版本后，格式化代码后，代码风格可能与之前会有区别，导致看着别扭，eslint还飘红。解决方式是启用自定义的code style设置。截图如下：如果设置里没有这个选项，则可以在项目根目录下添加.editorconfig文件，示例内容如下：root = true[*]charset = utf-8end_of_line = lfindent_size = 2indent_style

### 原因原生JavaScript 不支持，也无法直接监听 pushState 和 replaceState 事件。### 解决方案通过重写这两个 API 来实现调用可监听：

【Linux】nginx 配置/绑定 多域名今天晚上花了3个多小时回顾 linux，给自己的 nginx 服务器配置了第二个域名，作为自己网站体系的一部分扩充。趁着还没到睡觉时间，将配置步骤和思路分享如下（以增加域名 sample.com 为例）：1、在 nginx 目录下创建 samples 文件夹，作为 htm/html 文件的存放目录；cd /usr/local/

在windows上，用xshell+xftp就可以很方便的操作远程linux服务器了。而这2个软件是没有mac版的，所以在macOS下，是怎样实现对远程linux服务器的操作的呢？ 使用ssh连接远程主机ssh username@192.168.100.100使用scp命令实现上传下载1、下载服务器 test.txt 到本地桌面scp root@192.168.1...

flex布局中，是通过在容器上设置justify-content属性来规定子元素在容器中主轴上的排列方式而如果要单独设置子元素的排列方式，则可以通过子元素的margin属性实现，例如：.container {display: flex;justify-content: space-between;}.item2 {margin-left: 10px;margin-right: auto;}就实现了

对于使用iview的项目，如果在<template>中直接使用<Switch>组件，会发现它显示不出来。原因是没有使用iview-loader的话，<Switch>和<Circle>组件受Vue限制，只能使用<i-switch>和<i-circle>代替。iview官方对此提供了webpack的配置，但是没有提供vue-cli

适用于iview tree。```&lt;Tree ref="tree" :data="data" :load-data="loadData" @on-select-change="selectChange" show-checkbox/&gt;``````data() {return {data: [

HTML中的aria-hidden属性我们常常看到这样的html，&amp;amp;amp;amp;lt;div id=&amp;amp;amp;quot;modal&amp;amp;amp;quot; class=&amp;amp;amp;quot;modal&amp;amp;amp;quot; aria-hidden=&amp;amp;amp;q

最近做了个前端图片压缩，用到了很多js文件操作api，整理一下防止健忘：1. file转base64/*** 获取文件的Base64* @param file{File}文件* @param callback{Function}回调函数，参数为获取到的base64*/function fileToBase64(file, callback) {const fileReader = new File