跟搭档在BOSS直聘发现了一个前端小秘密

　　一位搭档 - 后端架构师小哥哥想给HR做一个主动检查下一个简历的东西，又不想做得杂乱，不想做成浏览器插件这种，所以手写JS代码，想在浏览器中的console操控台写代码就主动履行，完成翻开简历后若干秒主动检查下一个简历的功用

　　当搭档小哥哥在操控台写在JS代码时分，用document.querySelect这个API一向获取不到DOM节点，我其时觉得他写的选择器不对劲，所以要他简化了下选择器,发现仍是获取不到DOM节点

　　所以亲身上场，发现经过document.querySelect这个API一直获取不到对应的按钮DOM节点，所以乎，我想到咱们的SASS系统，里边存在iframe页面跟qiankun微前端架构，我在想这个BOSS直聘是不是也存在这种状况？

　　可是大型的项目，必定不是单技能栈。应该是杂乱的技能栈系统结合而来，所以一个大的网站或许是MPA+SPA的混合体

　　例如咱们能够看到上面的主页，他便是一个MPA运用，以及下面的这个页面，他们都需求SEO，便是查找引擎优化，需求被查找到

　　首要这儿阐明：SPA不是按摩，而是单页面运用，像现在的单页面和多页面运用差异如下：

　　在我看来两者都有各自的优点，仅仅单页面结构现在的生态更丰厚，开发功率更高了。不过多页面+JQUERY也是还有许多项目在运用

　　进入简历的列表，发现BOSS直聘的简历列表页面，用的是iframe指向了一个/vue/xxx的链接，阐明是一个MPA的项目壳子 套了一个iframe链接地址

　　引荐拓宽阅览：《微前端》系列文章，手机端点开 前端巅峰大众号，主页点击或查找关键字 微前端

　　我想或许boss直聘想接入新的技能栈vue，可是用的iframe形式，没有运用qiankun这种基座形式做微前端吧

　　咱们在父级项目中直接去获取iframe中的元素节点是不能够的，需求做以下处理：

　　只要写一个定时器,获取到对应dom节点，每隔对应时刻就触发一下click办法即可

　　其实这个功用的中心起点是经过代码去改造已有的网站项目，一般状况下主张写一个浏览器拓宽插件,这种需求咱们日常也会用得上

　　书签操控；下载操控；窗口操控；标签操控；网络恳求操控，各类事情监听；自定义原生菜单；完善的通讯机制；有爱好的朋友能够看看这篇文章，十分钟入门谷歌浏览器插件开发：

　　这种插件的实用性是不是十分强呢？我觉得只要是能提高日常的工作功率，舒适度的插件，都是能够考虑去做的。