补充实习小总结

1. 跨域问题

呃，老大说跨域有时候是后端的问题，因为之前采用json也没进入成功；后面又遇到跨域问题，这回是没有给路径进行补充，下面这个是进行的一个小的proxy的代理；

'/bizlog' : {
    target: '' // 域名地址啥的
    changeOrigin: true
}

嗯，看网上还有其他的方法，

2. img加载，外部图片能够进行加载，内部组件也可以获得动态图片的地址，但是渲染时，图片显现不出，src上为undefined。

        原先的请求时放在父组件中的，一开始图片不回有，要组件进行刷新后才会显现，后将请求放在子组件中即可。（有可能会问道组件渲染的生命周期）

3. 样式，一个div盒子内部，几个div盒子不在一个水平线上；

        用 float 或者 基线(但要用在盒子本身)，vertical-align：top/midde/baseline/bottom。（慎说，因为可能会问到，你知道产生这种现象的原因么？）

4. antd 库中，图标与数据返回名字不存在；

5. 使用 input， 其中 defaultValue 不起作用， 使用 value 无法删除一开始就有的值；

        要加 key，保证值的唯一性。

6. 输入输出搜索，中文

        监听输入法 compositionstart、compositionend， 用 iscomposition 判断 是否处于 中文过程。（可能会问道，ie 与 chorm 输入监听的顺序，即浏览器的一个兼容问题。）

7. 接收到的数据有很多条的时候怎么办？

        首先是跟后端商量，看是否能在后端直接进行后端的分页，这样前端只需要传入 当前页码以及当前页面所需的最大条数就行；

        如果要求的是不能分页，一次性调用请求接收数据，此时可以用 异步任务+二维数组 ，从而进行分批导入。下面这个是从其他地方 copy 过来的

	groupData(data,split) {
			let result = [];
			let groupItem;
			for (var i = 0; i < data.length; i++) {
				//每20条数据分割为一个数组
				if (i % split == 0) {
					groupItem != null && result.push(groupItem);
					groupItem = [];
					console.log(groupItem,'start')
				}
				groupItem.push(data[i]);
				console.log(groupItem,'itemmm')
			}
			result.push(groupItem);
			console.log(result,'resultlll')
			return result;
		},
 
findBuyinfoBYidApi() {
			findBuyinfoBYid({
				id: this.RushBuyId
			}).then(res => {
				if (res.data.result.records && res.data.result.records.length > 0) {
					首先先不将数据绑定 而是定义临时变量保存
 					let data = res.data.result.records; //包含大量数据的数组
                    调用提前封装好的方法 将n条数据分割为20份 也就是每20条数据为一个数组
					let groupData = this.groupData(data,20); 
                    最终将得出一个二位数组 里面数组又嵌套了实际的数据 
					for (let i = 0; i < groupData.length; i++) {
						setTimeout(() => {
                            异步任务加入  每i*1000秒  并解构数据将数据实际传递
							this.VerticalSwiper.push(...groupData[i]);
						}, 1000 * i);
					}
				}
			})
		},
 
 

https://juejin.cn/post/7097100800438042660, 一些问题。