前端开发

为什么Vuex的mutation和Redux的reducer中不能做异步操作

2019-08-1274次阅读vue
vuex和redux都是一种状态管理机制,然后他们会有自己的state和修改state的方法, 修改state的方法涉及到同步和异步。vuex的处理方式是同步在mutation里面,异步在actions里面。Redux的Reducer必须是纯函数不能有副作用的操作。
前端开发

收藏2个VUE表单数据验证组件

2019-08-0856次阅读vue
当前端有表单时,我们可能会想着在前台页面直接加上验证,这样可以免去非得先往后端验证一下,当然这不是说你后端就不验证了,双重的验证仍是必要的,只是这样可以让前端体验更好更直接一些。
前端开发

写React/Vue项目时为什么要在列表组件中写key,其作用是什么?

2019-07-30123次阅读Reactvue
没有key的情况diff速度会更快。确实,这种观点并没有错。没有绑定key的情况下,并且在遍历模板简单的情况下,会导致虚拟新旧节点对比更快,节点也会复用。而这种复用是就地复用,一种鸭子辩型的复用。
前端开发

webpack中的JSON.stringify('production')从何而来

2019-05-25164次阅读webpackvue
这个不得不说起webpack DefinePlugin插件,它允许您创建在编译时配置的全局常量。其中process.env.NODE_ENV替换为字符串字面量同时可以让UglifyJS之类的压缩工具完全丢掉仅供开发环境的代码块,以减少最终的文件大小。
前端开发

vue中mixins和extends的妙用

2019-05-25128次阅读vue
mixins、extends这两个都可以理解为继承,mixins接收对象数组(可理解为多继承),extends接收的是对象或函数(可理解为单继承)。
前端开发

vue中的ES7的async异步函数

2019-05-25179次阅读vue
Vue CLI帮我们处理了async polyfill,可以在项目中直接使用,目前测试IE9+是支持的。
前端开发

vue中ES6的Promise

2019-05-25103次阅读vue
Vue CLI帮我们处理了Promise polyfill,可以在项目中直接使用,目前测试IE9+是支持的。
前端开发

async/ await结合Promise使用,如何接住Promise抛出的错误

2019-05-24206次阅读javascriptvue
如果每写一个await都要用try/catch来捕获Promise异常(rejected),那么整屏到处都是try/catch语句。有没有更简洁的解决方案呢?有,细节看这里如何在没有try-catch块的情况下编写async await。
前端开发

如何在没有try-catch块的情况下编写async await

2019-05-24151次阅读javascriptvue
ES7 Async/await允许开发人员编写看起来是同步的异步JS代码。在此之前ES6中引入Promises,这使得我们简化Async流,并避免了回调地狱。
前端开发

vue路由只更改参数后页面组件不更新问题

2019-05-24209次阅读vue
如:http://www.***.com/#/say/40,如果只是在地址栏修改参数40为30,回车,页面组件未更新。解决办法:使用watch监听路由$route对象属性的变化