内网开发 iframe加载顺序
时间: 2024-08-13 17:01:39 浏览: 62
内网开发中的iframe加载顺序通常取决于浏览器的渲染机制以及网络请求的优先级。当在一个页面(宿主页面)中嵌套了另一个页面(iframe内容)时,加载过程会按照以下几个步骤:
1. **解析HTML**: 浏览器开始解析包含iframe的HTML文档,识别出iframe标签。
2. **创建iframe元素**: 浏览器为iframe创建一个新的独立窗口对象,虽然它是一个嵌入式窗口,但它有自己的生命周期。
3. **初始化src属性**: 如果iframe有`src`属性,浏览器会尝试发起到指定URL的HTTP请求获取iframe的内容。
4. **源文档加载**: 主体页面继续加载,而iframe的内容开始异步加载。这可能会阻塞主体页面的其他资源下载,尤其是如果iframe的src地址不在同一域下,因为浏览器有同源策略限制。
5. **DOMContentLoaded事件**: 当iframe的内容加载完成并可以被DOM访问时,DOMContentLoaded事件触发,此时内部页面的一些基本结构已经可用。
6. **onLoad事件**: iframe的`onLoad`事件会在其所有资源(如图片、脚本等)都加载完成后触发。
7. **主体页面继续**: 同时,主体页面不会等待iframe完全加载,而是继续执行后续的JavaScript代码。
相关问题
银行内网开发没有lombok
对于银行内网开发而言,使用Lombok是一种常见的做法,但并不是必须的。Lombok是一个Java库,可以通过注解来简化代码,减少样板代码的编写。它提供了一些注解,如@Data、@Getter、@Setter等,可以自动生成相应的getter、setter方法,从而简化了开发过程。
然而,银行内网开发可能对代码的可控性和安全性有更高的要求。在某些情况下,银行可能选择不使用Lombok,以便更加精确地控制代码生成和减少潜在的安全风险。此外,银行内网开发往往有严格的审查和合规流程,使用第三方库可能需要经过额外的审批和测试。
因此,银行内网开发是否使用Lombok取决于具体的需求和安全要求。即使没有Lombok,开发人员仍然可以手动编写getter、setter等方法,以满足业务需求。
springboot+vue内网开发
对于 Spring Boot 和 Vue 的内网开发,需要考虑以下几个方面:
1. 配置后端接口跨域访问
在 Spring Boot 中,可以使用 `@CrossOrigin` 注解或者 `WebMvcConfigurer` 配置类来允许跨域访问后端接口。具体操作可以参考 Spring Boot 官方文档。
2. 配置前端代理
在 Vue CLI 3.x 中,可以使用 `vue.config.js` 文件来配置前端代理。具体操作可以参考 Vue CLI 官方文档。
3. 配置后端和前端的端口号
在开发环境中,后端和前端的端口号需要分别配置,以避免端口冲突。可以在 Spring Boot 中使用 `application.yml` 或者 `application.properties` 文件来配置后端端口号,在 Vue CLI 中使用 `.env.development` 文件来配置前端端口号。
4. 配置前后端联调
在开发过程中,需要通过前后端联调来验证接口的正确性。可以使用 Postman 或者 Swagger 等工具来测试后端接口,使用 Axios 或者 Fetch 等工具来调用后端接口。同时,可以在开发过程中使用 Chrome 或者 Firefox 等浏览器的开发者工具来查看前端的日志和网络请求。
总之,对于 Spring Boot 和 Vue 的内网开发,需要注意跨域访问、前端代理、端口号配置和联调等方面,才能更加顺畅地进行开发。