解决vue-cli 打包后自定义动画未执行的问题
在vue项目中，想实现无缝向上滚动的自定义动画效果 webpack 打包后动画未执行，就是你npm run build生成的dist中动画未生效 @ -webkit-keyframes move { 0%{ top : 0 ; } 100% { top :- 500px ; } } 解决方法：...
vue页面切换项目实现转场动画的方法
前言 移动端, 使用vue为了良好的用户体验, 会需要实现APP形式的切换页面的左滑和右滑效果 实现原理, vue的过渡 动画 技术栈: vue + vue-router 解决思路 区分前进 和 后退的路由 网上搜索的...
浅谈如何优雅处理JavaScript异步错误
1. try/catch try/catch基本上是大家最常和async/await一起使用的，基本上我们会用它去包围大部分的异步方法。await关键字后面的promise一旦reject了，就会抛出一个异常错误。 run(); async functio...
Vue自定义指令结合阿里云OSS优化图片的实现方法
图片往往在加载前端项目中占大头，如何既不损失图片质量，又提升加载速度呢？ 根据显示设备pixelRatio和元素宽高来显示合适图片 略微压缩图片质量 使用webp 注册全局自定义指令 Vu...
微信小程序点击顶部导航栏切换样式代码实例
这篇文章主要介绍了微信小程序点击顶部导航栏切换样式代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 类似这样...
解决Vue打包上线之后部分CSS不生效的问题
首先注释掉webpack.prod.conf.js中下面的代码 new OptimizeCSSPlugin ({ cssProcessorOptions : config.build.productionSourceMap ? { safe: true, map: { inline: false } } : { safe : true }}), 然后在utils.js中添加， minimize:true...
JS如何实现动态添加的元素绑定事件
这篇文章主要介绍了JS如何实现动态添加的元素绑定事件,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 最近做的项目要实...
vue.js的状态管理vuex中store的使用详解
一、状态管理（vuex）简介 vuex是专为vue.js应用程序开发的状态管理模式。它采用集中存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。vuex也集成...