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);
}
}
})
},