Ryan Shang

生死看淡,不服就干

0%

1. 打包出现无用html

KA管理员平台登录页面复用KA客户平台登录页面,登录页面需要把部分js通过Webpack打包方式插入到页面中。由于管理员平台采用Vue-Cli3,Vue-Cli3中帮我们处理了需要HtmlWebpackPlugin的地方,在vue.config.js中配置page就会自动编译为HtmlWebpackPlugin的相关配置。但因为登录页面login.html中需要打包进去几个js文件,js文件如果也写在pages配置中,会导致build后多出无用的html文件。

2-1-1-1

如上图,这样打包会导致出现hover3D.html、stage.html和logincss.html几个无用文件。

解决方案是把除了index的部分注释掉,然后把login相关配置写在configureWebpack中。沿用以前的配置,配置写在entry中(不过官方貌似不推荐这么做),然后配置登录页的HtmlWebpackPlugin插件。Vue-Cli3会把configureWebpack中的内容merge到webpack的配置中去。

阅读全文 »

最近某个业务需求,需要在某个时刻更新页面数据,因为有些页面接口比较多,全部采取直接刷新页面的方式。页面刷新有两种方式,window.location.reload()和this.$router.go(0)。但是两种刷新会导致清空store,部分需要store数据支持的功能就会出现问题。为了保证store的数据,使路由变成其他再变回来可能是比较好的方式。

为了不影响其他页面,所以写了个refresh.vue的页面,专门用来刷新页面。需要刷新的时候,跳转到refresh页面。refresh.vue只有一个beforeRouteEnter的方法。

2-2-2-1

2-2-2-2

原本选用的是vue-router的push和go方法搭配,后面发现这样处理浏览器的前进按钮会启用,但是前进后无反应,比较怪异,最后选择用vue-router的replace替代,replace()方法会替换当前路由,不会对浏览器路由造成影响。

阅读全文 »

本文转载自知乎@大笑,原文链接:https://zhuanlan.zhihu.com/p/55887740

先来几个专业词汇,这样显得高大上一点(不存在的=。=)

BDD: Behavior-Driven Development (行为驱动开发)
TDD: Test-Driven Development (测试驱动开发)
ATDD: Acceptance Test Driven Development(验收测试驱动开发)

好,说完了,然后我们废话不多说,直接进入正题。我会从多个测试框架入手,结合各种断言库,用代码方式说明。


阅读全文 »

这段时间,某个需求中,有个功能,需要点击一个button复制某段显示出来的text,于是需要自己动手简单封装一个copy方法。

首先,完成复制,必须调用document的一个api:

1
document.execCommand('copy');

execCommand的api链接:https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand

这个是必须的,接下来,来介绍下大体思路:

阅读全文 »

1. 问题描述

1-1-1

初始需求要求一个刮刮卡的效果,代码完成后,发现计算没有问题,但是结果和触摸点偏移,如上图(仅供参考,不代表实际情况)

2. 原因

1-2-1

阅读全文 »