作者归档：jerry

visual studio code 安装 source code pro

发表评论

source code pro 是谷歌和adobe联合开发的适用于编程开发时使用的开源字体。

下载

到 github 找到该项目，下载该字体（所有 otf 文件）。

安装

linux 系统下载到 ~/.local/share/fonts 目录，windows 直接右键安装。

使用

在 vscode 中选择菜单 文件->首选项->设置，在 用户设置->文本编辑器->字体->Font Family 中，头部插入 'Source Code Variable', 'Source Code Variable Italic', 。

使用 vuex 的 mapState

发表评论

在 vue 中：

<template>
  <div>
    {{user.name}}
  </div>
</template>

<script>
import {mapState} from 'vuex';

export default {
  computed: {
    ...mapState({
      user: state => state.user
    })
  }
}
</script>

在 store 中：

export default {
    state: {
        user: {}
    },
}

继续阅读 →

实现mysql自动备份的简单脚本

发表评论 
#!/bin/bash
#chmod 700 backup.sh
#crontab -e
#每天4点， mysql备份数据
#0 4 * * * /home/cron/mysql_backup.sh

host="localhost"
user="dbname"
password="dbname"
db_name="dbname"

#backup directory
base_dir="/home/backup"
backup_log="${base_dir}/mysql_backup.log"
backup_path=${base_dir}

#file info
date=$(date +"%Y-%m-%d")
filename=$backup_path/$db_name-$date.sql.gz

#back up
mkdir -p $backup_path
mysqldump --user=$user --password=$password --host=$host $db_name | gzip > $filename
#Delete files older than 10 days
find $backup_path/* -mtime +10 -exec rm {} \;
echo "backup finished at $(date +'%Y-%m-%d %H:%M:%S')" >> "$backup_log"

js删除数组里的某个元素

发表评论 
// Array Remove - By John Resig (MIT Licensed)
Array.prototype.remove = function(from, to) {
  var rest = this.slice((to || from) + 1 || this.length);
  this.length = from < 0 ? this.length + from : from;
  return this.push.apply(this, rest);
};

// 移除数组中的第二项
array.remove(1);
// 移除数组中的倒数第二项
array.remove(-2);
// 移除数组中的第二项和第三项（从第二项开始，删除2个元素）
array.remove(1,2);
// 移除数组中的最后一项和倒数第二项（数组中的最后两项）
array.remove(-2,-1);

来自 jQuery 之父的 stackoverflow

scss 使用 @font-face 引入 fonticon 字体报错

发表评论

webpack 内置的路径检索在使用特定方式引入文件时，会出现无法加载字体的问题，例如以下方式：

vue
<style lang="scss" src="./path-to-file.scss"></style>

scss
@font-face {
  font-family: "iconfont";
  src: url('./iconfont/iconfont.eot?t=1501135137439'); /* IE9*/
  src: url('./iconfont/iconfont.eot?t=1501135137439#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./iconfont/iconfont.woff?t=1501135137439') format('woff'), /* chrome, firefox */
  url('./iconfont/iconfont.ttf?t=1501135137439') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('./iconfont/iconfont.svg?t=1501135137439#iconfont') format('svg'); /* iOS 4.1- */
}

下载的字体

如果是从 iconfont 下载的字体，将字体放到访问根目录下。

比如 laravel 的访问根目录是 /public，在里面创建字体目录，如 static/fonts/iconfont，将字体放在该目录下。

在 scss 文件中将路径改为绝对路径。如上面的例子，则可以写为：

@font-face {
  font-family: "iconfont";
  src: url('/static/fonts/iconfont/iconfont.eot?t=1501135137439'); /* IE9*/
  src: url('/static/fonts/iconfont/iconfont.eot?t=1501135137439#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/static/fonts/iconfont/iconfont.woff?t=1501135137439') format('woff'), /* chrome, firefox */
  url('/static/fonts/iconfont/iconfont.ttf?t=1501135137439') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('/static/fonts/iconfont/iconfont.svg?t=1501135137439#iconfont') format('svg'); /* iOS 4.1- */
}

其实就是不要 loader 自动寻找文件，而直接输出路径，我们只要事先准备好对应的文件即可。

fontawesome

加载 fontawesome 需要先定义 $fa-font-path 变量，如下：

$fa-font-path: "~font-awesome/fonts";
@import '~font-awesome/scss/font-awesome';