web开发中经常使用技术

iframe与父页面、子页面的交互
https://blog.csdn.net/lihefei_coder/article/details/78635558

鼠标悬停 箭头变手 style=’cursor: pointer;’

Js/Jquery获取网页屏幕可见区域高度
https://www.cnblogs.com/whb17bcdq/p/6513766.html

$(window).resize(function() { //当浏览器大小变化时
        var height= $('body').height() ;
        var width= $('body').width();

    });

/*必选项红点*/
.required:after {
    position: relative;
    top: 4px;
    display: inline-block;
    font-size: 17px;
    color: #ea644a;
    content: '*';
    right: 0px;
    margin-right: 5px;
}
                        <p>
                            <span class="required"></span><span>方案号:</span>
                        </p>

伪类link,hover,active,visited,focus的区别
:active 向被激活的元素添加样式。
:focus 向拥有键盘输入焦点的元素添加样式。
:hover 当鼠标悬浮在元素上方时，向元素添加样式。
:link 向未被访问的连接添加样式。
:visited 向已被访问的连接添加样式。

阴影
box-shadow: 0px 0px 3px #1ea695;

阻止原始帧“null”访问交叉源帧 - chrome
Blocked a frame with origin “null” from accessing a cross-origin frame.
https://stackoverflow.com/questions/29983786/blocked-a-frame-of-origin-null-from-accessing-a-cross-origin-frame-chrome