数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是 attribute，我们可以用 v-bind 处理它们：只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在 v-bind 用于 class 和 style 时，Vue.js 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。

vue-cli构建的项目中也可以使用css的预处理器，需要安装匹配的loader

.vue文件中，vue-loader 允许你使用其它 Webpack loaders 处理 Vue 组件的某一部分。它会根据 lang 属性自动推断出要使用的 loaders。

load()方法

load()方法分为jQuery Ajax方法和jQuery 事件方法

jQuery Ajax 的 load();

1

load(url, [data], [callback])

从服务器加载数据并将返回的HTML放入匹配的元素。

• url 待装入 HTML 网页网址。
• 发送至服务器的 key/value 数据。在jQuery 1.3中也可以接受一个字符串了。
• 载入成功时回调函数。
  阅读全文 »

jquery中wrap(),方法包裹元素,如果传进去的是一段htmlbian片段,会查找第一个元素的子元素,一直查找到最里面的元素。

需要在vue-cli项目中引入jquery,做法

全局引入

npm下载jquery

1

npm install jquery --save

最开始使用的编辑器是Atom，但有一段时间只要打开jQuery源码就挂掉，直接卡死，在公司的电脑和自己的电脑上都是如此，卸载重新安装也不行，只好换编辑器，之后也下载了传说中的神器Sublime Text3，但也没装什么插件，就换成了WebStorm，IDE果然很强大，一直用着，老大开始推VS code，就安装下来，试着用了一下，顺便记录一些插件在换机器的时候备用。

安装

直接网站下载安装 Visual Studio Code

json-server可以模拟后端提供的数据，让前端流程走通，实现前后端分离

安装

npm isntall json-server --save-dev

使用

// server.js
const jsonServer = require('json-server')
const server = jsonServer.create()
const router = jsonServer.router('db.json')
const middlewares = jsonServer.defaults()

vue-resource是Vue提供的Ajax请求插件

安装

npm install vue-resource

引入

import VueResource from 'vue-resource'
Vue.use(VueResource)

CSS中position几个值的运用

absolute:生成绝对定位，相对于第一个position的值不为static的父元素定位。
relative:生成相对定位，相对于其正常位置进行定位。
fixed:生成绝对定位，相对于浏览器窗口进行定位。
static:默认值。没有定位，忽略(top,right,left,bottom,z-index声明）
inherit:从父元素中继承

突然心血来潮，想搭建一个博客，就在网上查了一些资料，决定用hexo+Github来搭建。
记录一下搭建过程。

安装前提

确保电脑安装下列程序：

• Node.js
• Git

安装Hexo

输入下面命令安装Hexo

1

npm install -g hexo-cli