<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Clotho2012的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Clotho2012</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Clotho2012]]></copyright><item><title><![CDATA[axios]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168650</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168650</guid><author>Clotho2012</author><pubDate>Tue, 18 Sep 2018 17:57:00 +0800</pubDate><description><![CDATA[安装到项目中：







1



# npm install axios --save








在项目中import使用：

import axios from 'axios'

Axios和其他的ajax库都是很类似的，提供了2种使用的方式一种是直接使用实例方法的如：下面是实例的所有可用方法，方法中的config会与axi...]]></description><category></category></item><item><title><![CDATA[git常用命令]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168649</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168649</guid><author>Clotho2012</author><pubDate>Wed, 12 Sep 2018 23:52:00 +0800</pubDate><description><![CDATA[一、 Git 常用命令速查
git branch 查看本地所有分支git status 查看当前状态git commit 提交git branch -a 查看所有的分支git branch -r 查看远程所有分支git commit -am "init" 提交并且加注释git remote add origin git@192.168.1.119:ndshowgit push o...]]></description><category></category></item><item><title><![CDATA[mac如何把node和npm卸载干净]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168635</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168635</guid><author>Clotho2012</author><pubDate>Wed, 12 Sep 2018 11:35:00 +0800</pubDate><description><![CDATA[用了nvm进行node版本的管理，还是很方便的，各个版本切换自由切换，但是nvm安装的node是在~/.nvm下的，和之前安装的不在一起，有点儿强迫症的我，就想把之前的给卸载了
homebrew安装的
直接一条命令brew uninstall node
官网下载pkg安装包的
一条命令sudo rm -rf /usr/local/{bin/{node,npm},lib/no...]]></description><category></category></item><item><title><![CDATA[This dependency was not found: * !!vue-style-loader!css-loader?……]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168647</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168647</guid><author>Clotho2012</author><pubDate>Fri, 07 Sep 2018 09:06:00 +0800</pubDate><description><![CDATA[​

但是当你新建一个vue项目时，需要重新安装stylus，否则报错：
This dependency was not found:
* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-compiler/inde...]]></description><category></category></item><item><title><![CDATA[webpack-loader（加载器）]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168633</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168633</guid><author>Clotho2012</author><pubDate>Wed, 05 Sep 2018 18:32:00 +0800</pubDate><description><![CDATA[加载器是用于资源文件的转换。 加载器就是以资源文件作为入参并返回新的资源的函数（在Node.js中运行）。
例子
例如，您可以使用加载器告诉webpack加载CSS文件或TypeScript文件，并将之转换为JavaScript。 首先，安装相应的加载器：
npm install --save-dev css-loader
npm install --save-dev t...]]></description><category></category></item><item><title><![CDATA[webpack配置]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168645</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168645</guid><author>Clotho2012</author><pubDate>Tue, 04 Sep 2018 22:59:00 +0800</pubDate><description><![CDATA[文章中以$符号开头的是在终端输入的命令文章中以vim开头为编辑文件内容
从零开始

$ mkdir dailypaper
新建一个项目文件夹dailypaper
$ npm init
    在该文件夹下npm init初始化项目文件夹会产生package.json文件
$ npm install -D webpack    
    本地局域安装webpack...]]></description><category></category></item><item><title><![CDATA[vuejs数据响应原理]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168535</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168535</guid><author>Clotho2012</author><pubDate>Mon, 03 Sep 2018 19:13:00 +0800</pubDate><description><![CDATA[什么是数据驱动
数据驱动是vuejs最大的特点。在vuejs中，所谓的数据驱动就是当数据发生变化的时候，用户界面发生相应的变化，开发者不需要手动的去修改dom。
比如说我们点击一个button，需要元素的文本进行是和否的切换。在jquery刀耕火种的年代中，对于页面的修改我们一般是这样的一个流程，我们对button绑定事件，然后获取文案对应的元素dom对象，然后根据切换修改该dom对...]]></description><category></category></item><item><title><![CDATA[ES5与ES6]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168533</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168533</guid><author>Clotho2012</author><pubDate>Sun, 02 Sep 2018 23:55:00 +0800</pubDate><description><![CDATA[什么是JavaScript
JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言，用来给HTML网页增加动态功能。（好吧，概念什么最讨厌了）
动态：
在运行时确定数据类型。变量使用之前不需要类型声明，通常变量的类型是被赋值的那个值的类型。
弱类：
计算时可以不同类型之间对使用者透明地隐式转换，即使类型不正确，也能通过隐式转换来得到正确的类型。
原型：
新对象继...]]></description><category></category></item><item><title><![CDATA[vuex]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168531</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168531</guid><author>Clotho2012</author><pubDate>Fri, 31 Aug 2018 23:09:00 +0800</pubDate><description><![CDATA[什么是Vuex？
　　　　　　官方说法：Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
　　　　　　个人理解：Vuex是用来管理组件之间通信的一个插件
　　　　为什么要用Vuex？
　　　　　　我们知道组件之间是独立的，组件之间想要实现通信，我目前知道的就只有props选...]]></description><category></category></item><item><title><![CDATA[vue-router]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168530</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168530</guid><author>Clotho2012</author><pubDate>Thu, 30 Aug 2018 23:55:00 +0800</pubDate><description><![CDATA[路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 =&gt; home 内容， about按钮 =&gt; about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。
　　点击之后，怎么做到正确的对应，比如，我...]]></description><category></category></item><item><title><![CDATA[vuejs2.0 生命周期]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168639</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168639</guid><author>Clotho2012</author><pubDate>Wed, 29 Aug 2018 11:11:00 +0800</pubDate><description><![CDATA[每个Vue 实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM 。下图展示的就是一个vue实例对象的生命周期。
     

从图上我们可以看到vue在生命周期中有这些状态，beforeCreate,created,beforeMount,mount...]]></description><category></category></item><item><title><![CDATA[vue-cli（脚手架）]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168630</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168630</guid><author>Clotho2012</author><pubDate>Mon, 27 Aug 2018 23:40:00 +0800</pubDate><description><![CDATA[都说Vue2简单上手容易，的确，看了官方文档确实觉得上手很快，除了ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vue只用关心数据本身，不用再频繁繁琐的操作dom，注册事件、监听事件、取消事件。。。。（确实很烦）。vue的官方文档还是不错的，由浅到深，如果不使用构建工具确实用的很爽，但是这在实际项目应用中是...]]></description><category></category></item><item><title><![CDATA[vue的$emit]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168637</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168637</guid><author>Clotho2012</author><pubDate>Sun, 26 Aug 2018 21:02:00 +0800</pubDate><description><![CDATA[vue中 关于$emit的用法


1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。

vm.$emit( event, arg ) //触发当前实例上的事件
vm.$on( event, fn );//监听event事件后运行 fn；

例如：子组件：



[plain]view plai...]]></description><category></category></item><item><title><![CDATA[vue组件]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168636</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168636</guid><author>Clotho2012</author><pubDate>Sun, 26 Aug 2018 20:33:00 +0800</pubDate><description><![CDATA[什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。
如何注册组件？
 需要使用Vue.extend方法创建一个组件，然后使用Vue.component方法注册组件。Vue.extend方法...]]></description><category></category></item><item><title><![CDATA[比较v-bind和v-model]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168634</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168634</guid><author>Clotho2012</author><pubDate>Sat, 25 Aug 2018 21:29:00 +0800</pubDate><description><![CDATA[简单来说，区别如下：1.v-bind用来绑定数据和属性以及表达式，缩写为'：'2.v-model使用在表单中，实现双向数据绑定的，在表单元素外使用不起作用
一、v-model
v-model多在表单中使用，在表单元素上创建双向绑定，根据控件类型选择正确的方法更新元素，可以绑定text、radio、checkbox、selected
1. 绑定text

&lt;input ty...]]></description><category></category></item><item><title><![CDATA[vue]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168627</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168627</guid><author>Clotho2012</author><pubDate>Sat, 25 Aug 2018 00:08:00 +0800</pubDate><description><![CDATA[1、MVVM模式
 MVVM模式（Model-View-ViewModel）的运作如下图：

1）上图解析：ViewModel是Vue.js的核心，它是一个Vue实例。Vue实例是作用于某一个HTML元素上的，这个元素可以是HTML的body元素，也可以是指定了id的某个元素。
当创建了ViewModel后，双向绑定是如何达成的呢？
首先，我们将上图中的DOM Liste...]]></description><category></category></item><item><title><![CDATA[ES6是什么]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168631</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168631</guid><author>Clotho2012</author><pubDate>Wed, 22 Aug 2018 23:52:00 +0800</pubDate><description><![CDATA[一、新的变量声明方式 let/const
与var不同，新的变量声明方式带来了一些不一样的特性，其中最重要的两个特性就是提供了块级作用域与不再具备变量提升。
通过2个简单的例子来说明这两点。
{
    let a = 20;
}

console.log(a);  // a is not defined
而这个简单的例子，会被编译为：
{
    let _a = ...]]></description><category></category></item><item><title><![CDATA[SCSS基础]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168625</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168625</guid><author>Clotho2012</author><pubDate>Tue, 21 Aug 2018 19:25:00 +0800</pubDate><description><![CDATA[目录

scss的环境搭建

Koala的使用——打开项目
Koala的使用——scss的相关设置


scss的四种输出模式

嵌套输出方式nested
展开输出方式expanded
紧凑输出方式compact
压缩输出方式compressed


scss的基本语法

变量
数据类型
嵌套
注释
基本运算
语句
插值和混合宏
占位符—...]]></description><category></category></item><item><title><![CDATA[响应式布局之二 CSS3 Media Query]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168623</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168623</guid><author>Clotho2012</author><pubDate>Tue, 21 Aug 2018 00:15:00 +0800</pubDate><description><![CDATA[响应式布局有三种实现方式：

CSS3 Media Query
原生 JS 代码
第三方开源框架（最常见的有 bootstrap）


CSS3 -- Media Query
1. 媒体查询实现方式
方式一：styleSheet样式表中的写法：
如：&lt;style&gt;标签中使用@media
    &lt;style&gt;
        @media...]]></description><category></category></item><item><title><![CDATA[CSS-Hack]]></title><link>https://blog.youkuaiyun.com/Clotho2012/article/details/101168629</link><guid>https://blog.youkuaiyun.com/Clotho2012/article/details/101168629</guid><author>Clotho2012</author><pubDate>Mon, 20 Aug 2018 23:42:00 +0800</pubDate><description><![CDATA[cssHack 是为了解决不同浏览器显示不同从而是css代码兼容不同的浏览器“-″减号是IE6专有的hack“\9″ IE6/IE7/IE8/IE9/IE10都生效“\0″ IE8/IE9/IE10都生效，是IE8/9/10的hack“\9\0″ 只对IE9/IE10生效，是IE9/10的hack
IE6能识别下划线”“和星号” * “，IE7能识别星号” * “，但不能识别下...]]></description><category></category></item></channel></rss>