今天我们聊一下前端中非常基础的一个知识点——iframe跨域。

作为一名前端，在业务中你可能会遇到这样一个场景：自己开发的页面中需要通过iframe嵌入别人的页面，比如passport页面（登录），但是常常因为跨域问题，导致父子页面无法通信，这时我们就要想办法如何在跨域的情况下解决这个问题。

什么是跨域？协议、域名、端口三者中只要有一个不一样就是跨域！

假设我们有以下场景：

父页面a通过iframe内嵌子页面b，两页面之间想互相获取dom等信息，该怎么办？

　前言

在Selenium中，有三种常见的切换方式，分别是切换窗口（Window Handles）、切换框架（Frames）和切换警告框（Alerts）。下面详细解释这三种切换方式及其使用方法。

切换窗口（Window Handles）

内容：

• iframe 全屏显示

前端开发小伙伴们在页面布局的时候是不是经常会用到offsetHeight，今天就来讲下用法。

offsetHeight 是 HTML 元素的属性，用于获取元素的物理高度（包括内边距、边框和水平滚动条，但不包括外边距）。它返回一个整数值，表示元素的垂直尺寸。

用法详解

普通定位，相对定位，绝对定位、固定定位定位这四种。

但是很多零基础的前端小白都不知道这4种定位方式都有什么作用和区别，在使用的时候都很不灵活，要知道，想做好网页布局，这4个定位方式都是精髓呀，学好定位布局，前端开发轻轻松松！

那么今天我们就来讲解一下CSS中这4种定位的作用和区别！帮助大家搞清楚这4种布局的妙用！

最近在进行网页布局时，我们是不是经常会遇到需要将元素在页面中居中的需求？CSS 提供了多种方法来实现元素的居中，但每种方法都有其特点和适用场景。今天，我们就来深入探讨三种常见的居中方案：Flexbox、CSS Grid 和 Position 定位，看看它们各自的优劣，以及在实际开发中如何选择。

TLog概述

TLog提供了一种最简单的方式来解决日志追踪问题，它不收集日志，也不需要另外的存储空间，它只是自动的对你的日志进行打标签，自动生成TraceId贯穿你微服务的一整条链路。并且提供上下游节点信息。适合中小型企业以及想快速解决日志追踪问题的公司项目使用。

背景

随着微服务盛行，很多公司都把系统按照业务边界拆成了很多微服务，在排错查日志的时候，因为业务链路贯穿着很多微服务节点，导致定位某个请求的日志以及上下游业务的日志会变得有些困难。

这时候可能有的小伙伴就会想到使用SkyWalking，Pinpoint等分布式追踪系统来解决，并且这些系统通常都是无侵入性的，同时也会提供相对友好的管理界面来进行链路Span的查询，但是搭建分布式追踪系统还是需要一定的成本的，所以本文要说的并不是这些分布式追踪系统，而是一款简单、易用、几乎零侵入、适合中小型公司使用的日志追踪框架TLog。

本篇概览

• 在《Jaeger开发入门(java版)》一文中，咱们编码实现了span的创建和上报，如下图红框，虽然代码量不大，但是把这些代码写在业务代码中，侵入性太强，很多程序员都不喜欢：