项目中的问题

1.vue打包后静态资源图片失效

项目中的图片路径是动态的，打包后找不到图片，需要用require() 引入路径

2.react 项目打包后寻找项目路径错误

静态资源直接从根节点进行

package.json文件中，增加 “homepage”:“./” （ 路径根据实际情况填写），字段和name同级

3.关于iframe

项目中因为要两个项目进行嵌套，采用了iframe。
情况：现在 在子iframe点击按钮后对父容器发送信息，通过 window.parent.postMessage({msg:"发送的消息"}, '*') ,但在发现在父页面，再打开iframe，进行对父页面进行消息传递后，然后从iframe页面中回退到上一个页面，然后再进入进入iframe页面，然后再进行消息传递，会发现父页面监听到的消息会比原来增加一条，对以上的操作每重复一次，消息就会增加一条。

// 父页面原来采用这种方式监听数据
 // 接收子页面传送的数据
// window.addEventListener('message',event =>{
//   console.log(event.data)
// });

// 后来采用以下方式监听，这种方式是只接收一条消息，但子iframe发送的消息任然是递增的。
window.onmessage=function(event) {
	console.log("接收子页面传送的数据")
}

// 后来想到或许数据可以采用websocket进行传递

4.flex-shrink 不生效

在flex的元素中，元素使用了transform：scal 对元素进行缩放，导致在使用flex-shrink :0 不生效