vux-ui

昨天在逛vue社区的时候，偶然发现了这个框架，里面实现的效果真的很棒，刚好自己要做的微信项目，所以，今天的任务就是将里面的组件都自己尝试一下

然后，就是要自己好好地手动实现下，因为很多组件只是看着很秀，自己要是写的话，也是能写出来的。

---

发现自己之前的一个问题，在使用element-ui的时候，一直都是直接全部引入，而官网上也明确的说了，有一种按需引入的方式，今天在研究vux的时候，发现好像只能使用按需引用的方式。

其实想想不会这么绝对的，如果是能使用全局的引用的话，就肯定有局部引用的方法，可以研究下。对比下两种在文件大小上面有啥区别，现在能想到的区别就是打包后的文件的大小，还有就是在渲染速度上面也是有区别的。come on .

最重要的是，我要学习的不只是这些，因为从上面可以反应出一个问题，就是组件的按需加载，到底是如何实现的，之前也有了解过，在一个完整项目打包之后，可以实现按需加载，只需要简单的配置。估计是实现的方法，与element-ui及vux-ui是一样的。

---

已经验证了，如果是按需引入的话，打包之后的文件会小很多。这点还是很重要的，之前我的项目大小好像是6M多，一部分是图片的问题，还有一部分就是按需加载的问题，按需加载需要安装一个插件

npm install babel-plugin-component -D

在element官网上明确的说法来这样做的

---

下面要研究下载vux中该怎么是实现按需加载，这点还是很重要的

---

在研究问题的时候，发现fsatclick的点击问题，在ios上双击的话，在浏览器的控制台上会有一个警告，但是在按安卓上没有，真机测试之后发现确实是这样的，肯定是需要解决的，初步在脑海中总结出的解决办法是，取消移动端的双击事件，这样明显是不合理的，因为双击也是有他的应用场景的。所以，下面必选要找到一中合理的解决这个问题的办法

FastClick 是一个简单，易于使用的JS库用于消除在移动浏览器上触发click事件与一个物理Tap(敲击)之间的300延迟。

…在移动浏览器中，当你点击按钮的单击事件时，将会等待大约300ms的时间。这是因为，浏览器是等着看，如果你是真正执行双击。

看了这里就可以知道，其实就是一个浏览器的行为，浏览器主动的加上了300ms的等待，是为了判断用户是否会进行双击。这个解释很合理

很好的博客

fastclick不附加任何监听器在桌面浏览器上面，所以如果你的项目不是针对的移动浏览器，那么就不要使用这个插件。

上文中很多地方都能的到很好的验证，在pc上移动端模式切换到普通模式，就不会有警告了，切换到安卓也不会有警告。

最新的博客

上面的解释虽然是合理的，但是好像真实的原因不是这样的

当属双击缩放(double tap to zoom)。这也是会有上述 300 毫秒延迟的主要原因。

感觉还是一样的原因，就是由于一个双击的事件导致的