vue小总结1

vue 

关键词：

lazyload 

infinite scroll 

loadingmore

toast

swiper

白屏----按需引用（待定 resolve---）

webpack配置

首屏加载

vuex状态管理

特别粗糙的几个页面：

音乐可视化

vue-canvas做的一个音乐控件链接是我的github

项目地址：

https://github.com/yestodorrow/music_box

瀑布流懒加载vuex等

https://github.com/yestodorrow/vuex  （vuex---toast----根据公司下滑分页加载的回调粗糙的demo）

https://github.com/yestodorrow/waterfalleffectformydaughter(axio--vuex--lazyload---下拉加载--瀑布流--swiper这个demo粗糙到丑爆了)(子组件请求本地文件，然后获取图片路径（此时有懒加载），渲染到页面成为瀑布流)

但是第二个demo有问题，v-flow(https://www.npmjs.com/package/v-flow)在下滑加载时会重新计算重绘，但是这个组件应该有问题，导致页面直接卡死

建议

：一次渲染，不更改可以使用该插件

：其他插件：waterfall或者vue2-waterfall；有的需要后台传高度，有的不需要

经验：

vue有bootstrap专门的组件库，bootstrap本身也引用了normalize.css；

自己弄了一下大概的按钮、弹窗、轮播、这个可以去github上看

链接：https://github.com/yestodorrow/boot

vue的element.ui比bootstrap更好用  但是偏pc端大

mint ui虽然组减少 但是适合移动端，按需加载 

vue中有的引用jquery，个人认为“不伦不类”，也许这个词夸大了；引用的话直接在webpack中配置即可，移动端用zepto.js也是可以理解的

vue还能和chart.js highchart.js以及高德地图来使用

感叹vue生态圈的不断壮大

贴士：npm i normalize