随笔分类 -  Vue

移动端实现播放视频,阻止弹窗下内容滑动
摘要:最近做项目遇到这样的需求:实现移动端播放视频,点击播放按钮,弹窗播放。一开始就直接按照套路做了一下,发现一个bug,弹窗播放视频时候,虽然占满全屏,上下滑动,关掉视频发现下面的内容都被滑动到最后了,这时候我们需要阻止一下视频弹窗默认行为来解决这个bug,先上代码: 视频弹窗 1 <div class 阅读全文

posted @ 2020-10-21 11:39 林兴 阅读(511) 评论(0) 推荐(0)

vue-cli的项目加入骨架屏
摘要:在原生APP中我们经常可以看到,打开app时候,内容还没出来,app会被别的内容替代,这样很好的提升了用户体验。那么在webApp中,我们如何避免白屏的尴尬情况呢?可以通过 vue-skeleton-webpack-plugin这个插件来实现类似的效果。 1.首先需要安装这个插件 npm insta 阅读全文

posted @ 2019-06-20 17:55 林兴 阅读(1507) 评论(1) 推荐(1)

调用微信扫一扫功能,踩坑'invalid signature'
摘要:在vue项目中,调用微信扫一扫功能,在安卓系统下完全正常,ios系统下却报错'invalid signature'的错误,这可能令许多小伙伴困惑,经过查询大量博客相关资料,才找到了解决的方法。 原因:由于在ios和android中,location.href在spa页面的机制不同(不同在于ios是只 阅读全文

posted @ 2018-09-03 18:25 林兴 阅读(1219) 评论(0) 推荐(1)

如何快速的vue init 属于自己的vue模板?
摘要:相信很多接触过vue的小伙伴非常熟悉了,我们在开启项目之前都需要vue init webpack xx来初始化自己的项目目录。但是在实际开发中我们往往会根据公司要求或者业务的需要会对目录进行局部的调整,那么今天我们来说一说如何能够创建自己的项目目录机构,要做这个也是非常的容易了 首先,我们需要全局安 阅读全文

posted @ 2018-05-18 14:20 林兴 阅读(9700) 评论(1) 推荐(2)

对vuex的一点理解
摘要:vuex是vue.js的一个状态管理工具,它适用于解决平行组件之间的数据共享问题。一般情况下,我们更多的是父子组件之间通过props或$emit来实现传值,如何不满足以上情况那只有使用vuex进行解决。废话不多说,直接上代码。 1.先安装vuex npm install vuex --save 2. 阅读全文

posted @ 2018-02-12 10:17 林兴 阅读(221) 评论(0) 推荐(1)

vue-cli中圣杯布局失效问题
摘要:众所周知vue2在前端框架越来越流行,vue-cli这个脚手架工具是我们前端开发必用的,大大的提升了我们的开发效率。当然对于前端小白来说,有些遇到的问题需要和大家分享一下。 移动端页面经常都是需要圣杯布局的,可是当静态页面拆分成组件编译以后,往往圣杯布局会失效,以下 是我的解决思路。 1.首先在Ap 阅读全文

posted @ 2017-12-29 17:35 林兴 阅读(924) 评论(0) 推荐(1)

导航