常见前端问题汇总(1)

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Hreticent/article/details/83870075

1. 301重定向和302重定向的区别
2. http状态码301和302详解及区别——辛酸的探索之路
3. img 是不是DOM节点？
4. 轮播图3D效果：参考链接地址
5. ajax中post方法传参数，会丢失&,%,+'，要转义
6. ajax 设置Access-Control-Allow-Origin实现跨域访问
7. git拉取远程分支并创建本地分支
8. git回退到某个历史版本

   git reset --hard 139dcfaa558e3276b30b6b2e5cbbb9c00bbdca96 

   哈希

9. 游戏有一个基本框架——启动画面、载入画面、预加载器、主菜单、视差滚动、声音、基于Box2D引擎的物理仿真、记分牌。有了这样一个基本框架，就能够在自己的游戏中反复使用它们。HTML5游戏开发（三）启动画面、菜单以及关卡

10. HTML5游戏Pocket Island源代码   github链接

11. css中h1~h6是多少像素

12. 做响应式网页，如何让一个div的高和宽保持比例放大 缩小？

    //方案一:响应式来做,可以根据媒体查询,设定在不同屏幕宽度下div的高度和宽度,具体的设置看你响应式想怎么显示
    @media only screen and (min-width: 100px) and (max-width: 640px) {
        div{
            width: 100px;
            height: 100px;
        }
    }
    @media only screen and (min-width: 641px) and (max-width: 789px) {
        div{
            width: 200px;
            height: 200px;
        }
    }
    //方案二:百分比来做,这里需要运用一个小技巧,padding用百分比做单位时是相对于容器的宽度来算的,所以你可以把高度设为0,内容自然溢出,设置个padding-bottom
    height:0;
    width:50%;
    padding-bottom:30%
    那么这个div的高宽比就是30%:50%

    图片 div 等比例缩小放大

13. div 在另一个div 中水平垂直居中  flex

14. html子元素不继承父元素（opacity）的解决方法

    //给父元素设置了背景颜色加透明,发现效果是子元素也继承了父元素的属性
    background-color: #000;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    //字也变的透明，如果不希望这样，可以把上面的代码用下面的代码来代替
    background: rgba(0,0,0,.3); 
    //这样字体就不会继承父元素的属性变的透明了。

    1

15. HTML5 body设置全屏背景图片 如何让body的背景图片自适应整个屏-