Record-21-01

Record

Publish Date: 2021-01-09

Update Date: 2021-01-09

Word Count: 533

Read Times: 2 Min

Read Count:

P

浏览器默认换行规则
内容结果 -
‘这是一段中文字符串’ 换行 white-space: nowrap
‘abcdefghijklmn’ 不换 –
‘1231231231313123’ 不换 –
http response 中有关于地址字符串的数据丢失(疑似后端问题)
后端返回浏览器中 network response 备注
‘https://sourcegraph.com/' ‘S//sourcegraph.com/‘ ..
vue-router 3.1 当前页面跳转当前页面，控制台报错，页面无法正常跳转
- vue-router 没有提供直接更改浏览器地址栏中参数的 api，导致跳转当前页面时，可以自己控制数据更新，但是地址栏内参数不变
- this 指向问题，重写 router.push 方式强制修改调用 this
- 跳转空页面，再跳回当前页面
- google 了一下说 vue-router 3.0 后解决了地址栏更新问题，但是会产生不会触发组件数据生命周期的问题，但是 vue-router 3.1 失败了，未验证
vue 组件接受到的 props 类似于 const 类型，但是如果是引用则可以修改其属性，并且会影响到父组件内
```
<son :info="son"></son>
```
```
let son = {
  age: 10,
}

//在son内部修改
info.age = 11
console.log(son.age) // 11
```

内容	结果	-
‘这是一段中文字符串’	换行	white-space: nowrap
‘abcdefghijklmn’	不换	–
‘1231231231313123’	不换	–

后端返回	浏览器中 network response	备注
‘https://sourcegraph.com/'	‘S//sourcegraph.com/‘	..

滚动条挤压页面内容影响布局

/* 方案 1 */
.div {
  /* overflow-y: overlay;  chrome兼容 */
}

/* 方法 2 */
html {
  overflow-y: scroll; //这是为了兼容 ie8，不支持:root, vw
}

:root {
  overflow-y: auto;
  overflow-x: hidden;
}

:root body {
  position: absolute;
}

body {
  width: 100vw;
  overflow: hidden;
}

/* 方法 3 */
* {
  margin: 0;
  padding: 0;
}
html {
  overflow-y: auto;
  overflow-x: hidden;
}
.container {
  height: 2000px;
  margin-right: calc(100% - 100vw);
  padding: 17px;
  background-color: #00b83f;
  text-align: right;
}