水冰月的小兔子的博客

项目中需要实现的一个需求是顶部有一个tab选择框,点选某一个tab的时候切换页面，并且支持手势滑动，左滑右滑可以同点选tab一样切换页面。根据项目中选用的ui组件cube-ui为基准查看了一下可实现的方案，比如可以直接用swipe或者是slide实现，但根据之前的实现方案来看，多少都会有些问题，尤其是在页面嵌套了很多层的垂直和水平滚动的情况下，会让滚动很不流畅。于是选用了移动端的touch事件...

在进行页面的账号密码等输入信息传输的时候，需要用到加密方法，那么前端可以使用简单的md5来进行加密若是在项目中引入了vux，则可以直接用vux中的md5加密方式，首先导入：import { md5 } from 'vux'然后使用：md（‘需要加密的内容’）那么信息就可以直接加密传输了...

现有的浏览器存贮方案：1.cookie:大小不超过4kb,每次请求发回服务器2.localStorage:大小2.5MB到10MB之间，不提供搜索功能，不能建立自定义索引indexDB是浏览器提供的本地数据库，可以被网页脚本创建和操作，允许存贮大量数据，提供查找接口，能建立索引。数据库类型而言，indexDB更接近NoSQL数据库。indexDB的特点：1.键值对储存：in...

调用微信的jssdk需要先绑定js安全域名，这个在微信公众号后台自己设置就可以了。 还需要引入js文件，但由于我使用了vux，它里面的WeChatPlugin这个插件可以直接用commonJS方式引用，不需要再引用jsw文件，所以我直接在main.js中引入了插件，代码如下import { WechatPlugin } from 'vux'Vue.use(WechatPlugin)co...

问题：现有三个页面a , b , c , 递进关系，a页面router.push跳转至b，b再router.push跳转至c，c使用$router.replace()回到b，然后点击b页面的返回键，需要点击两次才能回到a页面需求：c保持router.replace至b方式不变，b页面返回键点击一次正常返回a页面解决方法：使用replace方法之后，再使用router.go(-1)方法返回一次...

项目中有一个需求是在输入框输入文字的时候带出有相应内容的提示建议，第一个想法是自己写一个定位元素控制显示隐藏，然后前端进行筛选，仔细思考之后发现有很多问题，比如前端数据需要把数据全部请求过来，但是数据非常多的时候这个方法就不适用，并且还要自己去写模糊查询，下拉框的动画等也需要自己去写，所以我就放弃了自己造轮子的想法，改用elementUI中的组件。autocomplete 是一个可带输入建议的...

页面列表中需要加入滑动到底部加载新数据的功能，用了vue-scroller中的infinite方法，但还是会有问题，比如有时候上拉加载两次之后就不再加载新数据，目前还没找到解决方案。因为项目中刚好引用了vux，所以就改用vux的scroller,虽然已不再维护，但基本能满足业务需求。刚开始的使用方法如下： <scroller @on-scroll-bottom="infinite" lock...

1. 文档https://elemefe.github.io/vue-amap/#/2. 安装`npm install vue-amap --save`3. 引入地图在main.js中引入`import AMap from 'vue-amap';Vue.use(AMap);AMap.initAMapApiLoader({  key: 'your amap key',  plugin: ['AMap...

需求：    多个页面跳转同一个页面A，在页面A获取到一组数据的后返回上一页，然后把获取到的数据传回去。问题：    1.刚开始用路由来做，直接用的vue-router中的返回上一页方法，但是发现无法带参返回上一页    2.由于是多个页面异步的跳转同一个页面，所以返回的页面路由不确定，在页面A用带参路由跳转的方法不可行，还需要额外判断上一页的路由名称解决方案：    vuex状态管理，将需要从A...

在页面中经常会用到滚动，下拉刷新，下拉加载等功能，vux的scroller可以使用，但是它不再维护，而且要配合load-more组件一起使用。所以一般在项目中我都是用vue-scroller.vue-scroller文档1.在项目中安装：npm i vue-scroller -S2.在main.js中引用import VueScroller from 'vue-scroller'Vue.use(...

pdf.js是一款开源的pdf文档读取解析插件，可以直接在html中进行pdf预览。pdf可以直接下载，下载地址：http://mozilla.github.io/pdf.js/。pdf.js主要包含两个库文件，一个pdf.js和pdf.worker.js，一个负责api解析，一个负责核心解析。也可以直接进行下载使用，我这边使用的是cnpm下载。1. 安装 cnpm isntall --save ...