Fork me on GitHub

发表于 | 热度 ℃
| 字数统计 36 | 阅读时长 1

vue.config.js 中引入全局 scss

1
2
3
4
5
6
7
8
9
10
11
12
13
module.exports = {
  css : {
    loaderOptions : {
      sass : {
        data : `
          @import "@/assets/styles/config.scss";
          @import "@/assets/styles/common.scss";
        `,
      }
    }
  },
  ...
}

发表于 | 热度 ℃
| 字数统计 75 | 阅读时长 1

使用 git 时为什么会弹出 vi 编辑器呢？
git commit 和 git merge 时，需要输入说明性的 message

阅读全文 »

发表于 | 热度 ℃
| 字数统计 35 | 阅读时长 1

问题

1
2
$ brew install graphicsmagick
Error: Permission denied @ apply2files - /usr/local/lib/node_modules/umi/node_modules/_clipboardy@1.2.3@clipboardy/fallbacks/.DS_Store

解决权限问题

1
sudo chown -R $(whoami):admin /usr/local

发表于 | 热度 ℃
| 字数统计 97 | 阅读时长 1

选择需要批量重命名的图片文件，右键->点击给x个项目重新命名...

示例

重命名为“图片1.png”, “图片2.png”…
选择格式，名称和索引，自定格式为“图片”，开始数字为“1”

重命名为“Photo(1).png”，“Photo(2).png”…
先重命名为“Photo(1.png”，“Photo(2.png”…，再选择“添加文本”，在后面加个“)”

发表于 | 热度 ℃
| 字数统计 70 | 阅读时长 1

在 scss 中，& 表示当前路径

示例一

1
2
3
4
5
.child {
  &.child-cur{
    
  }
}

编译后为

1
2
3
4
5
6
.child{

}
.child.child-cur{

}

示例二

1
2
3
4
5
6
7
.child{ 
  display: none;

  @at-root .page-ios &{ 
    display: block;
  } 
}

编译后为

1
2
3
4
5
6
.child{ 
  display: none;
}
.page-ios .child{
  display: block;
}

发表于 | 热度 ℃
| 字数统计 279 | 阅读时长 1

阿里云日志服务，设置索引时，如果字段类型为String，可以设置分词符。默认的分词符是, '";=()[]{}?@&<>/:\n\t\r。这个有什么用呢？

阅读全文 »

发表于 | 热度 ℃
| 字数统计 300 | 阅读时长 1 
1
2
3
为什么页面在 iPhoneX 上，上下都有一部分空白(如果是横屏，左右下都有一部分空白)？

有一个 fixed top:0 的 titleBar，为什么页面滚动时，页面内容会出现在 titleBar 的上面？
阅读全文 »

发表于 | 热度 ℃
| 字数统计 6 | 阅读时长 1 
1
2
-webkit-appearance: none;
appearance: none;

发表于 | 热度 ℃
| 字数统计 93 | 阅读时长 1

一般 DOM 节点，想让文本居中，定义 text-align: center 就可以了，但 select 却不好使，有什么办法？

阅读全文 »

发表于 | 热度 ℃
| 字数统计 196 | 阅读时长 1

Prettier - Code formatter

支持 JavaScript、TypeScript 和 CSS 格式化

修改 vscode 的默认格式化工具

1
2
3
Code -> 首选项 -> 设置
搜索 "editor.defaultFormatter"，修改为 "esbenp.prettier-vscode"
"editor.defaultFormatter": "esbenp.prettier-vscode",

修改配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
1. 指定每行代码的最佳长度
Code -> 首选项 -> 设置
搜索 "Prettier"，修改
Prettier: Print Width
指定每行代码的最佳长度， 如果超出长度则换行。
默认设置为 80，即每行超出 80 时折为 n 行。不喜欢这个设置，但关不了，就用默认值吧
"prettier.printWidth": 80

2. Prettier: Single Quote
如果为 true，将使用单引号而不是双引号
这个很厉害了，规范化
"prettier.singleQuote": true

3. Prettier: Use Tabs
使用制表符（tab）缩进
"prettier.useTabs": true