MajorMayer
/
index.html

<!DOCTYPE html>
<html lang="zh-Hans">
<head>

    <!--[if lt IE 9]>
        <style>body {display: none; background: none !important} </style>
        <meta http-equiv="Refresh" Content="0; url=//outdatedbrowser.com/" />
    <![endif]-->

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<meta name="author" content="MajorMayer" />


<meta property="og:type" content="website">
<meta property="og:title" content="MajorMayer">
<meta property="og:url" content="http://majormayer.oschina.io/index.html">
<meta property="og:site_name" content="MajorMayer">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="MajorMayer">

<link rel="apple-touch-icon" href= "/apple-touch-icon.png">


    <link rel="alternate" href="/atom.xml" title="MajorMayer" type="application/atom+xml">


    <link rel="shortcut icon" href="/favicon.png">


    <link href="//cdn.bootcss.com/animate.css/3.5.1/animate.min.css" rel="stylesheet">


    <link href="//cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.min.css" rel="stylesheet">


    <script src="//cdn.bootcss.com/pace/1.0.2/pace.min.js"></script>
    <link href="//cdn.bootcss.com/pace/1.0.2/themes/blue/pace-theme-minimal.css" rel="stylesheet">


<link rel="stylesheet" href="/css/style.css">


    <style> .article { opacity: 0;} </style>


<link href="//cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">


<title>MajorMayer</title>

<script src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="//cdn.bootcss.com/clipboard.js/1.5.10/clipboard.min.js"></script>

<script>
    var yiliaConfig = {
        fancybox: true,
        animate: true,
        isHome: true,
        isPost: false,
        isArchive: false,
        isTag: false,
        isCategory: false,
        fancybox_js: "//cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.min.js",
        scrollreveal: "//cdn.bootcss.com/scrollReveal.js/3.1.4/scrollreveal.min.js",
        search: true
    }
</script>


    <script>
        yiliaConfig.jquery_ui = [true, "//cdn.bootcss.com/jqueryui/1.10.4/jquery-ui.min.js", "//cdn.bootcss.com/jqueryui/1.10.4/css/jquery-ui.min.css"];
    </script>


    <script> yiliaConfig.rootUrl = "\/";</script>


</head>
<body>
  <div id="container">
    <div class="left-col">
    <div class="overlay"></div>
<div class="intrude-less">
    <header id="header" class="inner">
        <a href="/" class="profilepic">
            <img src="/img/avatar.jpg" class="animated zoomIn">
        </a>
        <hgroup>
          <h1 class="header-author"><a href="/">MajorMayer</a></h1>
        </hgroup>


            <form id="search-form">
            <input type="text" id="local-search-input" name="q" placeholder="search..." class="search form-control" autocomplete="off" autocorrect="off" searchonload="false" />
            <i class="fa fa-times" onclick="resetSearch()"></i>
            </form>
            <div id="local-search-result"></div>
            <p class='no-result'>No results found <i class='fa fa-spinner fa-pulse'></i></p>


            <div id="switch-btn" class="switch-btn">
                <div class="icon">
                    <div class="icon-ctn">
                        <div class="icon-wrap icon-house" data-idx="0">
                            <div class="birdhouse"></div>
                            <div class="birdhouse_holes"></div>
                        </div>
                        <div class="icon-wrap icon-ribbon hide" data-idx="1">
                            <div class="ribbon"></div>
                        </div>

                        <div class="icon-wrap icon-link hide" data-idx="2">
                            <div class="loopback_l"></div>
                            <div class="loopback_r"></div>
                        </div>


                        <div class="icon-wrap icon-me hide" data-idx="3">
                            <div class="user"></div>
                            <div class="shoulder"></div>
                        </div>

                    </div>

                </div>
                <div class="tips-box hide">
                    <div class="tips-arrow"></div>
                    <ul class="tips-inner">
                        <li>菜单</li>
                        <li>标签</li>

                        <li>友情链接</li>


                        <li>关于我</li>

                    </ul>
                </div>
            </div>


        <div id="switch-area" class="switch-area">
            <div class="switch-wrap">
                <section class="switch-part switch-part1">
                    <nav class="header-menu">
                        <ul>

                            <li><a href="/">主页</a></li>

                            <li><a href="/archives/">文章</a></li>

                            <li><a href="/nav/">导航</a></li>

                            <li><a href="/tags/">标签</a></li>

                            <li><a href="/demos/">作品</a></li>

                        </ul>
                    </nav>
                    <nav class="header-nav">
                        <ul class="social">

                                <a class="fa Email" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=bAoNAQMZH0IPBAMbLAoDFAENBQBCDwMB" title="Email"></a>

                                <a class="fa CSDN" href="http://blog.csdn.net/majormayer" title="CSDN"></a>

                                <a class="fa QQ" href="http://wpa.qq.com/msgrd?v=3&uin=1414294708&site=qq&menu=yes" title="QQ"></a>

                        </ul>
                    </nav>
                </section>


                <section class="switch-part switch-part2">
                    <div class="widget tagcloud" id="js-tagcloud">
                        <ul class="tag-list"><li class="tag-list-item"><a class="tag-list-link" href="/tags/css/">css</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/javascript/">javascript</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/系统/">系统</a></li></ul>
                    </div>
                </section>


                <section class="switch-part switch-part3">
                    <div id="js-friends">

                      <a class="main-nav-link switch-friends-link" href="https://majormayer.github.io/navigationMajor/">个站导航</a>

                      <a class="main-nav-link switch-friends-link" href="http://blog.csdn.net/majormayer">CSDN</a>

                    </div>
                </section>


                <section class="switch-part switch-part4">

                    <div id="js-aboutme">命 里 有 时 终 须 有 , 人 生 无 时 莫 强 求</div>
                </section>

            </div>
        </div>
    </header>
