前端开发

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

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

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

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

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

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

vue中mixins和extends的妙用

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

vue中的ES7的async异步函数

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

vue中ES6的Promise

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

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

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

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

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

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

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

vue中实现锚点定位及跳转

2019-05-244087次阅读vue
HTML5中选择了scrollIntoView()作为标准方法,该方法用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。 如果该元素已经在浏览器窗口的可见区域内,则不会发生滚动。更多专有方法看这里。