vue中的路由传参主要是分为两种方式：params和query。主要用法就是写在push函数的参数对象中：this.$route.push({});params的写法：this.$router.push({name: 'myPathName', params: {id: '1234'}});在目标页面获取idlet id = this.$route.params.id;...

之前的canvas小游戏系列欢迎大家戳：《VUE实现一个Flappy Bird~~~》《VUE+Canvas实现上吊火柴人猜单词游戏》《VUE+Canvas 实现桌面弹球消砖块小游戏》《VUE+Canvas实现雷霆战机打字类小游戏》《VUE+Canvas实现财神爷接元宝小游戏》在布局上，五子棋相比那些目标是随机运动的游戏，实现起来相对简单许多，思路也很清晰，总共分为：（1）画棋盘；（2）监听点击事

大家都玩过弹球消砖块游戏，左右键控制最底端的一个小木板平移，接住掉落的小球，将球弹起后消除画面上方的一堆砖块。那么用VUE+Canvas如何来实现呢？实现思路很简单，首先来拆分一下要画在画布上的内容：（1）用键盘左右按键控制平移的木板；（2）在画布内四处弹跳的小球；（3）固定在画面上方，并且被球碰撞后就消失的一堆砖块。将上述三种对象，用requestAnimationFrame()函数平移运动起来

项目中前端需要统一处理后端返回的状态码并给出弹窗提示，需要在全局环境下对axios设置拦截器。类似于401、403、500等状态码都可以在error回调中捕获到，但是302状态码是捕获不到的，因为当状态时302时，浏览器自行根据redirectUrl进行了跳转，所以无法在success回调中捕获弹窗，前端是无能为力的。解决办法：后端将302状态统一用401返回。axios.int...

项目中前端需要统一处理后端返回的状态码并给出弹窗提示，需要在全局环境下对axios设置拦截器。类似于401、403、500等状态码都可以在error回调中捕获到，但是302状态码是捕获不到的，因为当状态时302时，浏览器自行根据redirectUrl进行了跳转，所以无法在success回调中捕获弹窗，前端是无能为力的。解决办法：后端将302状态统一用401返回。axios.int...

使用框架：vue-element-admin需求场景：有两个菜单页面都是表格，而且内容基本相似。避免代码冗余在router.js使用动态路由匹配，通过$route.params.type字段来判断显示，并且面包屑和标签栏显示对应的title。1、首先，动态路由匹配很简单，写上：{path: "content-monitor/:type",name: "content-monitor",compon

最近开发嵌入app的h5页面，美工在给的高保图中有些色彩是“#ff822aff”的写法，与rgba类似，最后两位是透明度的意思。但是这种写法导致部分颜色在安卓手机上失效，无法正常显示相应的颜色。在ios和web上都是正常的。解决办法：将最后两位是ff的8位hex删掉'ff'，改为6位hex；如果不是ff，证明是含有透明度的，找到对应的透明度数值后，用rgba表示。...