• :class 使用表达式

  1	:class="{'想要改变的类名': 判断条件}

• 示例图片

  

引入 jquery

• 安装

  1	npm install jquery --save

• 配置

• 在 router 下的路由文件里设置格式，将页面上路由中默认显示的 #/ 给去掉

  1 2	// 去掉路由中自带的 #/ 这种东西 mode: 'history',

  

• 需要注意的是使用了 history 之后需要在服务器部署时增加一些配置，具体方法插件下面官方写的配置方法

  配置方法

项目模板中使用 less 方法

原文地址
vue-cli 构建的项目默认是不支持 less 的，需要自己添加。

• 首先安装 less 和 less-loader ，在项目目录下运行如下命令

  1 2 3 4

  # npm安装 npm install less less-loader --save-dev # 或者使用 yarn yarn add less less-loader --dev

vue-cli 构建项目

官网地址

• 命令行

  1 2 3 4 5 6 7 8 9 10 11 12

  # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack your-project-name # 安装依赖，走你 $ npm install # 进入项目 $ cd your-project-name # 开发版本打包并运行 $ npm run dev # 线上环境整个项目打包 生成 dist 可以直接部署到服务器上的文件夹 npm run build

计划

明天计划开始将简书以及 QQ 空间的笔记、日志慢慢的转移到这个 博客 系统里面来，之后开始边学习边写博客喽~，正常的工作还是要进行的，需要抓紧点时间搞喽~ 家丞和集结号的项目。

诶~ 其实今天原本计划是要接着昨天的视频《你不知道的 HTML》看的， 发呆 0.0

资料

简单的使用方法参考上篇笔记 > hexo-theme-material Github 地址

hexo-theme-material 中文文档 >hexo-theme-material Icon 图标库

资料

中文官网地址
详细的文档 更多的骚操可以前去查看文档

快捷使用命令行创建一个项目

1
2
3
4
5

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

前端跨域有几种方案

首先想到的方法：jsonp

一、为什么要跨域？

扩展出 同源策略 的概念