// vue.config.js / webpack.config.js / config/index.js
module.exports = {
devServer: {
proxy: {
// 所有 websocket 接口地址加 /websocket 前缀，例：ws://localhost:8080/websocket/dashboard -> wss://notice.app.upall.cn/dashboard
'/websocket': {
target: 'wss://notice.app.upall.cn',
ws: true,
secure: false,
logLevel: 'debug',
pa...
分类为 前端 的文章：
概要
单按 Fn 是 Escape
组合时 Fn 还是 Fn
单按 CapsLock 还是 CapsLock，
组合时 CapsLock + g 等于 Ctrl + Option + Command + g
配合 Hammerspoon 可以实现 CapsLock + g 打开指定 App
----
CapsLock -> Hyper
Fn -> Escape
Fn + h -> 左
Fn + j -> 下
Fn + k -> 上
Fn + l -> 右
Fn + u -> page up
Fn + d -> page down
用法
把 fn-capslock-enhancement.json 放到 ~/.config/ka...
插件
// ctrl+p
ext install MS-CEINTL.vscode-language-pack-zh-hans
ext install ms-vscode.sublime-keybindings
ext install lixquid.calculator
快捷键
// keybindings.json
// Place your key bindings in this file to override the defaultsauto[]
[
{
"key": "alt+w", // 用标签包裹选中的文字
"command": "editor.emmet.action.wrapWithAbbreviation"...
在项目中调用版本号和git信息
Vue Cli 3
第一步：创建 /vue.config.js，内容如下：
const packageInfo = require('./package.json');
const fs = require('fs');
const gitHEAD = fs.readFileSync('.git/HEAD', 'utf-8').trim(); // ref: refs/heads/feature/xxx
const ref = gitHEAD.split(': ')[1]; // refs/heads/feature/xxx
const branch = gitHEAD.split('/').slice(2).join('/'); // feature/xxx
const commitI...
在 Local 排除文件（不修改 .gitignore）
git update-index --skip-worktree postcss.config.js # 排除
git update-index --no-skip-worktree postcss.config.js # 不再排除
修复分支名与远程不一致时 –set-upstream 不起作用
git config --global push.default upstream
忽略已经提交过的文件
git rm -r --cached unpackage/ # 忽略目录
git rm --cached yarn.lock # 忽略文件
# 记得加入 .gitignor...
Vue项目采用整站部署，不使用接口所在站点的二级目录或一级目录
目录结构
/webroot/
├─ api.app.com/
│ ├─ public_html/
│ │ ├─ uploads/
│ │ └─ web.conf
│ ├─ certs/
│ ├─ logs/
│ └─ rebots.txt
└─ wechat.app.com/
├─ public_html/
│ ├─ uploads/ <-- link
│ └─ index.html
├─ certs/
├─ logs/
└─ rebots.txt
webpack dev server...
alignContent
alignItems
alignSelf
aspectRatio
backfaceVisibility
backgroundColor
borderBottomColor
borderBottomEndRadius
borderBottomLeftRadius
borderBottomRightRadius
borderBottomStartRadius
borderBottomWidth
borderColor
borderEndColor
borderEndWidth
borderLeftColor
borderLeftWidth
borderRadius
borderRightColor
borderRightWidth
borderStartColor
borderStartWidth
borderSt...
basename
function basename(str) {
return str.split('/').reverse()[0];
}
in_array
function in_array(elem, arr, i) {// 代码来自 jquery 1.11.3，返回索引或-1
var len;
if (arr) {
len = arr.length;
i = i ? i < 0 ? Math.max(0, len + i) : i : 0;
for (; i < len; i++) {
// Skip accessing in sparse arrays
if (i in arr && arr[i] === elem) {
return i;
}
...
将 JS 代码放入图片文件
void function(){
var source = 'js.png'; // 存放JS代码的图片
var img = document.createElement('img');
img.src = source;
img.onload = function(){
var canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
var context = canvas.getContext("2d");
context.drawImage(img, 0, 0);
var imageData = contex...
var code = 'alert("hello image.");';
var w=6,h=8; // 宽和高的计算方法 w * h * 32 / 8 = code.length
// 按3个字符的长度分段
var codeArray = code.match(/.{3}/g);
if(codeArray.length * 3 < code.length){
codeArray.push( code.substring( codeArray.length * 3 - 1) );
}
for(var i = 0, cl = codeArray.length; i < cl; c++){
codeArray[i] = codeArray[i]+String.fromChar...
// 是否身份证号
// 15位用正则验证，18位用校验码
// https://wapbaike.baidu.com/item/身份证校验码
String.prototype.isIdCard = function () {
var id = this;
var a = id.toUpperCase().split('');
var c = '7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2'.split(',');
var d = '10X98765432'.split('');
var s = 0;
var l = a.length;
var v = a[l - 1];
var n = /^\d{6}(18|19|20)\d{2}[01]\d[0123]\d\d{3}...
目录
安装NodeJS
安装WebSocket-Node
安装NodeJS
参考这里：
curl -sL https://rpm.nodesource.com/setup | bash -
yum install -y nodejs
安装WebSocket-Node
参考这里：
npm install websocket
工具
forever是nodejs的守护进程，能够启动，停止，重启我们的app应用
forever start app.js
forever start -o console.log -e console.error app.js
forever restartall
forever stopall
forever list
遇到的问...
