柏明轩的博客

成为一个厉害的普通人


  • 首页

  • 关于

  • 标签

  • 分类

  • 归档

  • 搜索

Vue使用数字滚动插件vue-countTo

发表于 2020-05-16 | 分类于 Vue , vue-admin-system文档 | 阅读次数:

简单介绍

vue-countTo是一个无依赖,轻量级的vue数字滚动插件

使用步骤

1. Install vue-countTo (安装)

1
npm install vue-count-to

2. 组件内使用代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<template>
<countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo>
</template>

<script>
import countTo from 'vue-count-to';
export default {
data () {
return {
startVal: 0,
endVal: 2020
}
},
components: { countTo }
}
</script>
阅读全文 »

使用Vue封装wangEditor组件

发表于 2020-05-14 | 分类于 Vue , vue-admin-system文档 | 阅读次数:

具体步骤如下

1. Install wang-editor (安装)

1
npm install wangeditor

(注意 wangeditor 全部是小写字母)

2. 封装成Vue组件

  • 子组件代码

    阅读全文 »

Vue使用Markdown编辑器mavonEditor

发表于 2020-05-13 | 分类于 Vue , vue-admin-system文档 | 阅读次数:

具体步骤如下

1. Install mavon-editor (安装)

1
npm install mavon-editor --save

2. Use (如何引入)

  • 全局注册

main.js

1
2
3
4
5
6
7
8
9
10
11
12
// 全局注册
import Vue from 'vue'
import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
// use
Vue.use(mavonEditor)
new Vue({
'el': '#main',
data() {
return { value: '' }
}
})
阅读全文 »

Vue项目中使用echarts并封装成组件

发表于 2020-05-10 | 分类于 Vue , vue-admin-system文档 | 阅读次数:

简单介绍

echarts是非常强大的数据可视化插件,经常用来进行图表展示,本文介绍将echarts进行vue组件化封装并使用

基础配置

  • 标题 title

    text(String): 标题名

    left(Number): 水平位置

    top(Number): 垂直位置

    textStyle(Object): 标题样式

阅读全文 »

Vue+ElementUI使用第三方icon图标(FontClass引用法+SVG引用法)

发表于 2019-11-18 | 分类于 Vue , ElementUI | 阅读次数:

具体步骤如下

打开阿里icon,注册 >登录>图标管理>我的项目

新建项目

填写项目名称和前缀(前缀不能为:el-icon),点新建

返回首页,点进去你想要的icon库,将想要的图标添加入库

若需要批量添加图标,可在控制台输入如下代码

阅读全文 »

MAC升级Nodejs和Npm到最新版

发表于 2019-11-18 | 分类于 Nodejs , Npm包管理 | 阅读次数:

具体步骤如下

查看本机node.js版本:

1
node -v

清除node.js的cache:

1
sudo npm cache clean -f

安装 n 工具,这个工具是专门用来管理node.js版本的,别怀疑这个工具的名字,是他是他就是他,他的名字就是 “n”

1
sudo npm install -g n

安装最新版本的node.js

1
sudo n stable
阅读全文 »

JS解析机制--深入理解变量提升

发表于 2019-11-18 | 分类于 JavaScript | 阅读次数:

预解析概念

在当前作用域下,js运行之前,会把带有var和function关键字的事先声明,并在内存中安排好。(这个过程也可以理解为变量提升)然后再从上到下执行js语句。预解析只会发生在通过var定义的变量和function上。

var声明的变量

使用var声明的变量预解析:告诉解析器知道有这个名字的存在并默认将该变量赋值undefined ,如下:

1
2
console.log(x);  //undefined
var x = 5;

变量x虽然是在console.log后面定义的,但是使用var申明的x会提前保存在内存中,并赋值undefined ,然后再从上往下执行js语句 。它的执行顺序类似于下面的结构:

1
2
3
var x;
console.log(x); //undefined
x = 5;
阅读全文 »

Hexo-NexT配置超炫网页效果

发表于 2019-11-16 | 分类于 博客搭建 | 阅读次数:

添加添加RSS

在博客根目录下,打开命令窗口,并安装Hexo插件

1
npm install --save hexo-generator-feed

安装成功之后,编辑Blog/_config.yml文件,在文件末尾添加

1
2
3
# Extensions
## Plugins: http://hexo.io/plugins/
plugins: hexo-generate-feed

配置主题_config.yml文件,搜索rss,在后面加上/atom.xml

1
2
3
4
# Set rss to false to disable feed link.
# Leave rss as empty to use site's feed link.
# Set rss to specific value if you have burned your feed already.
rss: /atom.xml //注意:有一个空格

之后,终端输入hexo s查看效果

阅读全文 »

GitHub Pages博客绑定域名

发表于 2019-11-16 | 分类于 博客搭建 | 阅读次数:

域名准备

在腾讯云(或者阿里云)购买域名,并且实名认证

创建 CNAME

在博客目录中创建(推荐)

在博客目录中source文件夹中,直接新建txt文件,内容写你的域名,不要加上 http、https、www

将txt文件命名为CNAME(必须大写),并且去掉后缀名(不需要后缀名)

然后使用命令hexo g重新生成,hexo d部署到Github,在GitHub项目库中看到CNAME文件,则成功

在GitHub项目库中直接创建(不推荐,每次部署都会被覆盖)

在项目库中点击Create new file按钮,新建文件,命名为CNAME(必须大写),内容写你的域名,不要加上 http、https、www

阅读全文 »

Hexo博客使用LeanCloud统计文章阅读量

发表于 2019-11-15 | 分类于 博客搭建 | 阅读次数:

配置 LeanCloud

创建账号

进入官网 https://leancloud.cn/,进入右侧控制台并注册账号、验证邮箱

创建应用

控制台 -> 创建应用(开发版),应用名称可以随意输入,后面还可以修改,如图:

创建 Class

点击刚创建的 website 应用,点击存储,创建一个 Class 表用来保存博客访问数据

  • 此处创建的 Class 名字必须为 Counter,用来保证与 NexT 主题的修改相兼容
  • ACL 权限选择 read所有用户,避免后续因为权限的问题导致次数统计显示不正常
阅读全文 »
<123>
柏明轩

柏明轩

前端攻城狮

23 日志
11 分类
10 标签
RSS
GitHub E-Mail
推荐阅读
  • ECMAScript6入门
© 2020 柏明轩
总访问量次 | 总访客人