</div>
    </div>
    <div class="mid-col">
      <nav id="mobile-nav">
      <div class="overlay">
          <div class="slider-trigger"></div>
          <h1 class="header-author js-mobile-header hide"><a href="/" title="回到主页">MajorMayer</a></h1>
      </div>
    <div class="intrude-less">
        <header id="header" class="inner">
            <a href="/" class="profilepic">
                <img src="/img/avatar.jpg" class="animated zoomIn">
            </a>
            <hgroup>
              <h1 class="header-author"><a href="/" title="回到主页">MajorMayer</a></h1>
            </hgroup>

            <nav class="header-menu">
                <ul>

                    <li><a href="/">主页</a></li>

                    <li><a href="/archives/">文章</a></li>

                    <li><a href="/nav/">导航</a></li>

                    <li><a href="/tags/">标签</a></li>

                    <li><a href="/demos/">作品</a></li>

                <div class="clearfix"></div>
                </ul>
            </nav>
            <nav class="header-nav">
                        <ul class="social">

                                <a class="fa Email" target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=bAoNAQMZH0IPBAMbLAoDFAENBQBCDwMB" title="Email"></a>

                                <a class="fa CSDN" target="_blank" href="http://blog.csdn.net/majormayer" title="CSDN"></a>

                                <a class="fa QQ" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1414294708&site=qq&menu=yes" title="QQ"></a>

                        </ul>
            </nav>
        </header>
    </div>
    <link class="menu-list" tags="标签" friends="友情链接" about="关于我"/>
</nav>
      <div class="body-wrap">

    <article id="post-使用not()选择器来决定表单是否显示边框" class="article article-type-post" itemscope itemprop="blogPost">

    <div class="article-meta">
      <a href="/2017/02/08/使用not()选择器来决定表单是否显示边框/" class="article-date">
      <time datetime="2017-02-08T05:30:59.823Z" itemprop="datePublished">2017-02-08</time>
</a>


    <a href="/2017/02/08/使用not()选择器来决定表单是否显示边框/#comments" title="查看评论">
        <i class="fa fa-comments-o" aria-hidden="true"></i>
        <span class="count-comment"></span>

            <span class="ds-thread-count"  data-thread-key="2017/02/08/使用not()选择器来决定表单是否显示边框/" ></span>


    </a>

    </div>

  <div class="article-inner">

      <input type="hidden" class="isFancy" />


      <header class="article-header">


    <h1 itemprop="name">
      <a class="article-title" href="/2017/02/08/使用not()选择器来决定表单是否显示边框/">CSS 技巧 &gt; 使用 :Not() 选择器来决定表单是否显示边框</a>
    </h1>


      </header>


    <div class="article-entry" itemprop="articleBody">


              <p>利用<code>:not()</code>选择器可以匹配非指定元素/选择器的每个元素。<br>现在利用该选择器来实现一个导航栏效果<br>


    </div>

    <div class="article-info article-info-index">


    <div class="article-category tagcloud">
    <a class="article-category-link" href="/categories/前端/">前端</a>
    </div>


    <div class="article-tag tagcloud">
        <ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/css/">css</a></li></ul>
    </div>


        <p class="article-more-link">
          <a href="/2017/02/08/使用not()选择器来决定表单是否显示边框/#more">阅读全文 >></a>
        </p>

      <div class="clearfix"></div>
    </div>

  </div>

