记录一些小问题

div标签默认情况下没有获得焦点focus()和失去焦点blur()两个事件。

解决方法：
给div标签加上 tabindex="-1" 属性，具有tabindex属性的标签就可以正常使用onfocus()和onblur()事件了。

===============================

关于时间框 date.getHours is not a function 报错问题解决

===============================

渐变

 /* 针对不支持渐变的浏览器 */
 background: pink;
 /*  Safari 5.1 到 6.0 */
 background: -webkit-linear-gradient(left, #fff, #000, #000, #000);
 /*  Opera 11.6 到 12.0 */
 background: -o-linear-gradient(right, #fff, #000, #000, #000);
 /*  Fx 3.6 到 15 */
 background: -moz-linear-gradient(right, #fff, #000, #000, #000);
 /* 标准语法（必须是最后一个） */
 background: linear-gradient(to right, #fff, #000, #000, #000);

==================================

避免界面打印时被分页截断 元素加上 page-break-inside: avoid

=================

vuerouter路由的跳转是可以有动画效果的

<router-view v-slot="{ Component }">
  <transition name="slide-left">
    <component :is="Component" />
  </transition>
</router-view>

下面在加上动画的css就可以了

注意：这个要求对应的路由文件必须只有一个根节点，否则会报错

blog.csdn.net/Asgfcsdn/ar…

或者

const routes = [
  {
    path: '/about',
    name: 'About',
    component: About,
    // 定义离开动画
    leave: (to, from, next) => {
      const el = document.getElementsByClassName('app')[0]
      el.style.transition = 'transform 0.3s, opacity 0.3s'
      el.style.transform = 'translate(0, 100%)'
      el.style.opacity = '0'
      setTimeout(next, 300)
    }
  },
]

www.php.cn/faq/582453.…

============================================================

axios的get方法没有携带参数

params是添加到url的请求字符串中的，用于get请求带参数。
data是添加到（body）中的， 用于post请求带参数。

==============================================================

线上的mongodb的集合需要设置密码，否则会出现数据丢失情况

=============================================================

在下载中，如果需要后端返回二进制数据，可以加{ responseType: 'blob' }，不然获取文件流再转Blob，会导致可以下载文件但不能正确打开 downloadFile: async (resource: string, fileName: string) => { return await request.get(/feedback/download/${fileName}, { responseType: 'blob' }).then(resp => resp); }

============================================================