VS Code添加emmet支持vue文件

分类:Web前端, 发布于 2018-12-19,评论(0)浏览(424)

如题,

在File->Preferences->Settings中搜索emmet.includeLanguages,编辑user settings文件,添加

{
  "emmet.triggerExpansionOnTab": true,
  "emmet.includeLanguages": {
    "vue-html": "html",
    "vue": "html"
  }
}

重新打开VS Code即可。

base64编码后的字符串长度

分类:Web前端, 发布于 2017-08-09,评论(0)浏览(469)

beforeEncode为Encode之前的字符串

那么Encode后的字符串长度为:

1、如果beforeEncode.length()是3的整数倍,那么长度为

 (beforeEncode.length()/3)*4

2、如果beforeEncode.length()不是3的整数倍,那么长度为

(beforeEncode.length()/3+1)*4

nodejs: 使用config管理配置文件

分类:Web前端, 发布于 2017-05-10,评论(0)浏览(868)

安装config,

npm install config --save
touch config/default.json

写入内容如:

{"session_secret":"zainboy"}

使用:

var config = require('config');
var sessionSecret = config.get('session_secret');

大功造成。

bootstrap 3 模态框垂直居中

分类:Web前端, 发布于 2017-03-06,评论(0)浏览(761)

覆盖部分CSS代码就可实现bootstrap 模态框垂直居中。

代码如下:

.modal.in .modal-dialog{
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    -o-transform:translate(0,-50%);
    transform:translate(0,-50%);
}
.modal-dialog{
    position:absolute;
    width:auto;
    margin:10px auto;
    left:0;
    right:0;
    top:50%;
}
@media (min-width:768px){
    .modal-dialog{
        width:600px;
    }
}