什么是OpenID，UnionID，access_token？

OpenID是用户在小程序中的唯一标识。

UnionID是用户在微信开放平台上的唯一标识，包括小程序、公众号等，同一个用户的UnionID都是一样的。

access_token是后端调用微信接口用的。

分别如何获取？

- 阅读剩余部分 -

看到一个用JavaScript生成随机字符串的方法：

Math.random().toString(36).substring(2);

其中的toString(36)是什么意思呢？

- 阅读剩余部分 -

1、变量提升和函数提升

function b(){
  console.log(a);
  var a = 10;
  function a(){}
  a = 100;
  console.log(a);
}

b(); // function(){}, 100

解析：

- 阅读剩余部分 -

语法高亮不太好用，忽略高亮不合理的地方

1、设置在容器上的属性

flex-direction : 主轴的方向

row: (默认)从左到右横向
row-reverse: 从右到左横向
column: 从下到上竖向
column-reverse: 从下到上竖向

- 阅读剩余部分 -

一、基本使用

Swiper是一个非常好用的滑动插件，可以用来实现轮播图、代替浏览器默认的滚动条。中文主页：

https://www.swiper.com.cn/

在Vue中，Swiper对应的是Vue-Awesome-Swiper，NPM的地址：

https://www.npmjs.com/package/vue-awesome-swiper

基本的使用比较简单，首先安装Vue-Awesome-Swiper：

npm install vue-awesome-swiper --save

- 阅读剩余部分 -

大部分时间，Vue都用来开发单页面应用程序(single page web application，SPA)，但有时也需要开发多页面应用，这就要配置Vue CLI。有两种方式来配置Vue CLI，一是在项目的package.json中添加一个vue字段，在这个字段中配置相关的功能，二是在项目根目录新建一个vue.config.js，这个文件会被Vue CLI合并到webpack的配置中。这里以vue.config.js为例，来配置一个多页面的应用。

- 阅读剩余部分 -

接触Vue以来，觉得Vue的文档不太友好，知识点太碎片化，可能一个重要的知识点仅仅在文中提一下，但不会出现在索引中。文档读起来也比较晦涩。

有一个router-view：

<router-view class="content"></router-view>

假设下面的组件会渲染到上面的router-view中：

<template>
    <div class="box">
        ...
    </div>
</template>

- 阅读剩余部分 -

Vue中的混入(mixin)是一个比较简单的知识点。熟悉CSS预处理语言比如less、sass的开发者对mixin肯定很熟悉。Vue中的mixin几乎跟less等里面的mixin一样，都是将定义好的一些功能原样注入Vue组件当中，也有些类似面向对象编程中的继承(我只是说类似:) )。

mixin是一个对象，这个对象的属性可以是Vue实例或者组件实例的生命周期钩子、属性等，当全局混入或者混入到组件后，Vue实例或者组件实例就拥有了mixin中定义的生命周期钩子、属性等等。如果两者中有重复的，会按照一定的规则合并。

- 阅读剩余部分 -

这里以通过Vue Router切换不同组件来说明transition的用法。
在app.vue中有一个配置了切换效果的<router-view>：

...
<transition :name="transitionStyle">
    <router-view class="content" />
</transition>
...

由于要实现组件切换的前进后退效果，所以transition的name是动态绑定的，这里不讨论如何实现前进后退，只讨论其中的前进。

想要当前组件向左滑出去的同时，即将显示的组件从右滑动进来，就像iOS版本的微信的左滑切换效果。

很多初学者发现，按照文档设置了相应的class之后，组件之间的切换会出现空白，实际上这就是Vue的文档没有描述清楚的地方。

- 阅读剩余部分 -

Vue官方文档：https://cn.vuejs.org/v2/guide/custom-directive.html

什么是Vue自定义指令？

Vue自定义指令用起来就像Vue内置的v-model、v-on...之类，只不过实现了一些自己想要的功能。因为Vue自定义指令的钩子函数会传入一个el，它是自定义指令绑定到的那个DOM元素，所以Vue自定义指令可以用来直接和DOM打交道。

如何注册一个指令？

自定义指令分为全局和组件内的局部指令。全局自定义指令注册方法：

Vue.directive('myDirective', {
    // inserted是内置的钩子函数
    inserted: function (el) {
        // 一些操作...
    },
    // 指令的其他内容和钩子函数，如果需要的话...
})

- 阅读剩余部分 -