确实一眼看上去好像实现了微前端，实则却没有解决微前端里面的几个问题。兄弟子项目window的区分，如一个使用vue1.x一个使用vue2.x；父子项目window的区分，如一个使用vue1.x,一个使用vue2.x；有一些微前端限制了实现技术栈，比如vue实现微前端，react实现微前端；最为著名的当属阿里的乾坤，乾坤引入了沙箱概念，解决了项目切换的时候window不污染下一个项目的问题，但是只能

1、 通过jsonp跨域2、 document.domain + iframe跨域3、 location.hash + iframe4、 window.name + iframe跨域5、 postMessage跨域6、 跨域资源共享（CORS）7、 nginx代理跨域8、 nodejs中间件代理跨域9、 WebSocket协议跨域...

签合同，要分三步：1.创建新建合同 2.设计合同内容结构 3.要遵守合同的行为规范（对应创建，结构，行为三部分）口诀：单原二厂建(创建类的5个模式，二厂是指简单工厂和抽象工厂)桥(帮)组享外带装适 (结构类的6个模式)观摩(模)命职状房(访)中洁厕(解策)备跌(迭)设计模式主要分三个类型:创建型、结构型和行为型。创建型有：一、Singleton，单例模式：保证一个类只有一个实例，并提供一个访问它的

实战例子：Solidity代码小失误导致池子里60万USDT被盗空被盗原因：利用token的漏洞查看合约地址先看这笔交易：黑客用0.04个eth换了112个USDT再用112个USDT换了101个TCR关键这步：101个TCR换了63.9万USDT(价值400万RMB)，如下图第一步，点击这里第二步,点address第三步，点contract，就可以看合约源码了/***Submitted for

mixins和vuex区别Mixins：可以定义共用的变量，在每个组件中使用，引入组件中之后，各个变量是相互独立的，值的修改在组件中不会相互影响。如果相同对象，组件会覆盖mixinsMixins，中文意思是混入，所以它的功能是混合。对象和引人mixins的组件混合。vuex：用来做状态管理的，里面定义的变量在每个组件中均可以使用和修改，在任一组件中修改此变量的值之后，其他组件中此变量的值也会随之修

近来研究前端，然后一直在百度上找VScode格式化（ESlint）的插件，结果找了半天都不靠谱。目前没有一个可以格式化html、css、符合ESlint的js、vue的插件，所以自己东拼西凑加实践找到解决方法。解决方案：1、安装插件1）ESlint：javascript代码检测工具，可以配置每次保存时格式化js，但每次保存只格式化一点点，你得连续按住Ctrl+S好几次,才格式化好，自行体会~...

1.vue由于javascript的限制，对象属性的增加和删除，不能及时更新视图view因为若一个对象的属性没有在data中声明，则他就不是响应式的。由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程，这样的话这个对象属性就是响应式的。而执行这个过程必须在data中声明才会有。var vm = new Vue({data:{a:1// vm.a 是响应的}})vm.b

npm run build打包时，文件路径可能出错。在浏览器chrome中报错，路径错了。可以修改vue.config.js，如果没有这个文件，可以手动添加，放在package.json同级module.exports = {/* 部署生产环境和开发环境下的URL：可对当前环境进行区分，baseUrl 从 Vue CLI 3.3 起已弃用，要使用publicPath */...

Vue实现页面刷新（不闪白）普通方法：location.reload();this.$router.go(0);这两种方法会强制刷新页面，会出现短暂的空白闪烁使用 provide和inject这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。简单来说就是子孙组件可以访问到祖先的对象方法。在 App.vue 文件里写入pr

vue打开慢，有空白的时间，优化方案：1.看看你的依赖包是不是全局引入的，改为组件内按需引入，可大大降低加载时长。或者将组件引入方式改为cdn引入。需要注意的是，两种引入方式不能共存。2.看network，点击ALL，看看哪些文件加载时间长，针对性的优化，静态文件压缩、js文件切片等3.使用compression-webpack-plugin插件，修改配置文件，production环境下对超过10