项目随机问题笔记

一、前端项目启动的命令

启动项目依赖：npm install

安装cross-env模块：npm i cross-env --save-dev

启动报错时试试这个 npm install node-sass (安装sass)

启动项目命令1 npm run dev

启动项目命令2 npm run start

启动项目命令3 npm start

二、前端中的几个空格符

HTML提供了5种空格实体

1、    它叫不换行空格，常规空格的宽度，可运行于所有主流浏览器，它是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的（只算1个）。要使用html实体表示才可累加，该空格占据宽度受字体影响明显而强烈。

2、    它叫“半角空格”，等同于字体度的一半（如16px字体中就是8px）。名义上是小写字母n的宽度。其占据的宽度正好是1/2个中文宽度，而且基本上不受字体影响。

3、    它叫“全角空格”，其占据的宽度正好是1个中文宽度，而且基本上不受字体影响。

4、    它叫窄空格，占据的宽度比较小。中文宽度的六分之一。

5、‌   它叫零宽不连字，是一个不打印字符，放在电子文本的两个字符之间，抑制本来会发生的连字，而是以这两个字符原本的字形来绘制。

6、‍   它叫零宽连字，是一个不打印字符，放在某些需要复杂排版语言（如阿拉伯语、印地语）的两个字符之间，使得这两个本不会发生连字的字符产生了连字效果。

同时，浏览器还会把以下字符当作空白进行解析：

空格( )、制表位(	)、换行(
)、回车(
)、全角字符(　)

三、css图片自适应方法

使用css属性：object-fit

1、object-fit: fill;   默认值。内容拉伸填满整个content box, 不保证保持原有的比例。

2、object-fit: contain;  保持原有尺寸比例。长度和高度中长的那条边跟容器大小一致，长的那条等比缩放，可能会有留白。

3、object-fit: cover;   保持原有尺寸比例。宽度和高度中短的那条边跟容器大小一致，短的那条等比缩放。可能会有部分区域不可见。

4、object-fit: none;   保持原有尺寸比例。同时保持替换内容原始尺寸大小。

5、object-fit: scale-down;   保持原有尺寸比例,如果容器尺寸大于图片内容尺寸，保持图片的原有尺寸，不会放大失真；容器尺寸小于图片内容尺寸，用法跟contain一样。

四、form表单的初始值和赋值问题

1、initialValue：初始状态就存在的值，默认值，但是改变后就会消失。

2、setFieldsValue:可以多次改变的值，利用form的useForm()来改变，进行赋值运算。

const [form] = Form.useForm();form.setFieldsValue({ file_title: '身份证件复印件',file_name:‘文件名字’,});

五、CSS样式修改

css修改样式的时候，/deep/ 或者 >>>,都不能控制到，这个时候可以用两个方法：

1、样式写在全局样式中，global.less.里面所有属性后面都加上!important,就可以改变原来的样式。更改默认的CSS样式的优先级规则，使该条样式属性声明具有最高优先级，(IE6以下认为这个优先级低，包含IE6)

2、用:global{ .name{ fontSize:16 } },推荐这个！