随笔分类 - vue
摘要：前言 最近在研究图片滑动解锁 登录，说是要用阿里的那个验证，但是还是想自己手写下这个Demo 效果图是这样的： 本来是想用canvas 来实现的，但是类，后来还想用css 和图片来代替canvas 其实思路就这样的： 那个缺陷的滑块位置 是随机的 根据 图片的宽高 产生 随机 数当然是定位 ： le
阅读全文
摘要：前言 一般都是用Textarea 文本来编辑，但发现可以用 div contenteditable = “true”,这个属性来搞定 css 2.通过vue来实现双向绑定 input 的实现是这样的 input的双向绑定 改变的双向绑定 参照上面的我们来实现div的可编辑和双向绑定 js 部分 这样
阅读全文
摘要：前言 最近在app 原生页面 嵌套 做Vue 的H5，混合开发，当然原生和Vue 交互方面当然用到 WebViewJavascriptBridge 这个东西啦， 当然在用到的时候也有问题，可以参考大佬的写法 然后结合自己的写法 ，自己整除一套适合的代码 这个是 https://github.com/
阅读全文
摘要：前言 遇到这一个个问题 需要是这样的 Vue里面的不刷新问题 页面分为： A 主页 B列表页 C 详情页 A beforeRouteLeave 时设置 to.meta.keepAlive = false (A 进入 B页面时)， 不缓存 B列表页 B beforeRouteLeave 时 （B ->
阅读全文
摘要：前言 最近在搞弹幕的问题，小程序上的和vue上的，不想使用插件，于是自己摸索了一下，其实包括 2中弹幕形式 有序和无序的 直接上代码吧 css // 弹幕 .barrage-wrapper { position: fixed; height: 0.7rem; width: 7.5rem; white
阅读全文
摘要：前言 当用vue-cli 脚手架 打包压缩时，发现打包出来的css 没有被压缩， 所以查阅了些资料，下面用这个方法解决： 1.首先注释掉webpack.prod.conf.js中下面的代码 2.然后在utils.js中添加， minimize:true 这样 打包出来的css 就被压缩了 当然我也有
阅读全文
摘要：前言 关于Vue 里面使用异步加载高德地图 项目中其实只有几处需要用到地图，不需要全局引入 在index文件中引入js会明显拖慢首屏加载速度，虽然可以使用异步加载script的方式解决，但是始终觉得不够优雅。 解决方案 3.就解决了 一个异步加载的高德地图插件，不需要在全局引入，也不用担心功能不齐全
阅读全文
摘要：前言 用vue 做音乐播放的时候，在本地可以打开播放，但在微信里面不能播放音乐 所以这样解决 主要是这段代码 后来又因为 点击过快 出现报错了 The play() request was interrupted by a call to pause() 因为上一个用户的播报还没结束，这一个播报就要
阅读全文
摘要：前言 在做移动端的避免不了 下拉刷新，上拉加载 直接上代码吧，哈哈 组件里： 1 <template lang="html"> 2 <div class="yo-scroll" 3 :class="{'down':(state 0),'up':(state==1),refresh:(state 2)
阅读全文
摘要：前言 用vue 移动端上传图片在低版本的 ios 手机上 图片转换base64 在转换file 文件类型 会报错 并且报错 “Script Error ” 查阅了github 和一些文档发现 可以吧 file 改为 Blob 的 格式上传，哈哈 上的代码 这样 在 低版本的ios 上可以兼容图片上传
阅读全文
摘要：前言 用vue 写移动端代码，有个报名页面 就在iOS 9下出现问题，vue的循环渲染都正常，一开始的数据也能取到。证明不是vue的兼容性问题 但是在用户点击按钮发现不能点击进入跳转 工具 推荐使用 vConsole 这个 可以在移动端调试的 解决过程 npm install vconsole 使用
阅读全文
摘要：前言 最近使用 weui 里面的 datepicker 组件的时候遇到了一个问题： 弹出来 选择年月日的框之后，直接点击导航上的“返回” 按钮，picker 选框不消失，也就是弹出框不消失 然后你点返回的时候弹出框不消失 查阅了相关文档和资料 我是在返回那个页面 的 mounted（）的方法里面。代
阅读全文
摘要：前言 也是很少来写博客了，也是赖吧，哈哈 最近新的进度里有上传图片太大，需要前台进行图片压缩问题，然后查阅了相关资料 上传图片大于100* 1024 的用canvas 来压缩来解决 然后IOS拍照上传会有图片旋转的问题，然后用了github 上的exif.js很好的插件，项目里面npm instal
阅读全文
摘要：前言 Vue 中是单页面，当然需要刷新数据咯 你一定遇到这样的需求：：比如在删除或者增加一条记录的时候希望当前页面可以重新刷新或者 这个页面有个组件 ，但是这个组件里面的点击事件还是到当前页面 怎么就解决 1.在使用Vue-router做项目时，会遇到如/serviceId/:id这样只改变id号的
阅读全文
摘要：前言 在Vue构建的单页面应用（SPA）中，路由模块一般使用vue-router。vue-router不保存被切换组件的状态， 它进行push或者replace时，旧组件会被销毁，而新组件会被新建，走一遍完整的生命周期。 但有时候，我们有一些需求，比如跳转到详情页面时，需要保持列表页的滚动条的深度，
阅读全文
摘要：前言 用Vue做项目，难免会有痛点，移动端还是PC端，我也总结了下关于问题： 进入详情页的传参问题。 服务器接口跨域 axios封装请求 UI库的按需加载 如何只在当前页面中覆盖ui库中组件的样式 定时器问题 rem文件的导入问题 打包后生成很大的.map文件的问题 fastClick的300ms延
阅读全文
摘要：props是不能改变的 项目里遇到一个问题，就是props的组件内是不能改变，就像react中的props值也是不能改变的， 所以我在用的时候竟然忽略了这个点。真的要反省反省， 下面就是这个报错的问题： use a data or computed property based on the pro
阅读全文
摘要：拦截器 顾名思义： 就是半路个您劫持， 拦截器 其实在项目和自己写demo中，总会遇到请求方面需要在请求头里面做判断或者添加一些东西， 这时候 vue 中应用中axios的 interceptors 其的就能帮助我们做这些事情 拦截请求 比如需要在请求头里面加入 token和 签名 加强请求安全性。
阅读全文
摘要：vue中监听滚动的方法其实可以用： :scrollTop(滚动之根本)，document.body.scrollTop的值来实现滚动，但是后来逐渐发现很邪门， 有时给其赋值并没有作用，就是不能监听滚动后来知道 用window.addEventListener 来监听页面的滚动 ，然后在结合（如果没有
阅读全文
浙公网安备 33010602011771号