</article>


    <article id="post-公告(迁移报告)" class="article article-type-post" itemscope itemprop="blogPost">

    <div class="article-meta">
      <a href="/2017/01/17/公告(迁移报告)/" class="article-date">
      <time datetime="2017-01-17T03:19:07.691Z" itemprop="datePublished">2017-01-17</time>
</a>


    <a href="/2017/01/17/公告(迁移报告)/#comments" title="查看评论">
        <i class="fa fa-comments-o" aria-hidden="true"></i>
        <span class="count-comment"></span>

            <span class="ds-thread-count"  data-thread-key="2017/01/17/公告(迁移报告)/" ></span>


    </a>

    </div>

  <div class="article-inner">

      <input type="hidden" class="isFancy" />


      <header class="article-header">


    <h1 itemprop="name">
      <a class="article-title" href="/2017/01/17/公告(迁移报告)/">公告(迁移报告)</a>
    </h1>


      </header>


    <div class="article-entry" itemprop="articleBody">


              <p>我很懒,没有将CSDN的博文迁移到这里,请点击菜单栏CSDN图标查看更多文章。<br>


    </div>

    <div class="article-info article-info-index">


    <div class="article-category tagcloud">
    <a class="article-category-link" href="/categories/系统/">系统</a>
    </div>


    <div class="article-tag tagcloud">
        <ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/系统/">系统</a></li></ul>
    </div>


        <p class="article-more-link">
          <a href="/2017/01/17/公告(迁移报告)/#more">阅读全文 >></a>
        </p>

      <div class="clearfix"></div>
    </div>

  </div>

</article>


    <article id="post-javascript Thunk深入解析" class="article article-type-post" itemscope itemprop="blogPost">

    <div class="article-meta">
      <a href="/2017/01/17/javascript Thunk深入解析/" class="article-date">
      <time datetime="2017-01-17T02:45:27.929Z" itemprop="datePublished">2017-01-17</time>
</a>


    <a href="/2017/01/17/javascript Thunk深入解析/#comments" title="查看评论">
        <i class="fa fa-comments-o" aria-hidden="true"></i>
        <span class="count-comment"></span>

            <span class="ds-thread-count"  data-thread-key="2017/01/17/javascript Thunk深入解析/" ></span>


    </a>

    </div>

  <div class="article-inner">

      <input type="hidden" class="isFancy" />


      <header class="article-header">


    <h1 itemprop="name">
      <a class="article-title" href="/2017/01/17/javascript Thunk深入解析/">Javascript Thunk深入解析</a>
    </h1>


      </header>


    <div class="article-entry" itemprop="articleBody">


              <p>Thunk函数的诞生是源于一个编译器设计的问题：求值策略，即函数的参数到底应该何时求值。<br>


    </div>

    <div class="article-info article-info-index">


    <div class="article-category tagcloud">
    <a class="article-category-link" href="/categories/前端开发/">前端开发</a>
    </div>


    <div class="article-tag tagcloud">
        <ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/javascript/">javascript</a></li></ul>
    </div>


        <p class="article-more-link">
          <a href="/2017/01/17/javascript Thunk深入解析/#more">阅读全文 >></a>
        </p>

      <div class="clearfix"></div>
    </div>

  </div>

</article>


