qq_41562817的博客

背景：h5页面与安卓页面需要互相调用方法，作为h5开发人员，需要配合实现vue方法。methods中定义方法，然后在mounted()将其暴露在window上。直接在window上调用安卓提供的方法名。一、安卓调用vue方法。二、vue调用安卓方法。

建议使用 url（~绝对路径）不易出错。

页面滚动距离/网页顶部被卷去高度(+) scrollTop document.documentElement.scrollTop || document.body.scrollTop可视窗口高度 windowHeight document.documentElement.clientHeight || document.body.clientHeight。

故当前项目：测试登录地址http://xxx.xx.xx.x:3000/#/login 单点地址为http://xxx.xx.xx.x:3000/#/casLoad。背景：在原先正常登录的项目追加一个单点登录，所以我的逻辑代码都在casLoad页面。可能原因：部分门户A但不属于B的用户，在A处登录后来到B，验证B返回非200，于是又返回A，但是A认为成功登录又来到B......① 访问B系统单点登录页面检测到未登录，需要先跳转到cas认证中心(A)登录，获取票据。

keep-alive主要用于保留组件状态或避免重新渲染。其中，路由缓存适用于列表页 - 进入详情页 - 返回列表页。

原理：rem 是相对单位，它的参考对象是根元素html的字体大小，如font-size：16px，那么1rem = 16px，box宽为320px即20rem。实现：监听屏幕宽度，计算根元素的fontsize大小，由此动态改变rem对应的像素大小。

console.log(config.url) //实际为 未拼接前的后面那串路由地址。console.log(config.data) //对象，是当前接口的传参。proxy是否配置上，可通过浏览器网络里 接口请求的地址判断。六、axios.all 和 promise.all 都能实现并发请求。2. post 请求。

2.1 组件methods调用actions里的异步方法，actions(context,payload)，context对象可调用commit方法触发mutations方法。2.2 mutations里的同步方法用来修改state中的数据，mutations(state,payload)使用reducer() 指定存储模块 ，参数val是个对象，包含根模块的state、modules内容。vuex的数据是响应式的，但在页面刷新时就会丢失，因此可以借助本地存储（缺点数据不响应）实现持久化。

文件切片上传，仅学习记录

当本地文件放在src下的assets文件夹时，webpack在打包时会对其进行处理，导致后续文件路径找不到的问题。2. download属性，能够重命名文件的名称（即下载的文件名称为 “模板名称_中文”）解决方式：在href路径上，改“/static”为“./static”webpack 打包时，不会对public文件进行修改；需求：vue2 + webpack , 点击下载模板，实现本地资源下载。问题：打包至测试环境，发现文件路径找不到。二、本地文件存放在public文件下。