export default 与 modules.export 与 export 区别
- export default :导出一个对象
例如:export default { a, b, c}
import QAQ from '@/utils/storage'
调用:QAQ.a('参数')
- export:逐个导出
export const a = ()=>{ }
import { a, b } from '@/utils/storage'
a('参数')
CSS中 content属性是干嘛的?
flex-shrink :
某一项,不参与flex空间计算。别人评分1份的时候,他不算在内,但是他要占据空间
bug: User must be authorized
请求参数里面的header 里面的 authorized没有被识别到。原因可能是authorized 或者 header⭐单词写错⭐,其中 header必须是小写
组件vant/ VUE 样式不起效果 / scoped里面 样式不起效果
原因,因为webpack对样式加工,添加编码等等,导致我们写的样式 路径跟webpack处理后的不匹配。
详细见: https://www.jb51.net/article/188038.htm 。
获取还有一种给处理方法:去掉scope 或者 写在全局(危险)。
::v-deep 优于 /deep/ 或者 >>>
⭐.father[data-v-bc2d8efa] .son⭐( 加工后的路径)
.father{
/deep/ .son{
max-width: unset ;
}
}
记住位置的滚动:
vh vw 视口高/宽 视口宽高不依赖于父元素,*用于做记住位置的滚动*有奇效。
图片加载不出来 / 第三方图片加载不出来 / 错误码 403 :
第三方网站拒绝给予图片,因为我们获取图片使用的爬虫,是有可能被拒绝的。解决办法:在HTML头部不添加 referrer,不添加referrer 对方网站就不知道你从哪里来的的了,姑且认为是自己人。在HTML头部添加<meta name="referrer" content="no-referrer">
⭐文本⭐垂直居中:
行高==高度 或者 字体==高度 +行高=0
掉过的坑:
- element-ui input 去除空白 v-model.trim()
- 组件通信所有办法:组件通信
- 格式化语言,text文本转换为html文本,vue:v-html属性
- 用来发请求的材料,不管是字符串/数字/还是别的 ,初始值全部复制为null,别设置为'' ,否则后端就把这个当空格字符串处理啊呜呜呜(注意''或者' '都不行)
- form表单 表格的布局:flex 来做,flex-wrap:wrap 换行
- element ui 单选:element每个单选选项的值是通过label绑定的。至于中文提示,是直接用文本 {{文本}} 显示的。