</div>
      <footer id="footer">
    <div class="outer">
        <div id="footer-info">
            <div class="footer-left">
                <i class="fa fa-copyright"></i>
                2017 MajorMayer
            </div>
            <div class="footer-right">
                小周周的博客
            </div>
        </div>

            <div class="visit">

                    <span id="busuanzi_container_site_pv" style='display:none'>
                        <span id="site-visit" title="本站到访数"><i class="fa fa-user" aria-hidden="true"></i><span id="busuanzi_value_site_uv"></span>
                        </span>
                    </span>


                    <span>| </span>


                    <span id="busuanzi_container_page_pv" style='display:none'>
                        <span id="page-visit"  title="本页阅读量"><i class="fa fa-eye animated infinite pulse" aria-hidden="true"></i><span id="busuanzi_value_page_pv"></span>
                        </span>
                    </span>

            </div>

    </div>
</footer>
    </div>

<script data-main="/js/main.js" src="//cdn.bootcss.com/require.js/2.2.0/require.min.js"></script>

    <script>
        $(document).ready(function() {
            var iPad = window.navigator.userAgent.indexOf('iPad');
            if (iPad > -1 || $(".left-col").css("display") === "none") {
                var bgColorList = ["#9db3f4", "#414141", "#e5a859", "#f5dfc6", "#c084a0", "#847e72", "#cd8390", "#996731"];
                var bgColor = Math.ceil(Math.random() * (bgColorList.length - 1));
                $("body").css({"background-color": bgColorList[bgColor], "background-size": "cover"});
            }
            else {
                var backgroundnum = 5;
                var backgroundimg = "url(/background/bg-x.jpg)".replace(/x/gi, Math.ceil(Math.random() * backgroundnum));
                $("body").css({"background": backgroundimg, "background-attachment": "fixed", "background-size": "cover"});
            }
        })
    </script>


        <script>
            if ($(".left-col").is(":visible")) {
                var duoshuoQuery = {short_name:"majormayer"};
                (function() {
                    var d = document, s = d.createElement('script');
                    s.src = 'http://static.duoshuo.com/embed.js';
                    s.async = true; s.charset = 'UTF-8';
                    (d.head || d.body).appendChild(s);
                })();

                $(document).ready(function(){
                    var $duoshuoCount = $(".ds-thread-count");
                    $duoshuoCount.bind("DOMNodeInserted", function(e) {
                        var num = $(this).text().replace(/[^0-9]/ig,"");
                        $(this).siblings(".count-comment").text(num);
                        $(this).remove();
                    })
                })
            }
        </script>


    <script type="text/x-mathjax-config">
MathJax.Hub.Config({
    tex2jax: {
        inlineMath: [ ['$','$'], ["\\(","\\)"]  ],
        processEscapes: true,
        skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
    }
});

MathJax.Hub.Queue(function() {
    var all = MathJax.Hub.getAllJax(), i;
    for(i=0; i < all.length; i += 1) {
        all[i].SourceElement().parentNode.className += ' has-jax';
    }
});
</script>

<script src="//cdn.bootcss.com/mathjax/2.6.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>


<div class="scroll" id="scroll">
    <a href="#" title="返回顶部"><i class="fa fa-arrow-up"></i></a>
    <a href="#comments" onclick="load$hide();" title="查看评论"><i class="fa fa-comments-o"></i></a>
    <a href="#footer" title="转到底部"><i class="fa fa-arrow-down"></i></a>
</div>
<script>
    // Open in New Window

        var oOpenInNew = {


             archives: ".archive-article-title",
             miniArchives: "a.post-list-link",

             friends: "#js-friends a",
             socail: ".social a"
        }
        for (var x in oOpenInNew) {
            $(oOpenInNew[x]).attr("target", "_blank");
        }

</script>

    <script>
        var originTitle = document.title;
        var titleTime;
        document.addEventListener("visibilitychange", function() {
            if (document.hidden) {
                document.title = "等你回来哦~ " + originTitle;
                clearTimeout(titleTime);
            }
            else {
                document.title = "欢迎回来~ " + originTitle;
                titleTime = setTimeout(function() {
                    document.title = originTitle;
                }, 2000);
            }
        })
    </script>

<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
</script>
  </div>


  <iframe id="muzik" style="position: fixed;top: 0;left: 0;" frameborder="no" border="0" marginwidth="0" marginheight="0" width=300 height=86 src="http://music.163.com/outchain/player?type=2&id=28949906&auto=0&height=66"></iframe>
</body>
<style>
@media screen and (max-width:800px){
      #muzik{
    display:none
  }
}
</style>
</html>