<!--

 111111111111111111111111111111111111111111111110000111111111111111111111111111111111111111111
 111111111111111111111111111111111111111111111000011111111111111111111111111111111111111111111
 111111111111111111111111111111111111111111100000011111111111111111111111111111111111111111111
 111111111111111111111111111111111111111110000001111000110000000000000001111111111111111111111
 111111111111111111111111111111110000000000000000000000000000000001111111111111111111111111111
 111111111111111111111111111111011100000000000000000000000000001111111111111111111111111111111
 111111111111111111111111111111111111100000000000000000000000000000000011111111111111111111111
 111111111111111111111111111111111000000000000000000000000000000011111111111111111111111111111
 111111111111111111111111111111110001110000000000000000000000000000011111111111111111111111111
 111111111111111111111111111110000011000000000001100000000000000000001111111111111111111111111
 111111111111111111111111111100000000000000010011110000000000000110000011111111111111111111111
 111111111111111111111111000000000000000000111011111000000000000011100001111111111111111111111
 111111111111111111111100000000000000000001111111110000000000000001111000111111111111111111111
 111111111111111111111000000001111111111111111111110000000000000000111110011111111111111111111
 111111111111111111111100000111111111111111111111000000000000000000111111111111111111111111111
 111111111111111111111111011111111111111111110000000000000000000000011111111111111111111111111
 111111111111111111111111111111000000000000000000000000000000000000011111111111111111111111111
 111111111111111111111111111111110000000000000000000000000000110000011111111111111111111111111
 111111111111111111111111111100000000000000000000000000000011110000011111111111111111111111111
 111111111111111111111111100000000000000000000000000000000111111000011111111111111111111111111
 111111111111111111111110000000000000000000000000000000111111111000011111111111111111111111111
 111111111111111111111000000000000000000000000000000011111111111000011111111111111111111111111
 111111111111111111110000000000000000000111000000111111111111111000111111111111111111111111111
 111111111111111111100000000000000001111111111111111111111111111001111111111111111111111111111
 111111111111111111000000000000000111111111111111110011111111111111111111111111111111111111111
 111111111111111110000000000000001111111111111111111110000111111111111111111111111111111111111
 111111111111111110000000000100011111111111111111111111100000111111111111111111111111111111111
 111111111111111100000000000110011111111111111111111111111000000011111111111111111111111111111
 111111111111111100000000000011101111111111110001111100001110000000111111111111111111111111111
 111111111111111100000000000001111111111111111100011111000000000000001111111111111111111111111
 111111111111111100000000000000001111111111111100000000000000000000000011111111111111111111111
 111111111111111100100000000000000000111111111000000000000000000000000000111111111111111111111
 111111111111111110011000000000000111111111000000000000000011100000000000011111111111111111111
 111111111111111111011000000000000000000000000000000000011111111111000000001111111111111111111
 111111111111111111111000000000000000000000000000000000111111111111110000000111111111111111111
 111111111111111111111000001000000000000000000110000000011101111111111000000111111111111111111
 111111111111111111111100011111000000000000011111000000000011111111111011000011111111111111111
 111111111111111111111000111111110001000000000111110000011111111111111111000011111111111111111
 111111111111111111111000111111111111111000000011111110000000011111111111100011111111111111111
 111111111111111111111100111111111111111111100000011111111111111111111111110001111111111111111

 -   ----------------------------------   神龙保佑，永无BUG   ------------------------------------   -
    Star me on Gitee - https://gitee.com/yadong.zhang/DBlog
    yadong.zhang (yadong.zhang0415#gmail.com)
    https://www.zhyd.me
    如有问题请加QQ群(190886500)，备注：dblog
 -   ----------------------------------   神龙保佑，永无BUG   ------------------------------------   -
--><!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>[前端基础]javascript知识总结 | 此刻•少年</title>
    <meta name="author" content="白卡pala(xuwangcheng14#163.com)">
    <meta name="keywords" content="javascript,此刻•少年"/>
    <meta name="description" content="javascript基础知识学习总结" id="meta_description">
    <link rel="canonical" href="https://www.xuwangcheng.com/article/45" />
    <link href="https://images.xuwangcheng.com/e8be7d104ffc48e89bdf8598201f24c1.jpg" rel="shortcut icon" type="image/x-icon">
    <link href="https://fastly.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fastly.jsdelivr.net/npm/bootstrap@3.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://fastly.jsdelivr.net/npm/jquery-confirm@3.3.2/dist/jquery-confirm.min.css" rel="stylesheet">
    <link href="https://fastly.jsdelivr.net/npm/jquery.fancybox@2.1.5/source/jquery.fancybox.min.css" rel="stylesheet">
    <link href="https://fastly.jsdelivr.net/npm/bootstrapvalidator@0.5.4/dist/css/bootstrapValidator.min.css" rel="stylesheet">
    <link href="https://fastly.jsdelivr.net/npm/nprogress@0.2.0/nprogress.min.css" rel="stylesheet">
    <link href="https://www.xuwangcheng.com/css/zhyd.core.css" rel="stylesheet" type="text/css">
    <link href="https://www.xuwangcheng.com/css/zhyd.comment.css" rel="stylesheet" type="text/css">
    <link href="https://www.xuwangcheng.com/css/zplayer.min.css" rel="stylesheet" type="text/css">        <link href="https://fastly.jsdelivr.net/npm/simplemde@1.11.2/dist/simplemde.min.css" rel="stylesheet">
        <link href="https://fastly.jsdelivr.net/npm/github-markdown-css@2.10.0/github-markdown.min.css" rel="stylesheet">
        <link href="https://fastly.jsdelivr.net/npm/highlight.js@9.12.0/styles/github.min.css" rel="stylesheet">
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?95f67199881a2b8cad8d3a7247786336";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
<nav id="topmenu" class="navbar navbar-default navbar-fixed-top">
    <div class="menu-box">
        <div class="pull-left">
            <ul class="list-unstyled list-inline">
                <li><span id="currentTime"></span></li>
            </ul>
            <div class="clear"></div>
        </div>
        <div class="menu-topmenu-container pull-right">
            <ul class="list-unstyled list-inline pull-left">
                <li><a href="https://www.xuwangcheng.com/about" class="menu_a" title="关于博客" data-toggle="tooltip" data-placement="bottom">关于本站</a></li>
                <li><a href="https://www.xuwangcheng.com/links" class="menu_a" title="友情链接" data-toggle="tooltip" data-placement="bottom">友情链接</a></li>
            </ul>
                <ul class="list-unstyled list-inline pull-left">
                    <li><a href="javascript:;;" data-toggle="modal" data-target="#oauth" rel="nofollow" title="授权登录">登录</a></li>
                </ul>
        </div>
    </div>
</nav>
<div class="modal" id="oauth" tabindex="-1" role="dialog" aria-labelledby="oauthTitle">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <ul class="list-inline">
                    <li><h4 class="modal-title" id="oauthTitle">登录</h4></li>
                </ul>
            </div>
            <div class="modal-body">
                <div class="oauth">
                    <ul class="list-unstyled list-inline oauth-list">
                                    <li>
                                        <a href="https://www.xuwangcheng.com/oauth/render/gitee" target="">
                                            <img src="https://images.xuwangcheng.com/auth/gitee.png" alt="" class="img-circle">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.xuwangcheng.com/oauth/render/github" target="">
                                            <img src="https://images.xuwangcheng.com/auth/github.png" alt="" class="img-circle">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.xuwangcheng.com/oauth/render/weibo" target="">
                                            <img src="https://images.xuwangcheng.com/auth/weibo.png" alt="" class="img-circle">
                                        </a>
                                    </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<nav id="mainmenu" class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="menu-box">
        <div class="navbar-header">
            <span class="pull-right nav-search toggle-search" data-toggle="modal" data-target=".nav-search-box"><i class="fa fa-search"></i></span>
            <button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand logo" href="#"></a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <div class="pull-left site-desc">
                <h1 class="auto-shake"><a href="https://www.xuwangcheng.com" data-original-title="背灯和月就花阴，已是十年踪迹十年心" data-toggle="tooltip" data-placement="bottom">此刻•少年</a></h1>
                <p class="site-description">背灯和月就花阴，已是十年踪迹十年心</p>
            </div>
            <ul class="nav navbar-nav ">
                <li>
                    <a href="/" class="menu_a"><i class="fa fa-home"></i>首页</a>
                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle menu_a" data-toggle="dropdown" aria-expanded="false">
                                        <i class="fa fa-support"></i>测试 <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="/type/29" title="点击查看《接口自动化》的文章">接口自动化</a></li>
                                        <li><a href="/type/26" title="点击查看《功能测试》的文章">功能测试</a></li>
                                        <li><a href="/type/37" title="点击查看《Devops》的文章">Devops</a></li>
                                        <li><a href="/type/31" title="点击查看《测试开发》的文章">测试开发</a></li>
                                        <li><a href="/type/28" title="点击查看《UI自动化》的文章">UI自动化</a></li>
                                        <li><a href="/type/30" title="点击查看《CI/CD》的文章">CI/CD</a></li>
                                        <li><a href="/type/27" title="点击查看《性能测试》的文章">性能测试</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle menu_a" data-toggle="dropdown" aria-expanded="false">
                                        <i class="fa fa-laptop"></i>编程 <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="/type/6" title="点击查看《JAVA》的文章">JAVA</a></li>
                                        <li><a href="/type/8" title="点击查看《Shell》的文章">Shell</a></li>
                                        <li><a href="/type/10" title="点击查看《Ruby》的文章">Ruby</a></li>
                                        <li><a href="/type/7" title="点击查看《Python》的文章">Python</a></li>
                                        <li><a href="/type/9" title="点击查看《Javascript》的文章">Javascript</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle menu_a" data-toggle="dropdown" aria-expanded="false">
                                        <i class="fa fa-html5"></i>前端 <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="/type/32" title="点击查看《CSS》的文章">CSS</a></li>
                                        <li><a href="/type/34" title="点击查看《javascript》的文章">javascript</a></li>
                                        <li><a href="/type/33" title="点击查看《HTML》的文章">HTML</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle menu_a" data-toggle="dropdown" aria-expanded="false">
                                        <i class="fa fa-server"></i>运维 <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="/type/35" title="点击查看《服务器》的文章">服务器</a></li>
                                        <li><a href="/type/13" title="点击查看《数据库》的文章">数据库</a></li>
                                        <li><a href="/type/25" title="点击查看《中间件》的文章">中间件</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle menu_a" data-toggle="dropdown" aria-expanded="false">
                                        <i class="fa fa-film"></i>娱乐 <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="/type/17" title="点击查看《音乐》的文章">音乐</a></li>
                                        <li><a href="/type/19" title="点击查看《游戏》的文章">游戏</a></li>
                                        <li><a href="/type/16" title="点击查看《动漫》的文章">动漫</a></li>
                                        <li><a href="/type/18" title="点击查看《漫画》的文章">漫画</a></li>
                                        <li><a href="/type/15" title="点击查看《电影》的文章">电影</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle menu_a" data-toggle="dropdown" aria-expanded="false">
                                        <i class="fa fa-camera-retro"></i>岁月 <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="/type/38" title="点击查看《年少恋歌》的文章">年少恋歌</a></li>
                                        <li><a href="/type/20" title="点击查看《书海拾金》的文章">书海拾金</a></li>
                                        <li><a href="/type/22" title="点击查看《摄影》的文章">摄影</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle menu_a" data-toggle="dropdown" aria-expanded="false">
                                        <i class="fa fa-reorder"></i>其他 <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="/type/36" title="点击查看《面试》的文章">面试</a></li>
                                    </ul>
                                </li>
                <li><a href="/guestbook" class="menu_a"><i class="fa fa-comments-o"></i>留言板</a></li>
                <li><span class="pull-right nav-search main-search" data-toggle="modal" data-target=".nav-search-box"><i class="fa fa-search"></i></span></li>
            </ul>
        </div>
    </div>
</nav>    <img src="https://images.xuwangcheng.com/oneblog/20201225095600208.jpg" onerror="this.src='https://www.xuwangcheng.com/img/default_article_cover.jpg'" style="display: none;" id="cover-img">
<div class="container custome-container">
    <nav class="breadcrumb">
        <a class="crumbs" title="返回首页" href="https://www.xuwangcheng.com" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-home"></i>首页</a>
        <i class="fa fa-angle-right"></i>
        <a href="https://www.xuwangcheng.com/type/34" title="点击查看该分类文章" data-toggle="tooltip" data-placement="bottom">javascript</a>
        <i class="fa fa-angle-right"></i>正文
    </nav>
    <div class="row article-body">
        <div class="col-sm-8 blog-main">
            <div class="blog-body overflow-initial fade-in">
                <div class="article-flag">
                        <span class="article-blockquote article-blockquote-green"></span>
                        <span class="article-original article-original-green">
                            <a href="https://www.xuwangcheng.com/article/45">原创</a>
                        </span>
                    <div class="blog-info-meta pull-right">
                        <ul class="list-unstyled list-inline">
                            <li><i class="fa fa-clock-o fa-fw"></i>2017-10-25</li>
                            <li><i class="fa fa-eye fa-fw"></i><a class="pointer" data-original-title="627人浏览了该文章" data-toggle="tooltip" data-placement="bottom">浏览 (<num>627</num>)</a></li>
                            <li><a href="#comment-box" data-original-title="0人评论了该文章" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-comments-o fa-fw"></i>评论 (0)</a></li>
                        </ul>
                    </div>
                </div>
                <div class="blog-info overflow-initial">
                    <h1 class="blog-info-title">
                        <strong>[前端基础]javascript知识总结</strong>
                    </h1>
                    <div class="blog-info-body markdown-body editor-preview-active-side">
                        <h2 id="-javascript-js">一、javascript 概述---js</h2>
<ol>
<li>js是一种基于对象和事件驱动的解释性脚本语言，应用于网页的编程处理 </li>
<li>JavaScript、JScript/VbScript----W3C</li>
<li>js的书写方式:</li>
<li>直接写在 onxxx 事件中</li>
<li><script>块中，onxxx 事件中调用---当前页面的重用</li>
<li>js 文件中，页面上先使用 <script src="">引入，onxxx 事件中调用---建议使用</li>
</ol>
<h2 id="-">二、基础语法</h2>
<h3 id="1-">1、变量</h3>
<p>声明变量  var 名称 = 值；<br>变量的数据类型以赋值为准<br>标识符：不以数字开头的数字、字母、下划线和 $ ，不能和保留关键字重名</p>
<h3 id="2-">2、数据类型</h3>
<p>基本类型：string/number/bool<br>特殊类型：null/undefined<br>复杂类型：Array/Date/Math/....<br>String类型：字符串，一对双引号或者一对单引号，特殊字符使用转义符（\x，汉字对应一个 \uxxxx）</p>
<h3 id="3-">3、基本数据类型之间的转换</h3>
<p>隐式转换：规则<br>显式转换：使用转换方法<br>parseInt/parseFloat/toString<br>NaN----not a number<br>isNaN(&quot;???&quot;)---bool，判断是否可以转化为数值：is not a number(&quot;??&quot;)---true</p>
<h3 id="4-">4、运算符与表达式</h3>
<p>if(a == b)-----值<br>if(a === b)---严格相等-----值和类型</p>
<p>三元运算符<br>逻辑表达式 ? 表达式成立取值1 : 表达式不成立取值2<br>(if a == b) ? (do something) : (do something)</p>
<h3 id="5-">5、流程控制</h3>
<p>默认情况下，顺序执行---改变其执行顺序<br>条件：if/else、switch/case<br>循环：for、while</p>
<h2 id="-">三、内置对象的使用</h2>
<h3 id="1-string-">1、String对象</h3>
<p>创建    <code>var s = &quot;mary&quot;;</code><br>属性    <code>var n = s.length;</code><br>方法    </p>
<pre><code>var s1 = s.substring(1,3); 
toLowerCase/toUpperCase 
split  1,2,3,4 
substring 
charAt 
indexOf/lastIndexOf 
replace/search/match---结合正则表达式使用、实现对string的操作 
replace(/\d{3}/ ,&quot;*&quot;)
</code></pre><p>正则表达式：js中，放置在 /中间/<br>结合匹配标识用:g(global)i(ignour)m(multiline)<br>/gcd/gim </p>
<h3 id="2-array-">2、Array 对象</h3>
<p>创建数组 </p>
<pre><code>var a1 = new Array(3); 
    a1[0] = 12; 
    a1[1] = &quot;mary&quot;; 
    a1[2] = true; 

    var s2 = [12,&quot;mary&quot;,true];//简写方式 

    var s3= new Array(); 
    a3[0] = [10,20]; 
    a3[1] = [30,40];
</code></pre><p>属性 <code>length</code><br>方法 </p>
<pre><code> XXX.toString()---使用 ， 连接成一个字符串，常用于输出数组的内容显示 
 XXX.join(&quot;|&quot;)----使用 | 连接 
 concat----数组的加法 
 slice-----数组的截取 
 reverse 
 sort----默认情况下，按照字符比较 
 ----按照数值比较，先定义一个用于比较规则的方法，将方法作为参数传给 sort
</code></pre><h3 id="3-math-">3、Math 对象</h3>
<p>直接使用不需要new<br>属性或者方法： Math.round()</p>
<h3 id="4-number-">4、Number 对象</h3>
<p>toString<br>toFixed(n)---保留小数点后n位</p>
<h3 id="5-">5、正则表达式对象</h3>
<p>正则表达式本身就是一个纯文本的表达式，用来表示对文本的匹配，比如 \d{3}    [a-z]{2,5}        [a-zA-Z0-9]{4}<br>不同的语言、环境下，有着不同的应用</p>
<p>js中对于正则表达式的应用：<br>一：结合string 的对象方法：replace/search/match<br>二：直接使用正则表达式对象的方法</p>
<pre><code>var  r = /\d{3}/;--r 是一个正则表达式对象 
r.test(string)----bool
</code></pre><p>常用于验证界面的录入</p>
<h3 id="6-date-">6、Date 对象</h3>
<p>创建</p>
<pre><code>var r = new Date();--当前 
var r = new Date(&quot;2013-12-23&quot;);
</code></pre><p>方法 </p>
<pre><code>getXXX()--getDate()/getMonth 
setXXX() 
toXXX()---得到某种格式的字符串
</code></pre><h3 id="9-">9、方法</h3>
<ul>
<li>a、定义：<pre><code>function Name(x,y,z) 
{ 
return XXX; 
}
</code></pre></li>
<li><p>b、重载<br>js不可以实现传统意义上的重载---js中，只要方法重名，以最后一次定义的为准, 方法中可以使用 arguments 得到传入的参数的数组。模拟实现方法的重载</p>
</li>
<li><p>c、方法和 Function 对象</p>
</li>
<li>d、使用方法时<br>方式一：方法，与功能相关----<code>function sss(){}</code><br>方式二：方法仅为某个方法里所使用，创建一个 Function对象即可,适用于方法体简单<pre><code>var f = new Function(&quot;参数1&quot;,&quot;参数2&quot;,&quot;方法体&quot;);
</code></pre>方式三：使用匿名函数---适用于方法体复杂<pre><code>var f = function(){};
</code></pre></li>
</ul>
<h3 id="10-">10、全局函数</h3>
<p>所有js的对象均可使用</p>
<pre><code>parseInt/parseFloat
isNaN 
decodeURI/encodeURI   (xxxx.html?name=mary&amp;age=17&amp;sex=%45%65)
eval：传入一个字符串，计算或者执行它
</code></pre><h2 id="-dhtml-dynamic">四、DHTML 应用 dynamic</h2>
<h3 id="1-dhtml-">1、什么是 DHTML 应用</h3>
<p>DHTML 是一种用来创建动态站点的技术组合物。通过 DHTML，Web 开发者可控制如何在浏览器窗口中显示和定位 HTML 元素。</p>
<h3 id="2-">2、对象模型</h3>
<blockquote>
<p> window<br> history<br> location<br> navigator<br> screen<br> event<br> document对象模型分为两类：DOM（文档对象模型） 和 BOM（浏览器对象模型）</p>
</blockquote>
<h3 id="3-window-">3、window 对象</h3>
<pre><code>//对话框 
window.alert() 
window.confirm() 
window.prompt()

//打开新窗口
window.open(url,name,配置); 
window.close();

//定时器相关
//周期性
window.setInterval(func,time); 
window.clearInterval()
//一次性
window.setTimeout(func,time); 
window.clearTimeout();
</code></pre><h3 id="4-document-">4、document对象</h3>
<p>html 页面上的每个内容作为一个节点对象----整个文档是一颗节点树，document 对象代表的整个树，树根<br>DOM：文档对象模型</p>
<ul>
<li>a、查询---找到文档中的某个节点对象<br>方法一：<pre><code>document.getElementById(&quot;&quot;)---通过id找到对象或者null
</code></pre>方式二：根据层次关系来查询<pre><code>obj.parentNode 
obj.childNodes---节点的数组 
obj.firstChild/lastChild
</code></pre>方式三：根据标签名称查找 <pre><code>document.getElementsByTagName(&quot;input&quot;)---节点的数组 
obj.getElementsByTagName(&quot;input&quot;)[1]
</code></pre></li>
<li>b、读取信息或者修改信息----知道节点的类型<br>方式一：将 HTML 标签对象化<pre><code>&lt;input     obj.value/type 
&lt;a    obj.href 
&lt;img    obj.src
</code></pre>方式二：元素中间的文本内容-----innerHTML <pre><code>&lt;a&gt;text&lt;/a&gt;    obj.innerHTML
</code></pre>方式三、样式<br>简单样式<pre><code>&lt;p style="color:red;"&gt;p text&lt;/p&gt; 
obj.style.color = "red"; 
obj.style.fontSize = "18pt"; 
obj.style.backgroundColor = "silver";复杂的样式：建议在 样式表 中先定义好 
obj.className = "";
</code></pre></li>
<li>c、不知道节点对象的类型时----读取数据？<pre><code>obj.nodeName----全大写方式，返回当前元素的标签的名称
</code></pre></li>
<li>d、增加新节点<br>第一步：创建新的节点对象 <pre><code>document.createElement("a/input/p"); 
&lt;a&gt;&lt;/a&gt;  &lt;input /&gt;  &lt;p&gt;&lt;/p&gt;
</code></pre>第二步：设置新对象的各信息<br>第三步：加入 <pre><code>xxx.appendChild(newObj);---追加 
xxx.insertBefore(newObj,refNode);
</code></pre></li>
<li>e、删除<pre><code>XXX.removeChild(obj); 
obj.parentNode.removeChild(obj);
</code></pre></li>
</ul>
<h3 id="5-html-dom">5、HTML DOM</h3>
<p>基于标准的DOM操作，进行封装，以实现代码的简化，比如：</p>
<pre><code>var obj = new Option(&quot;JDBC&quot;,&quot;1&quot;); 
sel.options[1] = obj;
</code></pre><p>DOM方式： <code>createElement(“tr”)</code><br>HTML DOM 方式：</p>
<pre><code>table.insertRow(index);
row.insertCell(index);
</code></pre><h3 id="6-history-">6、history 对象</h3>
<p>当前浏览器窗口的历史访问记录---确实有历史记录</p>
<pre><code>history.back(); 
history.forward(); 
history.length;
</code></pre><h3 id="7-screen-">7、screen 对象</h3>
<p>代表的就是当前屏幕信息--只能读取，不能修改</p>
<pre><code>var w = screen.width/availWidth;//ok 
screen.width = 123; //error
</code></pre><h3 id="8-location-">8、location 对象</h3>
<p>代表的是 URL 地址栏<br>实现对 URL的修改，实现从页面去往另一个页面 :</p>
<pre><code>location.href = &quot;url&quot;;--保留历史访问记录 
location.replace(&quot;url&quot;);--替换，没有历史
</code></pre><p>页面间跳转：</p>
<pre><code>&lt;a&gt;----静态 
window.open----一定打开新窗口 
history.xxx()----受限于历史记录 
location.href----保留历史记录 
location.replace()----不保留
</code></pre><h3 id="9-navigator-">9、navigator 对象</h3>
<p>js中，可以循环对象的所有的属性，如下</p>
<pre><code>for(var p in navigator)//p代表对象的每个属性 
{ 
}
</code></pre><h3 id="10-event-">10、event事件</h3>
<ul>
<li>a、事件分类<br>  鼠标事件：<code>onclick/onmouseover/onmouseout/ondblclick</code><br>  键盘事件：<code>onkeyup/onkeydown</code><br>  状态事件：<code>onblur/onfocus/onchange/onload/onunload</code> </li>
<li>b、如何定义事件 <pre><code>&lt;元素标签中 onxxx = "function();"----静态 
btnObj.onxxx = Function； ----动态
</code></pre></li>
<li>c、事件可以被取消<br>常用于页面的提交时<pre><code>onxxx = &quot;return true;&quot;---默认值，事件触发 
onxxx = &quot;return false;&quot;---事件被取消
</code></pre></li>
<li>d、事件有冒泡机制<br>当多层元素定义了相同的事件时，事件从最里层开始触发，层层向上</li>
<li>e、event 对象<br>封装了和当前事件相关的所有信息<pre><code>clientX/clientY----事件发生的点 
srcElement/target---源元素对象，引发当前事件的元素 
使用event对象时，可以直接在 html 页面或者js代码中使用 event 关键字获得对象----firefox 除外 
firefox：只能在 html 页面上使用 event ，js 中不可用
</code></pre>浏览器兼容问题：标准，特殊问题特殊处理（event）</li>
</ul>
<h2 id="-js-">五、js中的面向对象基础</h2>
<p><strong>特性  -- 封装、继承、抽象、多态 </strong><br><em>封装：</em>对象相关的数据和行为组织起来<br><em>数据：</em>属性<br><em>行为：</em>方法</p>
<h3 id="1-object">1、使用 Object</h3>
<p>使用简单，重用性差----适用于简单数据的封装 </p>
<pre><code>var obj = new Object(); 
obj.name = &quot;mary&quot;; 
obj.age = 18; 
obj.isGra = true;
</code></pre><h3 id="2-">2、创建一个类</h3>
<p>使用较为复杂，重用性好---适用于大多数情况下的封装</p>
<pre><code>function Student(n,a) 
    { 
        this.name = n; 
        this.age = a; 
    } 

var p1 = new Student(&quot;mary&quot;,18); 
var p2 = new Student(&quot;john&quot;,20);
</code></pre><h3 id="3-json-">3、JSON对象</h3>
<pre><code>var obj = { 
    &quot;name&quot;:&quot;mary&quot;, 
    &quot;age&quot;:18 
}; 
var p1 = {}; 
var p2 = {}; 
var array = new Array(); 
array[0] = p1; 
array[1] = p2;
</code></pre>
                    </div>
                    <div class="separateline"><span>正文到此结束</span></div>
                    <div id="social" style="margin-bottom: 45px;">
                        <div class="social-main">
                            <span class="like">
                                <a href="javascript:;" data-id="45" title="点赞" ><i class="fa fa-thumbs-up"></i>赞 <i class="count"> 0</i> </a>
                            </span>
                            <div class="shang-p">
                                <div class="shang-empty"><span></span></div>
                                <span class="shang-s"><a onclick="PaymentUtils.show();" style="cursor:pointer">赏</a> </span>
                            </div>
                            <div class="share-sd">
                                <span class="share-s"><a href="javascript:void(0)" id="share-s" title="分享"><i class="fa fa-share-alt"></i>分享</a></span>
                                <div id="share" style="display: none">
                                    <ul class="bdsharebuttonbox bdshare-button-style1-16" data-bd-bind="1516426362121">
                                        <li><a title="分享到人人网" class="fa fa-renren" data-cmd="renren" onclick="return false;" href="#"></a></li>
                                        <li><a title="分享到腾讯微博" class="fa fa-pinterest-square" data-cmd="tqq" onclick="return false;" href="#"></a></li>
                                        <li><a title="分享到QQ空间" class="fa fa-qq" data-cmd="qzone" onclick="return false;" href="#"></a></li>
                                        <li><a title="分享到新浪微博" class="fa fa-weibo" data-cmd="tsina" onclick="return false;" href="#"></a></li>
                                        <li><a title="分享到微信" class="fa fa-weixin" data-cmd="weixin" onclick="return false;" href="#"></a></li>
                                        <li><a title="更多" class="bds_more fa fa-plus-square" data-cmd="more" onclick="return false;" href="#"></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="article-footer overflow-initial">所属分类：<a href="https://www.xuwangcheng.com/type/34" data-original-title="点击查看javascript分类的文章" data-toggle="tooltip" data-placement="bottom">javascript</a></div>
                </div>
            </div>
            <div class="blog-body article-tag">
                <div class="cat">
                    <ul class="list-unstyled">
                        <li>
                            <strong>本文标签：</strong>
                                        <a href="https://www.xuwangcheng.com/tag/12" class="c-label" data-original-title="javaScript" data-toggle="tooltip" data-placement="bottom" target="_blank">javaScript</a>
                                        <a href="https://www.xuwangcheng.com/tag/52" class="c-label" data-original-title="学习总结" data-toggle="tooltip" data-placement="bottom" target="_blank">学习总结</a>
                        </li>
                        <li>
                            <strong>版权声明：</strong>
                            本站原创文章，于2017年10月25日由<a href="https://www.xuwangcheng.com" target="_blank" data-original-title="此刻•少年" data-toggle="tooltip" data-placement="bottom"><strong>白卡pala</strong></a>发布，转载请注明出处
                        </li>
                    </ul>
                </div>
            </div>
            <div class="blog-body">
                <a href="https://www.aliyun.com/activity?userCode=u9eyvrab" target="_blank" rel="external nofollow">
                    <img src="https://www.xuwangcheng.com/img/ad/aliyun_sale1000-60.png" alt="阿里云首购8折" class="img-responsive" style="width: 100%;">
                </a>
            </div>
            <div class="blog-body prev-next">
                <nav class="nav-single wow" data-wow-delay="0.3s">
                        <a href="https://www.xuwangcheng.com/article/52" rel="prev">
                            <span class="meta-nav" data-original-title="[前端基础]HTML知识总结" data-toggle="tooltip" data-placement="bottom"><span class="post-nav"><i class="fa fa-angle-left"></i> 上一篇</span>
                                <br>[前端基础]HTML知识总结
                            </span>
                        </a>
                        <a href="https://www.xuwangcheng.com/article/53" rel="next">
                            <span class="meta-nav" data-original-title="[前端基础]CSS知识总结" data-toggle="tooltip" data-placement="bottom"><span class="post-nav">下一篇 <i class="fa fa-angle-right"></i></span>
                                <br>[前端基础]CSS知识总结
                            </span>
                        </a>
                    <div class="clear"></div>
                </nav>
            </div>
            <div class="blog-body clear overflow-initial">
                <h5 class="custom-title"><i class="fa fa-fire fa-fw icon"></i><strong>热门推荐</strong><small></small></h5>
                <ul class="list-unstyled">
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://images.xuwangcheng.com/oneblog/20201225095749684.jpg" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.xuwangcheng.com/article/601" data-original-title="7803人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                接口测试入门教程
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(7,803)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.xuwangcheng.com/article/601#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(3)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://images.xuwangcheng.com/oneblog/20201225095513418.jpg" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.xuwangcheng.com/article/14" data-original-title="3843人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                Jmeter设置断言失败后直接结束本次迭代
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(3,843)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.xuwangcheng.com/article/14#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(0)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://images.xuwangcheng.com/oneblog/20201225095524909.jpg" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.xuwangcheng.com/article/49" data-original-title="2953人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                Loadrunner各种类型脚本实例
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(2,953)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.xuwangcheng.com/article/49#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(0)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://images.xuwangcheng.com/oneblog/20201225095548735.jpg" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.xuwangcheng.com/article/603" data-original-title="2858人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                云测试平台功能架构设计图
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(2,858)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.xuwangcheng.com/article/603#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(0)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://images.xuwangcheng.com/oneblog/20201225095706484.jpg" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.xuwangcheng.com/article/604" data-original-title="2705人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                阿里面试题分享
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(2,705)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.xuwangcheng.com/article/604#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(0)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://images.xuwangcheng.com/oneblog/20201225095329579.jpg" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.xuwangcheng.com/article/13" data-original-title="2278人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                BBR && SSR
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(2,278)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.xuwangcheng.com/article/13#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(1)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://images.xuwangcheng.com/oneblog/20201225094901472.jpg" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.xuwangcheng.com/article/30" data-original-title="2259人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                关于在linux下jenkins启动项目保存文件名中文乱码的问题
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(2,259)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.xuwangcheng.com/article/30#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(3)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://images.xuwangcheng.com/oneblog/20201225095251493.jpg" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.xuwangcheng.com/article/602" data-original-title="2177人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                测试开发工程师需要具备的能力
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(2,177)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.xuwangcheng.com/article/602#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(0)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://images.xuwangcheng.com/oneblog/20201225095802493.jpg" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.xuwangcheng.com/article/606" data-original-title="2173人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                Linux高级操作指令学习
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(2,173)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.xuwangcheng.com/article/606#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(0)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="line-li">
                                <div class="line-container">
                                    <div class="line-left">
                                            <img class="lazy-img" src="https://images.xuwangcheng.com/oneblog/20201225095135774.jpg" width="50" height="50" rel="external nofollow"/>
                                    </div>
                                    <div class="line-right">
                                        <div class="text">
                                            <a href="https://www.xuwangcheng.com/article/605" data-original-title="2117人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                                使用双向链表实现简单的LRU
                                            </a>
                                        </div>
                                        <div class="text">
                                            <span class="views" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章阅读次数"><i class="fa fa-eye fa-fw"></i>浏览(2,117)</span>
                                            <span class="comment" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="文章评论次数">
                                                <a href="https://www.xuwangcheng.com/article/605#comment-box" rel="external nofollow">
                                                    <i class="fa fa-comments-o fa-fw"></i>评论(0)
                                                </a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="blog-body clear overflow-initial">
                <h5 class="custom-title"><i class="fa fa-google-wallet fa-fw icon"></i><strong>相关文章</strong><small></small></h5>
                <ul class="list-unstyled">
                        <li class="line-li">
                            <div class="line-container">
                                <div class="line-right">
                                    <div class="text">
                                        <a href="https://www.xuwangcheng.com/article/38" data-original-title="1465人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                            <i class="fa fa-book fa-fw"></i>js判断两个json对象是否相同的方法
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="line-li">
                            <div class="line-container">
                                <div class="line-right">
                                    <div class="text">
                                        <a href="https://www.xuwangcheng.com/article/45" data-original-title="628人浏览了该文章" data-toggle="tooltip" data-placement="bottom">
                                            <i class="fa fa-book fa-fw"></i>[前端基础]javascript知识总结
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                </ul>
                <div class="clear"></div>
            </div>
                <div class="blog-body clear overflow-initial expansion">
                    <div id="comment-box" data-id="45"></div>
                </div>
        </div>
<div class="col-sm-3 blog-sidebar">
            <div class="sidebar-module">
            <h5 class="custom-title"><i class="fa fa-hand-peace-o fa-fw icon"></i><strong>说给你听</strong><small></small></h5>
            <div class="div-quote">
                <i class="fa fa-quote-left fa-fw"></i><p id="hitokoto" style="margin-left: 15px;"></p>
            </div>
        </div>
    <div class="sidebar-module article-module hide" style="top: 0;">
        <h5 class="custom-title"><i class="fa fa-book fa-fw icon"></i><strong>本文目录</strong><i class="fa fa-close pull-right close-article-menu hide pointer"></i><small></small></h5>
        <div id="article-menu">
            <ul class="list-unstyled"></ul>
        </div>
    </div>
    <div class="sidebar-module">
        <ul class="nav nav-tabs sidebar-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"><i class="fa fa-list"></i>近期文章</a></li>
            <li role="presentation"><a href="#home" aria-controls="home" role="tab" data-toggle="tab"><i class="fa fa-thumbs-o-up"></i>站长推荐</a></li>
            <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab"><i class="fa fa-hand-peace-o"></i>随机文章</a></li>
        </ul>
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="profile">
                <ol class="list-unstyled">
                                <li>
                                    <a href="https://www.xuwangcheng.com/article/611" title="Shell脚本学习参考" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> Shell脚本学习参考
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.xuwangcheng.com/article/610" title="UI自动化浏览器及驱动下载" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> UI自动化浏览器及驱动下载
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.xuwangcheng.com/article/609" title="常见应用在Centos下配置开机启动的方法" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 常见应用在Centos下配置开机启动的方法
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.xuwangcheng.com/article/608" title="使用Ant编译非maven文件的配置文件build.xml示例" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 使用Ant编译非maven文件的配置文件build.xml示例
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.xuwangcheng.com/article/607" title="通过Jenkins自动编译发布到其他主机启动Tomcat失败的问题解决" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 通过Jenkins自动编译发布到其他主机启动Tomcat失败的问题解决
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.xuwangcheng.com/article/606" title="Linux高级操作指令学习" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> Linux高级操作指令学习
                                    </a>
                                </li>
                </ol>
            </div>
            <div role="tabpanel" class="tab-pane" id="home">
                <ol class="list-unstyled">
                            <li class="empty-list">
                                <i class="fa fa-bookmark-o fa-fw"></i> 暂无相关文章
                            </li>
                </ol>
            </div>
            <div role="tabpanel" class="tab-pane" id="messages">
                <ol class="list-unstyled">
                                <li>
                                    <a href="https://www.xuwangcheng.com/article/295" title="遗失了一只猫（几米）" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 遗失了一只猫（几米）
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.xuwangcheng.com/article/118" title="不是所有的河流都希望涌入大海" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 不是所有的河流都希望涌入大海
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.xuwangcheng.com/article/29" title="关于远程浏览器的技术猜想" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 关于远程浏览器的技术猜想
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.xuwangcheng.com/article/355" title="在繁华里的城市。" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 在繁华里的城市。
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.xuwangcheng.com/article/609" title="常见应用在Centos下配置开机启动的方法" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 常见应用在Centos下配置开机启动的方法
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.xuwangcheng.com/article/371" title="路途。" data-toggle="tooltip" data-placement="bottom">
                                        <i class="fa fa-book fa-fw"></i> 路途。
                                    </a>
                                </li>
                </ol>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="sidebar-module">
        <h5 class="custom-title"><i class="fa fa-info fa-fw icon"></i><strong>网站信息</strong><small></small></h5>
        <ul class="ul-default site-info">
                <li> <i class="fa fa-file fa-fw"></i>  文章总数：115 篇</li>
                <li> <i class="fa fa-tags fa-fw"></i> 标签总数：60 个</li>
                <li> <i class="fa fa-folder-open fa-fw"></i> 分类总数：34 个</li>
                <li> <i class="fa fa-comments fa-fw"></i> 留言数量：1,266 条</li>
                <li> <i class="fa fa-users fa-fw"></i> 在线人数：<span class="online">1</span>人</li>
                <li> <i class="fa fa-calendar fa-fw"></i> 运行天数：1,538天</li>
                <li> <i class="fa fa-pencil-square fa-fw"></i> 最后更新：2022年03月02日00点</li>
        </ul>
    </div>
</div>    </div>
</div>
<div class="modal fade nav-search-box" tabindex="-1" role="dialog" aria-labelledby="navSearchModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header" style="padding: 5px 15px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-top: 10px;"><span aria-hidden="true">&times;</span></button>
                <h4><i class="fa fa-search"></i> 搜索文章</h4>
            </div>
            <div class="modal-body">
                <form action="/" method="post" class="form-horizontal searchForm" id="searchForm">
                    <input type="hidden" name="pageNumber" value="1">
                    <div class="input-group bottom-line">
                        <input type="text" class="form-control br-none" name="keywords" value="" required="required" placeholder="输入搜索内容">
                        <span class="input-group-btn">
                        <button class="btn btn-default br-none nav-search-btn pointer" type="submit"><i class="fa fa-search"></i> 搜索</button>
                    </span>
                    </div>
                    <div class="clear"></div>
                    <ul class="list-unstyled list-inline search-hot">
                        <li><strong style="position: relative;top: 2px;color: #999999;">热门搜索：</strong></li>
                        <li><a class="pointer" rel="external nofollow"><span class="label label-default">Java</span></a></li>
                        <li><a class="pointer" rel="external nofollow"><span class="label label-primary">Springboot</span></a></li>
                        <li><a class="pointer" rel="external nofollow"><span class="label label-success">Linux</span></a></li>
                        <li><a class="pointer" rel="external nofollow"><span class="label label-info">Maven</span></a></li>
                        <li><a class="pointer" rel="external nofollow"><span class="label label-warning">Bootstrap</span></a></li>
                        <li><a class="pointer" rel="external nofollow"><span class="label label-danger">阿里云</span></a></li>
                    </ul>
                </form>
            </div>
        </div>
    </div>
</div>
<!--评论弹框-->
<div class="modal fade bs-example-modal-sm" id="comment-detail-modal" tabindex="-1" role="dialog" aria-labelledby="comment-detail-modal-label">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="comment-detail-modal-label">评论信息框</h4>
                <small><i class="fa fa-lightbulb-o fa-fw"></i>可以通过QQ号实时获取昵称和头像</small>
            </div>
            <div class="modal-body">
                <form id="detail-form">
                    <input type="hidden" name="avatar">
                    <div class="form-group input-logo">
                        <input type="text" class="form-control" name="qq" placeholder="选填" value="">
                        <img class="pull-left hide" alt="">
                        <span class="fa fa-qq pull-left" aria-hidden="true">QQ</span>
                    </div>
                    <div class="form-group input-logo">
                        <input type="text" class="form-control" name="nickname" placeholder="必填" value="匿名">
                        <span class="fa fa-user pull-left" aria-hidden="true">昵称</span>
                    </div>
                    <div class="form-group input-logo">
                        <input type="text" class="form-control" name="email" placeholder="选填">
                        <span class="fa fa-envelope pull-left" aria-hidden="true">邮箱</span>
                    </div>
                    <div class="form-group input-logo">
                        <input type="text" class="form-control" name="url" placeholder="选填">
                        <span class="fa fa-globe pull-left" aria-hidden="true">网址</span>
                    </div>
                    <div class="form-group">
                        <button type="button" class="btn btn-default btn-sm" id="detail-form-btn"><i class="fa fa-smile-o"></i>提交评论</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="reward" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">山无棱江水为竭，冬雷震震夏雨雪，才敢请君舍</h4>
            </div>
            <div class="modal-body">
                <div class="rewardType" align="center">
                    <ul class="list-unstyle list-inline">
                        <li style="margin-right: 20px;">
                            <input type="radio" name="type" id="alipay" onclick="PaymentUtils.change(0)" data-index="0" checked="checked" ><span style="margin-left: 5px;">支付宝</span>
                        </li>
                        <li style="margin-right: 20px;">
                            <input type="radio" name="type" id="wechat" onclick="PaymentUtils.change(1)" data-index="1"><span style="margin-left: 5px;">微信</span>
                        </li>
                    </ul>
                </div>
                <div id="qrcode-container" align="center" style="margin-top: 10px;"></div>
                <div style="width: 100%;color: #a3a3a3;font-size: 16px;font-family: 'Microsoft YaHei';text-align: center;">
                    转账时请备注“<strong>博客赞助</strong>”
                </div>
            </div>
        </div>
        <small class="font-bold"></small>
    </div>
    <small class="font-bold"> </small>
</div>
<div id="loading">
    <div class="filter"></div>
    <div class="loader">
        <div class="loading-1"></div>
        <div class="loading-2">Loading...</div>
    </div>
</div>
<footer class="footer">
    <div class="container">
        <div class="row">
            <div class="col col-xs-12 col-md-12 col-lg-12">
                <p>
                    <ul class="list-unstyled list-inline">
                        <li>其他连接：</li>
                        <li><a href="https://www.xuwangcheng.com/sitemap.html" target="_blank" title="网站地图" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-map-o fa-fw"></i>网站地图</a></li>
                        <li><a href="https://www.xuwangcheng.com/recommended" title="站长推荐" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-thumbs-o-up fa-fw"></i>站长推荐</a></li>
                        <li><a href="https://www.xuwangcheng.com/updateLog" title="更新记录" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-file-o fa-fw"></i>更新记录</a></li>
                        <li><a href="https://www.xuwangcheng.com/archives" title="归档目录" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-folder-o fa-fw"></i>归档目录</a></li>
                        <li><a href="https://www.xuwangcheng.com/disclaimer" title="免责声明" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-file-o fa-fw"></i>免责声明</a></li>
                    </ul>
                </p>
                <p>托管于<a href="https://www.aliyun.com/activity?userCode=u9eyvrab" target="_blank" title="阿里云-为了无法计算的价值" data-toggle="tooltip" data-placement="bottom" rel="external nofollow">阿里云</a> & <a href="https://portal.qiniu.com/signup?code=1hecvt1diirf6" target="_blank" title="七牛云-国内领先的企业级云服务商" data-toggle="tooltip" data-placement="bottom" rel="external nofollow">七牛云</a> · <a href="http://www.miitbeian.gov.cn/publish/query/indexFirst.action" target="_blank" title="查看备案信息" data-toggle="tooltip" data-placement="bottom" rel="external nofollow">皖ICP备15012355号-1</a></p>
                <p>Copyright © 2008-2023 by 白卡pala | Powered by <a href="https://gitee.com/yadong.zhang/DBlog" title="OneBlog是一款简洁美观、自适应的Java博客系统..." data-toggle="tooltip" data-placement="right" target="_blank"><i>OneBlog</i></a>  </p>
            </div>
            <div class="col col-md-4"></div>
        </div>
    </div>
</footer>
<a class="to-top" title="点击返回顶部" data-toggle="tooltip" data-placement="bottom"></a>
<script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery@1.11.1/dist/jquery.min.js"></script>
<script type="text/javascript" src="https://fastly.jsdelivr.net/npm/bootstrap@3.3.0/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery-lazyload@1.9.3/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery-confirm@3.3.2/dist/jquery-confirm.min.js"></script>
<script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery.fancybox@2.1.5/source/jquery.fancybox.min.js"></script>
<script type="text/javascript" src="https://fastly.jsdelivr.net/npm/bootstrapvalidator@0.5.4/dist/js/bootstrapValidator.min.js"></script>
<script type="text/javascript" src="https://fastly.jsdelivr.net/npm/nprogress@0.2.0/nprogress.min.js"></script>
<script type="text/javascript" src="https://fastly.jsdelivr.net/npm/xss@0.3.3/dist/xss.min.js"></script>
<script type="text/javascript" src="https://fastly.jsdelivr.net/npm/mustache@2.3.0/mustache.min.js"></script>
<script type="text/javascript">
    var appConfig = {
        siteName: '此刻•少年',
        wwwPath: 'https://www.xuwangcheng.com',
        cmsPath: 'https://blog-admin.xuwangcheng.com',
        staticPath: 'https://www.xuwangcheng.com',
        lazyloadPath: '',
        fileStoragePath: 'https://images.xuwangcheng.com/',
        wxPraiseCode: 'https://images.xuwangcheng.com/oneblog/qrcode/20201225120257605.png',
        zfbPraiseCode: 'https://images.xuwangcheng.com/oneblog/qrcode/20201225120259709.png',
        anonymous: '1',
        editorPlaceholder: '不想说就拉倒',
        editorAlert: '乱说打爆狗头',
        dynamicTitle: '我想悄悄的告诉你一句话'
    };

    var oauthConfig = {
        loginUserId: '',
        loginUserName: '',
        loginUserAvatar: ''
    }
</script>
<script type="text/javascript" src="https://www.xuwangcheng.com/js/zhyd.core.js"></script>
<script type="text/javascript" src="https://www.xuwangcheng.com/js/zhyd.comment.js"></script>
<script type="text/javascript" src="https://www.xuwangcheng.com/js/zhyd.qfmy.js"></script>
<script type="text/javascript" src="https://www.xuwangcheng.com/js/zhyd.js"></script>
<script type="text/javascript" src="https://www.xuwangcheng.com/js/zplayer.min.js"></script>
<script>
    var zp1 = new zplayer({
        element: document.getElementById("zplayer1"),
        autoPlay: true,/*是否开启自动播放,默认false*/
        lrcStart: true,/*是否开启歌词功能 ，默认false（为true时musics集合中需要传入lrc字段。）*/
        showLrc: true,/*开启歌词功能后是否立即展示歌词内容 ，默认false*/
        fixed: false, /*是否固定在底部，默认false*/
        listFolded: false, /*列表默认折叠，默认false*/
        listMaxHeight: 240 || 240, /*列表最大高度，默认240*/
        musics:  [{
            title: "はじめの一歩",
            author: "致不灭的你-川﨑龍",
            url: "https://music.163.com/song/media/outer/url?id=1973074090.mp3",
            pic: "https://p1.music.126.net/7SHwGFgaL5LbB7BJQmLzZw==/109951167790191677.jpg?param=130y130",
            lrc: "[99:00.00]纯音乐，请欣赏"
        },{
            title: "我终于失去了你 (Live)",
            author: "李宗盛",
            url: "https://music.163.com/song/media/outer/url?id=108139.mp3",
            pic: "https://p1.music.126.net/-UKSkbwPem9KVVUX4n5exQ==/109951168160543092.jpg?param=300x300",
            lrc: "[00:00.000] 作词 : 李宗盛\n" +
                "[00:01.000] 作曲 : 李宗盛\n" +
                "[00:02.000] 编曲 : Mac Chew\n" +
                "[00:03.000] 制作人 : 李宗盛\n" +
                "[00:38.479]当所有的人离开我的时候\n" +
                "[00:43.189]你劝我要耐心等候\n" +
                "[00:46.179]并且陪我度过生命中最长的寒冬\n" +
                "[00:49.637]如此地宽容\n" +
                "[00:53.389]当所有的人靠近我的时候\n" +
                "[00:57.079]你要我安静从容\n" +
                "[01:00.097]似乎知道我有一颗永不安静的心\n" +
                "[01:05.269]容易蠢动\n" +
                "[01:08.098]我终于让千百双手在我面前挥舞\n" +
                "[01:11.479]我终于拥有了千百个热情的笑容\n" +
                "[01:14.667]我终于让人群被我深深地打动\n" +
                "[01:19.088]我却忘了告诉你 你一直在我心中\n" +
                "[01:24.218]啊.......\n" +
                "[01:25.257]我终于失去了你 在拥挤的人群中\n" +
                "[01:32.647]我终于失去了你 当我的人生第一次感到光荣\n" +
                "[01:39.207]啊.......\n" +
                "[01:40.279]我终于失去了你 在拥挤的人群中\n" +
                "[01:47.380]我终于失去了你 当我的人生第一次感到光荣\n" +
                "[01:55.975]当四周掌声如潮水一般地汹涌\n" +
                "[02:02.490]我见到你眼中有伤心的泪光闪动\n" +
                "[02:07.595]\n" +
                "[02:38.400]当所有的人离开我的时候\n" +
                "[02:42.390]你劝我要耐心等候\n" +
                "[02:45.686]并且陪我度过生命中最长的寒冬\n" +
                "[02:49.988]如此地宽容\n" +
                "[02:52.426]当所有的人靠近我的时候\n" +
                "[02:57.089]你要我安静从容\n" +
                "[02:59.717]似乎知道我有一颗永不安静的心\n" +
                "[03:03.608]我容易蠢动\n" +
                "[03:09.080]我终于让千百双手在我面前挥舞\n" +
                "[03:12.427]我终于拥有了千百个热情的笑容\n" +
                "[03:16.270]我终于让人群被我深深地打动\n" +
                "[03:19.197]我却忘了告诉你 你一直在我心中\n" +
                "[03:24.188]啊.......\n" +
                "[03:28.398]我终于失去了你 在拥挤的人群中\n" +
                "[03:33.708]我终于失去了你 当我的人生第一次感到光荣\n" +
                "[03:41.800]啊.......我终於失去了你 在拥挤的人群中\n" +
                "[03:47.370]我终于失去了你 当我的人生第一次感到光荣\n" +
                "[03:56.808]\n" +
                "[03:58.007]啊.......\n" +
                "[03:59.147]我终于失去了你 在拥挤的人群中\n" +
                "[04:05.677]我终于失去了你 当我的人生第一次感到光荣\n" +
                "[04:13.989]啊.......我终于失去了你 在拥挤的人群中\n" +
                "[04:21.000]我终于失去了你 当我的人生第一次感到光荣\n" +
                "[04:30.790]当四周掌声如潮水一般地汹涌\n" +
                "[04:34.979]我见到你眼中有伤心的泪光闪动"
        },{
            title: "云烟成雨",
            author: "房东的猫",
            url: "https://music.163.com/song/media/outer/url?id=513360721.mp3",
            pic: "https://p1.music.126.net/DSTg1dR7yKsyGq4IK3NL8A==/109951163046050093.jpg?param=300x300",
            lrc: "[00:00] 作曲 : 少年佩\n[00:01] 作词 : 墨鱼丝\n[00:11]制作人：黎偌天\n[00:12]编曲：黎偌天\n[00:13]监制：李纤橙\n[00:14]\n[00:18]你的晚安 是下意识的恻隐\n[00:24]我留至夜深 治疗失眠梦呓\n[00:30]那封手写信 留在行李箱底\n[00:36]来不及 赋予它旅途的意义\n[00:43]若一切 都已云烟成雨\n[00:49]我能否 变成淤泥\n[00:52]再一次 沾染你\n[00:55]若生命 如过场电影\n[01:01]Oh让我再一次 甜梦里惊醒\n[01:13]我多想再见你\n[01:15]哪怕匆匆一眼就别离\n[01:19]路灯下昏黄的剪影\n[01:22]越走越漫长的林径\n[01:25]我多想再见你\n[01:28]至少玩笑话还能说起\n[01:32]街巷初次落叶的秋分\n[01:35]渐行渐远去的我们\n[01:53]若一切 都已云烟成雨\n[01:59]我能否 变成淤泥\n[02:01]再一次 沾染你\n[02:05]若生命 如过场电影\n[02:10]Oh让我再一次 甜梦里惊醒\n[02:19]我多想再见你\n[02:21]哪怕匆匆一眼就别离\n[02:26]路灯下昏黄的剪影\n[02:28]越走越漫长的林径\n[02:32]我多想再见你\n[02:34]至少玩笑话还能说起\n[02:38]街巷初次落叶的秋分\n[02:41]渐行渐远去的我们\n[02:49]站台 汽笛响起\n[02:52]想念是你的声音\n[02:55]我们提着过去 走入人群\n[03:02]寻找着一个位置 安放自己\n[03:13]我多想再见你\n[03:15]哪怕匆匆一眼就别离\n[03:19]路灯下昏黄的剪影\n[03:22]越走越漫长的林径\n[03:25]我多想再见你\n[03:28]至少玩笑话还能说起\n[03:31]街巷初次落叶的秋分\n[03:35]渐行渐远去的我们\n[03:41]\n[03:43]主唱：红鼻子小黑\n[03:44]制作人：黎偌天\n[03:46]监制：李纤橙\n"
        },{
            title: "The Fear In My Heart (Live)",
            author: "朴树",
            url: "https://music.163.com/song/media/outer/url?id=500665341.mp3",
            pic: "https://p1.music.126.net/IwEI0tFPh4w9OjY6RM2IJQ==/109951163009071893.jpg",
            lrc: "[00:00.000] 作词 : 朴树\n[00:00.510] 作曲 : 朴树\n[00:01.20]你在躲避什么\n[00:12.89]你在挽留什么\n[00:24.59]你想取悦谁呢\n[00:36.31]你曾经下跪\n[00:38.68]这冷漠的世界\n[00:41.72]何曾将你善待\n[00:47.80]所以你厌恶危险\n[00:59.61]坠入厄运深渊\n[01:05.42]输掉一切\n[01:11.33]你两手紧紧抓着\n[01:16.96]如同身处悬崖\n[01:22.88]你小心翼翼地\n[01:25.49]以为你拥有着\n[01:28.40]貌似人生圆满\n[01:33.77]能不能 彻底地放开你的手\n[01:39.40]敢不敢 这么义无反顾坠落\n[01:46.55]坠入黑暗中\n[01:49.30]坠入泥土中\n[01:52.04]的海阔天空\n[01:56.90]就让我 来次透彻心扉的痛\n[02:02.84]都拿走 让我再次两手空空\n[02:09.37]只有奄奄一息过\n[02:12.32]那个真正的我\n[02:15.18]他才能够诞生\n[02:21.61]Just let time go on\n[02:27.01]Your kneeling now stand\n[02:33.02]With no fear in my heart\n[02:38.84]God comes into my mind\n[02:43.51]你也曾经追问\n[02:48.99]然后沉默\n[02:55.32]渐渐习惯谎言\n[03:01.16]并以此为荣\n[03:06.89]因为没有草原\n[03:12.68]就忘了你是马\n[03:18.64]你卑微的人生\n[03:21.08]从不曾犯错的\n[03:24.04]无聊的人生\n[03:29.18]能不能 彻底地放开你的手\n[03:35.03]敢不敢 这么义无反顾坠落\n[03:42.00]坠入黑暗中\n[03:44.78]坠入泥土中\n[03:47.62]的海阔天空\n[03:52.52]就让我 来次透彻心扉的痛\n[03:58.46]都拿走 让我再次两手空空\n[04:05.23]只有奄奄一息过\n[04:07.88]那个真正的我\n[04:10.87]他才能够诞生\n[04:17.11]那才是我\n[04:23.04]那才是我\n[04:28.64]那个发光的\n[04:34.25]那个会飞的\n[04:39.57]Yo buddy\n[04:40.94]那个顶天立地的\n[04:46.39]那才是我\n[04:52.06]当我一微笑\n[04:54.72]所有的苦难\n[04:57.67]都灰飞烟灭\n[05:05.20]Yo\n[05:49.82]能不能 彻底地放开你的手\n[05:55.50]敢不敢 这么义无反顾坠落\n[06:02.51]坠入黑暗中\n[06:05.33]坠入泥土中\n[06:08.09]的海阔天空\n[06:13.05]就让我 来次透彻心扉的痛\n[06:18.98]都拿走 让我再次两手空空\n[06:25.60]只有奄奄一息过\n[06:28.45]那个真正的我\n[06:31.38]他才能够诞生\n[06:37.72]Just let time go on\n[06:43.12]Your kneeling now stand\n[06:49.10]With no fear in my heart\n[06:55.01]God comes into my mind"
        },{
            title: "Hey,我在",
            author: "朴树",
            url: "https://music.163.com/song/media/outer/url?id=27908415.mp3",
            pic: "https://p2.music.126.net/cpoUinrExafBHL5Nv5iDHQ==/109951166361218466.jpg",
            lrc: "[00:22.330]Hey 要不要疯狂些\n[00:32.100]要不要长久些\n[00:37.690]能不能不醒来\n[00:43.400]而蓝天依然蓝的我想呼喊\n[01:00.560]让我冲动不安\n[01:06.610]hey 我在梦中的海洋\n[01:18.170]我永沉海底\n[01:24.780]就在一瞬间\n[01:27.110]跃出海面\n[01:31.810]我该怎样才不用去后悔\n[01:37.470]过这些日夜\n[01:43.560]放开 我所有的爱和悲伤\n[01:48.940]有一天 它们已不知去向\n[02:17.110]而蓝天依然\n[02:22.700]蓝得我想呼喊\n[02:28.090]像阳光刺入眼\n[02:33.770]让我冲动不安\n[02:40.220]hey 我在梦中的海洋\n[02:51.450]我永沉海底\n[02:57.470]就在一瞬间\n[03:00.600]跃向你身边\n[03:03.980]我该怎样才不用去后悔\n[03:09.540]过这些日夜\n[03:15.250]放开 我所有的爱和悲伤\n[03:20.940]有一天 它们已不知去向\n[03:26.580]我在这里大声向你呼喊\n[03:32.370]你可曾听见\n[03:38.130]我在演奏着沸腾的生命\n[03:43.840]直到黑夜已吞没了我的脸\n[03:49.350]我该怎样才不用去后悔\n[03:54.930]过这些日夜\n[04:00.860]放开 我所有的爱和悲伤\n[04:06.530]有一天 它们已不知去向\n[04:12.210]我在这里大声向你呼喊\n[04:18.040]你可曾听见\n[04:23.690]我在演奏着沸腾的生命\n[04:29.210]直到黑夜已吞没了我的脸\n[04:35.270]我该怎样才不用去后悔\n[04:41.220]过这些日夜\n[04:46.780]放开 我所有的爱和悲伤\n[04:52.850]有一天 它们已不知去向\n[04:57.990]我在这里大声向你呼喊\n[05:04.160]你可曾听见\n[05:09.370]我在演奏着沸腾的生命\n[05:13.570]直到黑夜已吞没了我的脸\n[05:17.370]我该怎样才不用去后悔"
        },{
            title: "在希望田",
            author: "朴树",
            url: "https://music.163.com/song/media/outer/url?id=1406427647.mp3",
            pic: "https://p2.music.126.net/AhT2LdPrhEbpZrzxPNNB9g==/109951164640227339.jpg",
            lrc: "[00:00.000] 作词 : 朴树\n[00:00.065] 作曲 : 朴树\n[00:00.130] 制作人 : 朴树/董泊宁\n[00:00.195] 录音混音 : 颜仲坤\n[00:00.260] 录音助理 : 于健\n[00:00.325] 鼓 : 史德恒\n[00:00.390] 贝斯 : 董泊宁\n[00:00.455] 吉他 : 郎磊/苗佳/朴树\n[00:00.520] 风琴 : 肖樱竺\n[00:00.585] 钢琴 : 肖樱竺\n[00:00.650] 伴唱 : 宋赫伦/俞杨洋/王耀晗/汪闻婷/杨健/张晓路\n[00:00.715] 乐器 : 栾松/尹子龙/周祚铭\n[00:00.780] 特别鸣谢 : 郑去非/郑晓非/董小树\n[00:00.845] 艺人经纪 : 邓小建\n[00:00.910] 出品 : 北京不晚音乐工作室有限公司 Beijing Buwan Music Studio Co./Ltd\n[00:00.975] 营销推广 : 奔跑怪物\n[00:01.47]快些仰起你那苍白的脸吧\n[00:09.91]快些松开你那紧皱的眉吧\n[00:17.99]你的生命她不长\n[00:21.81]不能用她来悲伤\n[00:26.02]那些坏天气\n[00:30.07]终于都会过去\n[00:36.16]人们都是这样地匆忙长大\n[00:44.28]那些疑问从来没有人回答\n[00:52.16]就让他们都去吧\n[00:55.77]随着风远远去吧\n[00:59.99]让该来的来\n[01:03.89]我们在这里等待\n[01:08.02]我们就这么唱 唱 唱 唱\n[01:13.52]那些东西大妈都不能给你\n[01:21.84]那些风雨你也别想去逃避\n[01:29.65]就让他们都去吧\n[01:33.35]随着风远远去吧\n[01:37.48]让该来的来\n[01:41.48]我们在这里等待\n[01:45.70]我们就这么唱 唱 唱 唱\n[02:06.74]都会好的\n[02:08.80]总会有的\n[02:10.93]那些风雨\n[02:12.78]还有阴霾\n[02:15.01]关于未来\n[02:16.92]就请你坦然\n[02:19.55]不要离开\n[02:21.36]不要离开\n[02:23.42]都会好的\n[02:25.47]总会有的\n[02:27.63]那些风雨\n[02:29.49]还有阴霾\n[02:31.73]关于未来\n[02:33.65]就请你坦然\n[02:36.30]不要离开\n[02:38.07]不要离开\n[02:40.18]都会好的\n[02:42.16]总会有的\n[02:44.30]那些风雨\n[02:46.12]还有阴霾\n[02:48.43]关于未来\n[02:50.33]就请你坦然\n[02:52.95]不要离开\n[02:54.84]不要离开\n[03:00.30]人声联合制作人：卢楠"
        },{
            title: "私へ",
            author: "supercell",
            url: "https://music.163.com/song/media/outer/url?id=530068560.mp3",
            pic: "https://p2.music.126.net/BhW4gFE6IOgGwQ4jcFhdrw==/109951165053043447.jpg",
            lrc: "[00:00.000] 作词 : ryo (supercell)\n[00:01.000] 作曲 : ryo (supercell)\n[00:07.130]ハロー こんにちは 久しぶり\n[00:10.460]私は今何をしていますか\n[00:14.290]元気ならいいけど\n[00:23.470]ところであの時の気持ちは\n[00:26.700]忘れることができたでしょうか\n[00:30.400]今はまだ無理です\n[00:40.470]\n[00:43.670]いつの日かもっと年をとったら\n[00:50.480]わかる日がくるのでしょうか\n[00:57.800]\n[00:58.990]本当にこれでよかったのかな\n[01:06.530]たまに思うことがあるけど\n[01:11.650]そんな事は言わないでおこう\n[01:18.470]だって私は知ってるから\n[01:36.200]自分の物語を\n[01:50.340]"
        },{
            title: "这是我一生中最勇敢的瞬间",
            author: "棱镜乐队",
            url: "https://music.163.com/song/media/outer/url?id=1366216050.mp3",
            pic: "https://p2.music.126.net/ysc2LpByNXmzAfz9rRVwYg==/109951165267741474.jpg",
            lrc: "[00:00.000] 作词 : 高原\n" +
                "[00:01.000] 作曲 : 陈恒家\n" +
                "[00:02.830]编曲：陈恒家\n" +
                "[00:04.830]人声：陈恒冠\n" +
                "[00:06.980]和声：陈恒冠 陈恒家\n" +
                "[00:09.190]鼓手：Jordan Bertrand\n" +
                "[00:11.090]录音：陈恒家\n" +
                "[00:13.060]混音：陈恒家\n" +
                "[00:15.360]母带：陈恒家\n" +
                "[00:15.360]女声采样：咕噜咕噜\n" +
                "[00:17.960]监制：1991与她\n" +
                "[00:21.360]我本打算去流浪\n" +
                "[00:25.610]把所有的回望都交给夕阳\n" +
                "[00:31.960]风是空港 雨是牧场\n" +
                "[00:36.310]我陷入万里无云的海洋\n" +
                "[00:41.960]\n" +
                "[00:42.710]我并不渴望远方\n" +
                "[00:46.960]只想找到一个可爱的地方\n" +
                "[00:53.210]跨过飞杭 穿过弄堂\n" +
                "[00:57.660]你站在我始料未及的小巷\n" +
                "[01:05.959]\n" +
                "[01:06.659]这是我一生中最勇敢的瞬间\n" +
                "[01:10.909]远在世界尽头的你站在我面前\n" +
                "[01:16.959]这是我一生中最勇敢的瞬间\n" +
                "[01:21.659]我的眼中藏着星点嘴角有弧线\n" +
                "[01:27.709]这是我一生中最勇敢的瞬间\n" +
                "[01:32.310]你是黎明地平线是我永恒的终点\n" +
                "[01:38.310]我想把时间揉成碎片捧在我手心\n" +
                "[01:44.410]\n" +
                "[01:45.610]明天周六可以把我们一起出去玩 改成我们去约会吗\n" +
                "[01:51.060]\n" +
                "[02:13.360]我并不渴望远方\n" +
                "[02:17.610]只想找到一个可爱的地方\n" +
                "[02:24.009]跨过飞杭 穿过弄堂\n" +
                "[02:28.259]你站在我始料未及的小巷\n" +
                "[02:34.610]\n" +
                "[02:36.910]这是我一生中最勇敢的瞬间\n" +
                "[02:41.610]远在世界尽头的你站在我面前\n" +
                "[02:47.560]这是我一生中最勇敢的瞬间\n" +
                "[02:52.259]我的眼中藏着星点嘴角有弧线\n" +
                "[02:58.259]这是我一生中最勇敢的瞬间\n" +
                "[03:02.960]你是黎明地平线是我永恒的终点\n" +
                "[03:08.909]我想把时间揉成碎片捧在我手心\n" +
                "[03:18.710]约会见\n" +
                "[03:24.310]再见面就是永远"
        },{
            title: "生活因你而火热",
            author: "新裤子",
            url: "https://music.163.com/song/media/outer/url?id=406737702.mp3",
            pic: "https://p2.music.126.net/w4J5DXSUimF5P0iDEzqy9w==/1393081236950048.jpg",
            lrc: "[00:00.000] 作词 : 彭磊\n" +
                "[00:01.000] 作曲 : 彭磊\n" +
                "[00:02.000] 编曲 : 新裤子\n" +
                "[00:06.300]勇敢的你\n" +
                "[00:07.850]站在这里\n" +
                "[00:09.790]脸庞清瘦却骄傲\n" +
                "[00:13.300]在这远方\n" +
                "[00:15.330]没人陪伴\n" +
                "[00:17.210]只有幻想和烦恼\n" +
                "[00:20.770]无聊的 渺小的 反对不公平的世界\n" +
                "[00:28.360]没能继续的革命\n" +
                "[00:32.150]不欢而散的告别\n" +
                "[00:35.540]我倒下后\n" +
                "[00:37.500]不敢回头\n" +
                "[00:39.460]不能再见的朋友\n" +
                "[00:43.070]有人堕落\n" +
                "[00:44.960]有人疯了\n" +
                "[00:46.730]有人随着风去了\n" +
                "[00:50.250]我难过\n" +
                "[01:05.130]我不得不去工作\n" +
                "[01:08.820]在大楼的一个角落\n" +
                "[01:12.720]格子间的女孩\n" +
                "[01:16.290]时间久了也很美\n" +
                "[01:20.190]我会和她结婚\n" +
                "[01:23.810]带我去小城过年\n" +
                "[01:27.810]忘了吧那摇滚乐\n" +
                "[01:31.160]奔腾不复的时代\n" +
                "[01:34.810]我倒下后\n" +
                "[01:36.470]不敢回头\n" +
                "[01:38.400]被社会伤害的人们\n" +
                "[01:41.730]有人堕落\n" +
                "[01:43.960]有人疯了\n" +
                "[01:46.800]有人随着风去了\n" +
                "[01:49.360]那些昙花一现的灿烂\n" +
                "[01:53.620]是爆炸的烟火\n" +
                "[01:57.570]那一团耀眼的火焰\n" +
                "[02:01.060]在燃烧着你和我\n" +
                "[02:04.890]那刻骨铭心的恋爱\n" +
                "[02:08.480]总带给我伤害\n" +
                "[02:12.240]那平淡如水的生活\n" +
                "[02:15.900]因为你而火热\n" +
                "[02:48.570]勇敢的你\n" +
                "[02:50.220]站在这里\n" +
                "[02:52.330]脸庞清瘦却骄傲\n" +
                "[02:55.750]在这远方\n" +
                "[02:57.740]没人陪伴\n" +
                "[02:59.650]只有幻想和烦恼\n" +
                "[03:03.420]我倒下后\n" +
                "[03:04.950]不敢回头\n" +
                "[03:07.210]不能再见的朋友\n" +
                "[03:10.700]有人堕落\n" +
                "[03:12.590]有人疯了\n" +
                "[03:14.340]有人随着风去了\n" +
                "[03:17.810]那些昙花一现的灿烂\n" +
                "[03:22.130]是爆炸的烟火\n" +
                "[03:25.920]那一团耀眼的火焰\n" +
                "[03:29.800]在燃烧着你和我\n" +
                "[03:33.460]那刻骨铭心的恋爱\n" +
                "[03:37.170]总带给我伤害\n" +
                "[03:40.750]那平淡如水的生活\n" +
                "[03:44.400]因为你而火热\n" +
                "[04:10.210]那些昙花一现的灿烂\n" +
                "[04:14.150]是爆炸的烟火\n" +
                "[04:17.780]那一团耀眼的火焰\n" +
                "[04:21.510]在燃烧着你和我\n" +
                "[04:25.180]那刻骨铭心的恋爱\n" +
                "[04:28.790]总带给我伤害\n" +
                "[04:32.490]那平淡如水的生活\n" +
                "[04:36.270]因为你而火热"
        },{
            title: "嘿，抬头！",
            author: "贰佰",
            url: "https://music.163.com/song/media/outer/url?id=448317748.mp3",
            pic: "https://p1.music.126.net/4ZArX1mNhY-CrdiISsO3iw==/18892908300128861.jpg",
            lrc: "[00:00.000] 作词 : 贰佰\n" +
                "[00:00.504] 作曲 : 贰佰\n" +
                "[00:01.09]我有一个朋友\n" +
                "[00:04.49]三年前认识他的时候\n" +
                "[00:08.34]他还不像现在这样消瘦\n" +
                "[00:15.61]他总是低着头\n" +
                "[00:19.26]翻一翻手机里过去的相片\n" +
                "[00:23.29]发几条微博\n" +
                "[00:26.09]记录着自己的生活\n" +
                "[00:30.44]他总是一个人过着\n" +
                "[00:34.01]没事就听一听安静的歌\n" +
                "[00:38.06]在每一个孤独的夜晚\n" +
                "[00:41.48]他总是喝多了酒\n" +
                "[00:45.00]有时候他会想起那些远在远方的老朋友\n" +
                "[00:52.61]也经常想起那些曾经的爱情和他一起牵过的手\n" +
                "[00:59.68]他不会像大部分的男人一样过着平庸的生活\n" +
                "[01:07.24]在每个灿烂的星空下\n" +
                "[01:10.60]他总说\n" +
                "[01:13.53]嘿，抬头！\n" +
                "[01:44.41]哎……我的这个朋友\n" +
                "[01:49.07]他说在他年轻的时候\n" +
                "[01:53.08]也像我一样奋不顾身的为了爱情和自由\n" +
                "[02:00.27]他总是抽着烟\n" +
                "[02:03.48]向别人诉说他失败的婚姻\n" +
                "[02:07.79]和那些值得让他骄傲的曾经和过去\n" +
                "[02:15.02]他热爱现在这样的生活\n" +
                "[02:18.52]不会在碌碌无为中度过\n" +
                "[02:22.41]愿我在四十岁的年纪\n" +
                "[02:26.91]也能像他一样牛逼\n" +
                "[02:29.87]有时候他会想起那些远在远方的老朋友\n" +
                "[02:37.17]也经常想起那些曾经的爱情和他一起牵过的手\n" +
                "[02:44.22]我会不会像他一样\n" +
                "[02:48.22]在不惑之年的时候\n" +
                "[02:51.70]一个人穿过拥挤的人流\n" +
                "[02:55.86]错过了就别回头\n" +
                "[02:59.15]有时候我也会想起那些远在远方的老朋友\n" +
                "[03:06.48]也经常怀疑到底会有什么样的爱情能永垂不朽\n" +
                "[03:13.85]我不会像大部分的男人一样过着平庸的生活\n" +
                "[03:21.24]在每个灿烂的星空下\n" +
                "[03:24.92]对自己说\n" +
                "[03:27.84]嘿，抬头！"
        },{
            title: "梦在黎明破晓时",
            author: "盘尼西林",
            url: "https://music.163.com/song/media/outer/url?id=1392155391.mp3",
            pic: "https://p2.music.126.net/QkswvW2zIj3_Yg1umcm2Bg==/109951164375852414.jpg",
            lrc: "[00:00.000] 作词 : 张哲轩\n" +
                "[00:00.758] 作曲 : 张哲轩\n" +
                "[00:01.516]又是一个混乱的夜晚，星星躲闪，隐匿在云端\n" +
                "[00:14.180]眼前一些记忆在浮现，闪亮灯火，照耀着平安\n" +
                "[00:27.336]彩色世界慢慢的走远，孤独你我，深夜的狂欢\n" +
                "[00:39.921]创造一切让梦来表演，还要多久，她才能如愿\n" +
                "[00:53.6]Oh , my love，sing a song for me\n" +
                "[01:16.957]瞬间的耀眼，永不会熄灭\n" +
                "[01:25.278]在忽然之间看见\n" +
                "[01:38.270]星划破天空\n" +
                "[01:41.503]她穿过彩虹\n" +
                "[01:44.726]终于不再独自等待\n" +
                "[01:51.220]影落在风中\n" +
                "[01:54.692]闪耀的梦\n" +
                "[01:57.675]照亮黑暗\n" +
                "[02:00.839]恐惧都烟消云散\n" +
                "[02:10.7]又是一个混乱的夜晚，星星躲闪，隐匿在云端\n" +
                "[02:23.676]创造一切让梦来表演，还要多久，她才能如愿\n" +
                "[02:37.356]Oh , my love，sing a song for me\n" +
                "[02:49.940]Oh , my love ，sing a song for me\n" +
                "[03:01.000]瞬间的耀眼，永不会熄灭\n" +
                "[03:09.083]在忽然之间看见\n" +
                "[03:22.079]星划破天空\n" +
                "[03:25.310]她穿过彩虹\n" +
                "[03:28.594]终于不再独自等待\n" +
                "[03:34.938]影落在风中\n" +
                "[03:38.253]闪耀的梦\n" +
                "[03:41.469]照亮黑暗\n" +
                "[03:44.713]恐惧都烟消云散\n" +
                "[04:14.490]制作人：吴涛\n" +
                "[04:14.970]主唱、吉他：张哲轩\n" +
                "[04:15.638]贝斯：赵钊\n" +
                "[04:16.316]鼓：杨宇昊\n" +
                "[04:17.003]钢琴：王雷\n" +
                "[04:17.616]女声和声：党宁\n" +
                "[04:18.416]弦乐编写：胡波涛\n" +
                "[04:18.956]弦乐团：国际首席爱乐乐团\n" +
                "[04:19.624]指挥：李朋\n" +
                "[04:20.171]录音：吴涛、罗颢夫、刘文涛\n" +
                "[04:20.782]弦乐录音师：刘韧\n" +
                "[04:21.349]缩混、母带：吴涛\n" +
                "[04:21.886]录音棚：TAO Studio、Mega Wave Studio\n" +
                "[04:22.431]弦乐录音棚：Tweak Tone Labs\n" +
                "[01:501]Oh , my love，sing a song for me"
        },{
            title: "如果有来生",
            author: "谭维维",
            url: "https://music.163.com/song/media/outer/url?id=293948.mp3",
            pic: "https://p2.music.126.net/V1oiaFl104PH0yuHLCKVuQ==/109951163061827624.jpg?param=130y130",
            lrc: "[00:00.000] 作词 : 高晓松\n" +
                "[00:01.000] 作曲 : 格非\n" +
                "[00:02.000] 编曲 : 格非\n" +
                "[00:12.42]\n" +
                "[00:16.83]以前人们在四月开始收获\n" +
                "[00:22.89]躺在高高的谷堆上面笑着\n" +
                "[00:28.69]我穿过 金黄的麦田\n" +
                "[00:31.94]去给 稻草人唱歌\n" +
                "[00:34.78]等着 落山风吹过\n" +
                "[00:39.23]\n" +
                "[00:40.98]你从一座叫“我”的小镇经过\n" +
                "[00:46.72]刚好屋顶的雪化成雨飘落\n" +
                "[00:52.45]你穿着 透明的衣服\n" +
                "[00:55.72]给我 一个人唱歌\n" +
                "[00:58.74]全都是 我喜欢的歌\n" +
                "[01:03.62]\n" +
                "[01:04.05]我们去大草原的湖边\n" +
                "[01:07.87]等候鸟飞回来\n" +
                "[01:10.56]等我们都长大了就生一个娃娃\n" +
                "[01:16.09]他会自己长大远去我们也各自远去\n" +
                "[01:22.02]我给你写信 你不会回信\n" +
                "[01:27.23]就这样吧\n" +
                "[01:34.34]\n" +
                "[01:52.97]以前人们在四月开始收获\n" +
                "[01:58.57]躺在高高的谷堆上面笑着\n" +
                "[02:04.44]我穿过 金黄的麦田\n" +
                "[02:07.51]去给 稻草人唱歌\n" +
                "[02:10.73]等着 落山风吹过\n" +
                "[02:15.72]\n" +
                "[02:16.62]你从一座叫“我”的小镇经过\n" +
                "[02:22.59]刚好屋顶的雪化成雨飘落\n" +
                "[02:28.13]你穿着 透明的衣服\n" +
                "[02:31.33]给我 一个人唱歌\n" +
                "[02:34.55]全都是 我喜欢的歌\n" +
                "[02:38.97]\n" +
                "[02:39.77]我们去大草原的湖边\n" +
                "[02:43.29]等候鸟飞回来\n" +
                "[02:46.14]等我们都长大了就生一个娃娃\n" +
                "[02:51.90]他会自己长大远去我们也各自远去\n" +
                "[02:57.96]我给你写信 你不会回信\n" +
                "[03:02.70]说好了吧\n" +
                "[03:06.88]\n" +
                "[03:07.68]去大草原的湖边\n" +
                "[03:10.26]等候鸟飞回来\n" +
                "[03:13.32]等我们都长大了就生一个娃娃\n" +
                "[03:18.71]他会自己长大远去我们也各自远去\n" +
                "[03:24.58]我给你写信 你不用回信\n" +
                "[03:30.14]就这样吧\n" +
                "[03:36.29]\n" +
                "[03:37.90]La la la...\n" +
                "[03:43.78]Oh Oh Oh\n" +
                "[03:59.27]就这样吧\n"
        },{
            title: "我们没有在一起",
            author: "刘若英",
            url: "https://music.163.com/song/media/outer/url?id=254151.mp3",
            pic: "https://p2.music.126.net/DCDZ3p4e28doEbQJZNmHmA==/109951168165472932.jpg?param=130y130",
            lrc: "[00:00.000] 作词 : 黄婷\n" +
                "[00:01.000] 作曲 : 木兰号AKA陈韦伶\n" +
                "[00:02.000] 编曲 : WAVE G\n" +
                "[00:18.38]你一直说的那个公园已经拆了\n" +
                "[00:22.67]还记得荡着秋千日子就飞起来\n" +
                "[00:27.06]慢慢的下午阳光都在脸上撒野\n" +
                "[00:31.20]你那傻气 我真是想念\n" +
                "[00:35.75]那时候小小的你 还没学会叹气\n" +
                "[00:40.07]谁又会想到他们现在喊我女王\n" +
                "[00:44.51]你哈哈笑的样子倒是一点没变\n" +
                "[00:48.61]时间走了 谁还在等呢\n" +
                "[00:53.85]这杯咖啡忘了加糖\n" +
                "[00:58.00]真不是我那么伤感\n" +
                "[01:01.69]世界太复杂 你说单纯很难\n" +
                "[01:06.35]我当然都明白\n" +
                "[01:12.52]可是呀只有你\n" +
                "[01:13.89]曾陪我在最初的地方\n" +
                "[01:16.73]只有你才能了解\n" +
                "[01:18.52]我要的梦从来不大\n" +
                "[01:21.05]我们没有在一起\n" +
                "[01:22.92]至少还像情侣一样\n" +
                "[01:25.43]我痛得 疯得\n" +
                "[01:26.70]伤得在你面前哭得最惨\n" +
                "[01:29.76]我知道你也不能\n" +
                "[01:31.55]带我回到那个地方\n" +
                "[01:34.09]你说你现在很好\n" +
                "[01:35.95]而且喜欢回忆很长\n" +
                "[01:38.45]我们没有在一起\n" +
                "[01:40.48]至少还像家人一样\n" +
                "[01:42.78]总是远远关心 远远分享\n" +
                "[02:05.28]那条路走呀走呀走呀总要回家\n" +
                "[02:09.56]两只手握着晃呀晃呀舍不得放\n" +
                "[02:13.94]你不知道吧\n" +
                "[02:15.22]后来后来我都在想跟你走吧\n" +
                "[02:20.01]管他去哪呀\n" +
                "[02:23.23]这杯咖啡忘了加糖\n" +
                "[02:27.54]真不是我那么伤感\n" +
                "[02:31.05]世界太复杂\n" +
                "[02:33.23]你说单纯很难\n" +
                "[02:35.76]我当然都明白\n" +
                "[02:39.57]可是呀只有你\n" +
                "[02:41.13]曾陪我在最初的地方\n" +
                "[02:43.98]只有你才能了解\n" +
                "[02:45.73]我要的梦从来不大\n" +
                "[02:48.26]我们没有在一起\n" +
                "[02:50.11]至少还像情侣一样\n" +
                "[02:52.63]我痛得 疯得\n" +
                "[02:53.91]伤得在你面前哭得最惨\n" +
                "[02:56.97]我知道你也不能\n" +
                "[02:58.82]带我回到那个地方\n" +
                "[03:01.39]你说你现在很好\n" +
                "[03:03.15]而且喜欢回忆很长\n" +
                "[03:05.66]我们没有在一起\n" +
                "[03:07.54]至少还像家人一样\n" +
                "[03:10.02]总是远远关心 远远分享\n" +
                "[03:23.28]可是呀只有你曾陪我在最初的地方\n" +
                "[03:27.66]只有你才能了解\n" +
                "[03:29.51]我要的梦从来不大\n" +
                "[03:31.93]我们没有在一起\n" +
                "[03:33.71]至少还像情侣一样\n" +
                "[03:36.26]我痛得 疯得\n" +
                "[03:37.59]伤得在你面前哭得最惨\n" +
                "[03:40.91]我知道你也不能\n" +
                "[03:42.55]带我回到那个地方\n" +
                "[03:45.12]你说你现在很好\n" +
                "[03:46.89]而且喜欢回忆很长\n" +
                "[03:49.46]我们没有在一起\n" +
                "[03:51.21]至少还像家人一样\n" +
                "[03:53.73]总是远远关心 远远分享\n" +
                "[04:02.78]我们没有在一起\n" +
                "[04:04.62]至少还像朋友一样\n" +
                "[04:07.41]你远远的关心其实更长\n" +
                "[04:15.41]制作人：朱敬然\n" +
                "[04:16.41]单簧管：周依萱\n" +
                "[04:17.41]录音师：朱敬然\n" +
                "[04:18.41]录音室：新歌录音室\n" +
                "[04:19.41]混音师：Craig Burbidge\n" +
                "[04:20.41]混音录音室：白金录音室\n" +
                "[04:21.41]OP：义气音乐\n" +
                "[04:22.41]SP：Universal Ms Publ Ltd Taiwan\n" +
                "[04:23.41]OP：喜欢唱片有限公司(admin by EMI MPT)\n" +
                "[04:24.41]ISRC TW-K23-10-02702"
        }] || []
    })


    // L2Dwidget.init({
    //     "model": {　　　　　　　//jsonpath控制显示那个小萝莉模型，下面这个就是我觉得最可爱的小萝莉模型
    //         jsonPath: "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json",
    //         "scale": 0.8
    //     },
    //     "display": {
    //         "position": "right", //看板娘的表现位置
    //         "width": 100,  //小萝莉的宽度
    //         "height": 200, //小萝莉的高度
    //         "hOffset": 0,
    //         "vOffset": 90
    //     },
    //     "mobile": {
    //         "show": true,
    //         "scale": 0.5
    //     },
    //     "react": {
    //         "opacityDefault": 0.7,
    //         "opacityOnHover": 0.2
    //     }
    // });
</script>
    <script type="text/javascript">
        /*
            百度分享
            建议改成自己的百度分享js，否则你是没法查看分享的统计结果的。
         */
        var bdText = $("#meta_description").attr("content")+" - by xuwangcheng.com";
        // 如果文章没有封面图，则取默认的图片
        var coverImg = $("#cover-img").attr("src") || "https://www.xuwangcheng.com/img/default_article_cover.jpg";
        window._bd_share_config={"common":{"bdSnsKey":{},"bdText":bdText,"bdMini":"2","bdMiniList":["mshare","qzone","tsina","bdysc","weixin","renren","tqq","kaixin001","tqf","tieba","douban","bdhome","sqq","youdao","sdo","qingbiji","mail","isohu","ty","fbook","twi","linkedin","h163","evernotecn","copy","print"],"bdPic":coverImg,"bdStyle":"1","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
    </script>
    <script src="https://v1.hitokoto.cn/?encode=js&c=d&select=%23hitokoto" defer></script>
    <script type="text/javascript" src="https://fastly.jsdelivr.net/npm/highlight.js@9.12.0/lib/highlight.min.js"></script>
	<script type="text/javascript" src="https://fastly.jsdelivr.net/npm/simplemde@1.11.2/dist/simplemde.min.js"></script>

    </body>
</html>