原生编写vue移动端下拉刷新组件、上拉加载组件，满足移动端的刷新加载，但是还是有点小瑕疵，仅供参考

在vue2.0项目里我们发现外部引入的组件css3动画失效，但是在浏览器当中没有问题，一打包css3动画就失效，我们在打完包以后发现浏览器对动画特效没有出现兼容的状态，因此我们想到css3动画在框架下没有生效，最后找到是脚手架package.json没有加兼容处理

在做移动端或者pc端的时候我们自定义弹窗发现后面的body比较高会出现滚动条，所以我们在显示弹窗的时候隐藏掉滚动条，但是pc端可以完美的用overflow：hidden，可是移动端呢，安卓可以实现这样的效果，但是到了苹果手机上overflow：hidden行内可能不兼容造成无法隐藏滚动条，不建议在行内使用overflow：hidden,我用了类名样式去实现这样的隐藏

该报错从文本意思理解还是很清晰的，不要在mutation函数外修改vuex中存储的值。通常情况下，vuex挂载到vue上之后，vuex中的值可以在组件中修改

追梦猪在做vue项目的时候会遇见各种各样的奇葩报错，以此收集来带入坑不知所措的坑友脱坑，当你在改完vue代码进行热加载的时候，我们的控制台出现了报红（也就是错误）,打开控制台f12看到以下如图所示错误：

在使用预渲染prerender-spa-plugin测试打包生成静态页的时候我们发现在console控制台出现会出现webpackJsonp is not defined错误提示

Uni-app 官方实例里的 多列选择器picker 在设置数据的时候我们是动态改变的发现，this.value[0] = [数组内容]，发现picker里的内容没有改变，很是苦恼，这样难道不对吗，然后追梦猪找到官方文档，如下

翻译：无法对有状态组件根元素使用v-for，因为它呈现多个元素。看完翻译我们要确定几个关键词（见翻译红字），我们如果直接在template标签下直接使用v-for会出现当前错误

在uniapp一套代码编到7个平台的页面h5中我们的返回上一层要和微信app中返回是共用的getCurrentPages方法获取上页的数据然后通过getCurrentPages找到上一页的参数进行修改的，h5网页测试的时候完好

当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。

追梦猪爬坑记录教程总结，供相关行业伙伴使用

vue前端框架面试问题汇总，附答案

要从父组件传哪些必要的参数，即子组件需要提供什么接口组件需要去实现哪些功能我们要返回哪些参数给用户

vue引入swiper插件来完成我们所需要的轮播滑效果

本文使用原生的上传有局限性，ios手机能同时选择多张图片，而安卓手机只能一张一张上传，不能一次性选择多张。所以建议调用 微信JS SDK。

Vue.js中提供了许多函数，有一些函数非常有用，它将组件创建到完成渲染这段时间进行了无限放大，其实在这段时间内我们可以做好多工作，这在其他框架下是没有的，非常实用

子组件通过$emit触发父组件的事件，$emit后面的参数是向父组件传参，注意，父组件的事件处理函数直接写函数名即可，不要加(),参数直接传递到了父组件的methods的事件处理函数了

利用vue实现checkbox的多选，radio的单选

单页面应用在前端正大放光彩。三大框架 Angular、Vue、React，可谓妇孺皆知。随着单页面应用的普及，人们在感受其带来的完美的用户体验，极强的开发效率的同时，也似乎不可避免的要去处理 SEO 的需求。 本文主要针对 vue 2.0 单页面 Meta SEO 优化展开介绍：

刚开始我是通过在index页面直接引入wow.js效果，第一天可以，但是第二天就不行了，看了一下代码的前端执行结果发现动画的名称是none，那问题出现在了没有找到动画名称，为什么会出现这样的我想应该是加载顺序导致的，wow.js在页面加载完以后便已经执行了，但是我的数据还没有获取到所有才出现了数据被display：none；

beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed 这几个钩子函数么，创建=>挂载=>更新=>销毁，So easy ！！！

Vue.js是一套构建用户界面的 “渐进式框架”。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。

vuex是vue全家桶成员之一，追梦猪在尝试了使用了一会，发现确实便利不少，但是插件有时候还没有原生方法使用的方便，但是还是要了解一下这个vuex烧包，先引入vuex默认文件actions.js，getters.js，store.js，还有types.js文件

写到这你会发现虽然百度富文本编辑器可以使用了，当你用富文本提交数据时试正常的，但是在那到数据放到富文本当中的时候却出现了问题，html标签无法被转义直接把转义标签回显到富文本当中追梦猪，想了很多办法也无济于事，所以采用方法过滤

axios的拦截请求与响应,请求拦截（配置发送请求的信息）,响应拦截（配置请求回来的信息）

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

利用H5的FileReader对象将上传的图片转base64格式，利用canvas的drawImage方法重绘上传的图片（注：drawimage是一个异步方法，需要在图片读取成功后在进行重绘，否则可能会压缩不成功）在利用canvas的toDataURL方法将图片压缩

报错redux-persist failed to create sync storage. falling back to ”noop" storage （redux persist无法创建同步存储。回到“noop”存储），我们很蒙蔽会找redux的问题，还有各种交流网站上跟react开发的react-native的连贯问题，但是发现跟着写也没有解决，在回退到原始找寻路径，我们去了官网的git上的issues上我们找到了蛛丝马迹如图

错误语句​The component for route 'X' must be a React component.音译为路线“首页”的组件必须是反应组件问题原因就是我们没有把组件导出造成的在最后加上export default 导出页面即可

react-native报错信息之Super expression must either be null or a function一般检测如下四步方可解决。1、确认一下React.Component是否书写正确，不是React.component或者React.Comonent…2、检查下React版本，确保更新到0.13.x及更高版本3、检查模块间是否存在循环依赖4、确认导入的库是否正确