<!--引入头部-->


<!--
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◆◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◆◆◆◆◆◆◆◆◇◇◇◇◇◇
◇◇◇◇◇◇◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◇◇◇◇◇◇
◇◇◇◆◆◆◆◆◆◆◆◆◆◆◆◆◇◆◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◆◆◆◆◆◇◇◇◇◇◆◇◇◇◆◇◆◆◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◆◆◆◆◇◇◇◇◆◇◇◇◆◇◆◆◆◇◇◇◇◇◇◇◇
◇◇◇◇◇◆◆◆◆◆◇◇◇◆◇◇◆◆◇◇◆◆◇◇◇◇◇◇◇◇
◇◇◇◇◇◆◆◇◆◆◇◇◇◆◆◆◆◆◇◇◆◇◇◇◇◇◇◇◇◇
◇◇◇◇◆◆◇◇◆◆◇◆◇◆◆◆◇◆◇◇◆◇◇◇◇◇◇◇◇◇
◇◇◇◇◆◆◆◆◆◆◆◆◇◆◇◇◇◆◇◇◆◇◇◇◇◇◇◇◇◇
◇◇◇◆◆◆◆◆◆◆◆◆◇◆◇◆◆◆◇◇◆◇◇◇◇◇◇◇◇◇
◇◇◇◇◆◇◇◇◆◆◇◇◇◆◆◆◆◆◇◇◆◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◆◆◇◆◇◆◆◆◇◆◇◇◆◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◆◆◆◆◆◆◆◇◇◇◆◆◆◆◇◇◇◆◇◇◇◇◇
◇◇◇◇◆◆◆◆◆◆◇◇◇◆◇◇◆◆◆◆◆◇◇◇◆◇◇◇◇◇
◇◇◆◆◆◆◆◆◆◇◇◇◇◆◆◆◆◆◇◆◆◇◇◇◆◆◇◇◇◇
◇◇◇◆◆◇◇◇◆◇◇◆◆◆◆◆◇◆◇◆◆◇◇◇◆◆◇◇◇◇
◇◇◇◇◇◇◇◇◆◇◆◆◆◆◇◇◇◆◇◆◆◇◇◇◆◆◇◇◇◇
◇◇◇◇◇◇◇◇◆◇◇◆◇◇◇◇◆◆◇◇◆◆◇◆◆◆◇◇◇◇
◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◆◆◇◇◆◆◆◆◆◆◇◇◇◇
◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◆◆◇◇◇◇◆◆◇◇◇◇◇◇
◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◆◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◆◆◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◆◆◆◆◆◆◆◆◆◆◆◆◆◆◇◇◇◇◇
◇◇◇◇◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◇◇◇◇◇◇◇
◇◇◇◇◇◆◆◆◆◆◆◆◇◇◆◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◆◆◆◇◇◆◆◆◇◇◇◆◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◆◆◆◇◇◇◆◆◇◇◇◆◆◆◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◆◆◇◇◇◆◆◆◆◆◆◆◆◆◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◆◆◆◇◇◇◆◆◆◆◆◆◆◆◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◆◆◆◆◇◇◆◆◆◆◇◇◇◆◆◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◆◆◆◆◆◇◇◆◆◆◆◆◆◆◆◆◇◇◇◇◇◇◇◇◇
◇◇◇◇◆◆◆◇◆◆◇◆◆◆◆◆◆◆◆◆◇◇◇◇◇◇◇◇◇◇
◇◇◇◆◆◆◇◇◆◆◇◆◆◆◆◇◆◆◆◆◇◇◇◇◇◇◇◇◇◇
◇◇◆◆◇◇◇◇◆◆◆◆◇◆◆◆◇◆◆◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◆◆◆◆◇◇◆◆◆◆◆◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◆◆◆◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◆◆◆◆◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◆◇◇◇◇◇◆◆◇◆◆◆◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◆◆◇◇◇◇◆◆◇◇◇◆◆◆◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◆◆◇◇◇◆◆◇◇◇◇◇◆◆◆◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◆◆◇◆◆◆◇◇◇◇◇◇◇◆◆◆◆◆◆◇◇◇◇
◇◇◇◇◇◇◇◆◆◆◆◆◇◇◇◇◇◇◇◇◆◆◆◆◆◆◇◇◇◇
◇◇◇◇◇◇◇◇◆◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◆◆◆◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◆◆◆◇◇◇◇◆◆◆◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◆◆◇◇◇◆◆◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◆◆◆◆◆◆◆◆◆◆◆◆◆◆◇◇◇◇◇
◇◇◇◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◇◇◇◇◇◇◇◇
◇◇◇◇◆◆◆◆◆◆◆◆◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◆◆◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◆◆◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◆◆◇◇◇◆◆◆◇◇◆◆◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◆◆◆◇◇◆◆◆◇◇◆◆◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◆◆◆◇◇◇◇◆◇◇◆◆◆◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◆◆◆◇◇◇◇◇◆◇◇◆◆◆◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◆◆◆◆◇◇◇◇◇◆◇◆◆◆◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◆◆◆◆◆◇◇◇◇◇◆◆◆◆◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◆◆◆◇◆◆◇◇◇◇◆◆◆◆◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◆◆◆◇◇◆◇◇◇◇◆◆◆◆◇◇◇◇◇◇◆◇◇◇◇◇
◇◇◇◆◆◆◇◇◇◆◇◇◆◆◆◆◆◇◇◇◇◇◇◇◆◆◇◇◇◇
◇◇◇◆◆◇◇◇◇◆◇◆◆◆◇◇◆◇◇◇◇◇◇◇◆◆◇◇◇◇
◇◇◇◇◇◇◇◇◇◆◇◆◆◇◇◇◆◇◇◇◇◇◇◇◆◆◇◇◇◇
◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◆◇◇◇◇◇◇◇◆◆◇◇◇◇
◇◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◆◆◇◇◇◇◆◆◆◆◇◇◇◇
◇◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◆◆◆◆◆◆◆◆◆◆◇◇◇◇
◇◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◆◆◆◆◆◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◆◆◆◇◆◆◆◆◆◆◆◆◆◆◆◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◆◆◆◇◆◆◆◆◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◆◆◇◇◆◆◆◇◇◇◆◆◆◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◆◇◇◇◆◆◆◇◆◆◆◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◆◆◆◆◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◆◇◇◇◇◇◆◇◇◇◇◆◆◆◆◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◆◆◆◇◇◆◆◇◇◇◆◆◆◆◆◆◆◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◆◆◆◇◆◆◇◇◆◆◆◆◇◇◆◆◆◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◆◆◇◆◆◆◆◆◆◇◆◆◇◇◆◆◆◆◆◆◆◇◇◇◇
◇◇◇◇◇◇◆◇◆◆◆◆◇◇◇◆◆◇◇◇◆◆◆◆◆◆◇◇◇◇
◇◇◇◇◇◇◇◆◆◆◆◇◇◇◇◆◆◆◆◆◆◆◆◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◆◆◇◆◆◆◆◆◆◆◆◆◆◆◆◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◆◆◇◇◆◆◆◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◆◆◇◇◇◇◇◇◆◆◆◆◆◆◆◆◆◆◇◇◇◇◇◇
◇◇◇◇◇◇◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◇◇◇◇◇◇◇
◇◇◆◆◆◆◆◇◆◆◆◆◆◆◇◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◆◆◆◆◇◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◆◆◆◇◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◆◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◆◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◆◇◇◇◇◇◇◇◇◇◇◇◇◇◇
◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇
辄夜花泽Blog：https://www.blog.johnbin.cn -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="/static/blog/static/image/shortcut_icon.png" type="image/x-icon"/>
    <meta name="keywords" content="辄夜花泽, 自适应主题，响应式主题，个人博客模板，工具下载，主题分享，博客模板，个人网站模板，技术分享，功能开发，前端技术，后端技术">
    <meta name="description" content="辄夜花泽, 自适应主题，响应式主题，个人博客模板，工具下载，主题分享，博客模板，个人网站模板，技术分享，功能开发，前端技术，后端技术">
    <meta name='robots' content='noindex,follow'>
    <link rel="stylesheet" href="/static/blog/static/css/style.css?version=1638364957">
    <link rel="stylesheet" href="/static/blog/static/css/code.css?version=1638364957">
    <link rel="stylesheet" href="/static/blog/static/css/main.css?version=1638364957">
    <link rel="stylesheet" href="/static/blog/static/css/font-awesome.min.css?version=1638364957"> <!-- awesome-->
    <link rel="stylesheet" href="/static/blog/static/css/swiper.min.css?version=1638364957">  <!-- 轮播图-->
    <!--<link rel="stylesheet" href="/static/blog/static/css/monokai_sublime.min.css">-->
    <script type="text/javascript" src="/static/blog/static/js/highlight.min.js?version=1638364957"></script>
    <script type='text/javascript' src='/static/blog/static/js/jquery-1.12.4.js?version=1638364957'></script>
    <script type='text/javascript' src='/static/blog/static/js/jquery-migrate.min-1.4.1.js?version=1638364957'></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <style> .article-list .post-item-foot-icon span.m-r-sm:last-child{display:none}
    .article-list .post-item-foot-icon i:nth-child(3){display:none}</style>
    <link rel="stylesheet" class="rtl-css" id="rtl-css" href="">
    <link rel="stylesheet" class="layout-css" id="layout-css" href="">
</head>
<style>
    /*全部th和td添加样式*/
    th{
        text-align:center;
    }
    td{
        text-align:center;
    }
    /*全部input加上样式*/
    input {
        margin-top: 0;
        border: 1px solid #4680ff;
        border-radius: 3px;
        -webkit-appearance:none;
        -moz-appearance:none;
        -ms-appearance:none;
        -o-appearance:none;
        appearance:none;
        outline: none;
    }
    input[type='text']:focus{
        border-radius: 4px;
        border: 1px solid #4680ff;
        box-shadow: 0 0 5px 0px #4680ff;
    }
</style>
<body class="container box-layout background-blue">
<!-- [ Pre-loader ] start -->
<div class="loader-bg" style="display: none">
    <div class="loader-track">
        <div class="loader-fill"></div>
    </div>
</div>

<title> javaScript-架构手册 辄夜花泽个人博客 </title>
<!--引入导航栏-->
<nav class="pcoded-navbar menu-light ">
    <div class="navbar-wrapper  ">
        <div class="navbar-content scroll-div ">
            <div class="" style="display: none">
                <div class="main-menu-header">
                    <img class="img-radius" src="/static/blog/static/picture/avatar.png" alt="User-Profile-Image">
                    <div class="user-details">
                        <div id="more-details">辄夜花泽  <i class="fa fa-caret-down"></i></div>
                    </div>
                </div>
                <div class="collapse" id="nav-user-link">
                    <ul class="list-inline">
                        <li class="list-inline-item"><a href="user-profile" data-toggle="tooltip" title="View Profile"><i class="feather icon-user"></i></a></li>
                        <li class="list-inline-item"><a href="email_inbox"><i class="feather icon-mail" data-toggle="tooltip" title="Messages"></i><small class="badge badge-pill badge-primary">5</small></a></li>
                        <li class="list-inline-item"><a href="auth-signin" data-toggle="tooltip" title="Logout" class="text-danger"><i class="feather icon-power"></i></a></li>
                    </ul>
                </div>
            </div>
            <!-- 左侧导航导航部分 -->
            <ul class="nav pcoded-inner-navbar ">
                <li class="nav-item pcoded-menu-caption">
                    <label>导航</label>
                </li>
            </ul>
            <ul id="menu-%e8%8f%9c%e5%8d%951" class="nav pcoded-inner-navbar">
                <li id="menu-item-1411" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-1411">
                    <a href="http://blog.johnbin.cn/blog/index/index">
                        <span class="pcoded-micon">
                        <i class="feather icon-home"></i>
                    </span>首页
                    </a>
                </li>
                <li id="menu-item-1412" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1412">
                    <a target="_blank" href="#">
                        <span class="pcoded-micon">
                        <i class="feather icon-github"></i>
                        </span>仓库
                    </a>
                </li>
                <li id="menu-item-1413" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1413">
                    <a href="http://blog.johnbin.cn/blog/index/message">
                        <span class="pcoded-micon">
                        <i class="fas fa-comments"></i>
                        </span>留言
                    </a>
                </li>
                <li id="menu-item-1417" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1417">
                    <a href="http://blog.johnbin.cn/blog/index/topics">
                        <span class="pcoded-micon">
                            <i class="fas fa-columns"></i>
                        </span>专题
                    </a>
                </li>
                <li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1417">
                    <a href="http://blog.johnbin.cn/blog/index/icon">
                        <span class="pcoded-micon">
                            <i class="fas fa-angry"></i>
                        </span>图标
                    </a>
                </li>
            </ul>

            <!-- 左侧导航组成部分 -->
            <ul class="nav pcoded-inner-navbar ">
                <li class="nav-item pcoded-menu-caption">
                    <label>组成</label>
                </li>
            </ul>
            <ul class="nav pcoded-inner-navbar ">
                <li class="nav-item pcoded-hasmenu">
                    <a href="javascript:void(0)" no-pjax="" class="nav-link pcoded-submenu-click">
                        <span class="pcoded-micon">
                            <i class="fas fa-splotch"></i>
                        </span>
                        <span class="pcoded-mtext">分类</span>
                    </a>
                    <ul class="pcoded-submenu" data="off">
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/777192611" title="视频">
                                 <span>视频</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/734137683" title="Laravel">
                                 <span>Laravel</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/701176514" title="工具">
                                 <span>工具</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/45917434" title="PHP">
                                 <span>PHP</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/20125912" title="Html">
                                 <span>Html</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/34533430" title="Ajax">
                                 <span>Ajax</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/52841698" title="Javascript">
                                 <span>Javascript</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/70656814" title="Linux">
                                 <span>Linux</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/66362692" title="Mysql">
                                 <span>Mysql</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/70878573" title="小程序">
                                 <span>小程序</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/97688234" title="Api">
                                 <span>Api</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/80998220" title="Ecshop">
                                 <span>Ecshop</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/267109849" title="Web">
                                 <span>Web</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/745114309" title="Jquery">
                                 <span>Jquery</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/630126983" title="ThinkPHP">
                                 <span>ThinkPHP</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/628147134" title="Yii">
                                 <span>Yii</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/790151821" title="辄夜花泽">
                                 <span>辄夜花泽</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/618169803" title="手册">
                                 <span>手册</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/662183728" title="源码">
                                 <span>源码</span>
                            </a>
                        </li>
                                                <li>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/440202696" title="模板">
                                 <span>模板</span>
                            </a>
                        </li>
                                            </ul>
                </li>
            </ul>

            <ul class="nav pcoded-inner-navbar ">
                <!-- 左侧导航组成友情链接部分 -->
                <li class="nav-item pcoded-hasmenu">
                    <a href="javascript:void(0)" no-pjax="" class="nav-link pcoded-submenu-click">
                        <span class="pcoded-micon"><i class="feather icon-link"></i></span><span class="pcoded-mtext">友链</span>
                    </a>
                    <ul class="pcoded-submenu" data="off">
                                                    <li><a href="https://www.usuuu.com" target="_blank" title="悠悠吧" alt="">
                                <span>悠悠吧</span></a>
                            </li>
                                                    <li><a href="http://www.sunfahui.com" target="_blank" title="小灰灰" alt="">
                                <span>小灰灰</span></a>
                            </li>
                                                    <li><a href="http://www.yanglajiao.com" target="_blank" title="洋辣椒" alt="">
                                <span>洋辣椒</span></a>
                            </li>
                                                    <li><a href="http://johnbin.cn" target="_blank" title="旧博客地址" alt="达到">
                                <span>旧博客地址</span></a>
                            </li>
                                                    <li><a href="http://pancun.com.cn" target="_blank" title="华安自媒体博客" alt="">
                                <span>华安自媒体博客</span></a>
                            </li>
                                                    <li><a href="http://2345.tiws.cn/" target="_blank" title="电脑系统城" alt="">
                                <span>电脑系统城</span></a>
                            </li>
                                            </ul>
                </li>
            </ul>
            <ul class="nav pcoded-inner-navbar ">
                <!-- 左侧导航组成在线工具部分 -->
                <li class="nav-item pcoded-hasmenu">
                    <a href="javascript:void(0)" no-pjax="" class="nav-link pcoded-submenu-click">
                        <span class="pcoded-micon">
                            <i class="fas fa-code"></i>
                        </span>
                        <span class="pcoded-mtext">在线工具</span>
                    </a>
                    <ul class="pcoded-submenu" data="off">
                        <li><a href="http://johnbin.cn/ptest/Azdy/crypt/X1B13GOI9/xhrt/3812f7bacb8fca7a1276ebcadca41e1e89e8aa36" target="_blank" title="抖音视频去水印" alt="抖音视频去水印">
                            <span>抖音视频去水印</span></a>
                        </li>
                        <li><a href="https://www.json.cn" target="_blank" title="在线JSON格式化" alt="在线JSON格式化">
                            <span>在线JSON格式化</span></a>
                        </li>
                        <li><a href="http://johnbin.cn/index/regexinfo/crypt/23W5667AH/xhrt/019fa4cd0954f064bf4dfd2bb44fdc61e9568286" target="_blank" title="正则表达式" alt="正则表达式">
                            <span>正则表达式</span></a>
                        </li>
                    </ul>
                </li>
            </ul>

            <div class="card text-center" style="display: none;">
                <div class="card-block">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                    <i class="feather icon-sunset f-40"></i>
                    <h6 class="mt-3">Help?</h6>
                    <p>Please contact us on our email for need any support</p>
                    <a href="index" target="_blank" class="btn btn-primary btn-sm text-white m-0">Support</a>
                </div>
            </div>

        </div>
    </div>
</nav>
<!-- [ Pre-loader ] End --><!-- [ navigation menu ] start -->

<!-- [ navigation menu ] end --><!-- [ Header ] start -->
<!-- [ navigation menu ] end --><!-- [ Header ] start -->
<header class="navbar pcoded-header navbar-expand-lg navbar-light header-blue">
    <div class="m-header">
        <a class="mobile-menu" id="mobile-collapse" href="#"><span></span></a>
        <a href="http://blog.johnbin.cn/blog/index/index" class="b-brand">
            <!-- ========   change your logo hear   ============ -->
            <img src="/static/blog/static/picture/logo2.png" alt="" class="logo">
        </a>
        <a href="#" class="mob-toggler">
            <i class="feather icon-more-vertical"></i>
        </a>
    </div>
    <div class="collapse navbar-collapse">
        <ul class="navbar-nav ml-auto">
            <li class="nav-item">
                <a href="http://blog.johnbin.cn/blog/index/index" class="pop-search"><i class="feather icon-search"></i></a>
                <form class="search-bar" id="searchform" method="get" role="search" action="/blog/index/search">
                    <input type="text" name="keywords" class="form-control border-0 shadow-none" placeholder="请输入关键词搜索">
                    <button type="button" class="close" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </form>
            </li>
        </ul>
    </div>
</header>
<!-- [ Header ] end -->
<!-- [ Header ] end -->

<!-- [ Main Content ] start -->
<section class="pcoded-main-container" id="content">
    <div class="pcoded-content">
        <div class="row">
            <!--中部内容 -->
            
    <div class="col-md-8">
        <!-- [ breadcrumb ] start -->
        <ul class="breadcrumb" itemscope=""><a itemprop="breadcrumb" href="http://blog.johnbin.cn/blog/index/index">首页</a>  &nbsp;&nbsp;›&nbsp;&nbsp; <a itemprop="breadcrumb" href="http://blog.johnbin.cn/blog/index/category/code/618169803">手册</a>  &nbsp;&nbsp;›&nbsp;&nbsp; <span class="current">正文</span></ul>                <!-- [ breadcrumb ] end -->
        <!-- [ single ] start -->
        <div class="post card animated fadeIn ">
            <div class="card-body">
                <div class="post-header border-bottom border-light mb-4 pb-4">
                    <div class="d-block text-sm mt-md-1 mb-2 mb-md-3">
                        <a href="http://blog.johnbin.cn/blog/index/category/code/618169803">
                            <span class="badge badge-primary">手册</span>
                        </a>
                    </div>
                    <h1 class="h3 mb-3">javaScript-架构手册</h1>
                    <div class="meta d-flex align-items-center text-xs text-muted">
                        <div>
                            <time class="d-inline-block">3年前</time></div>
                        <div class="ml-auto text-sm">
                    <span class="mx-1">
                        <i class="text-md iconfont icon-eye-line mx-1"></i>
                        <small>203</small></span>
                            <a class="mx-1" href="#comments">
                                <i class="text-md iconfont icon-chat--line mx-1"></i>
                                <small>2</small>
                            </a>
                            <a class="btn-like btn-link-like  mx-1" href="javascript:;" data-action="like">
                                <i class="text-md iconfont icon-thumb-up-line mx-1"></i>
                                <small class="like-count click_num">52</small>
                            </a>
                        </div>
                    </div>
                    <div class="border-theme bg-primary"></div>
                </div>
                <div class="post-content">
                    <div class="nc-light-gallery">
                                            </div>
                    <script type="text/javascript">
                        var allpre = document.getElementsByTagName("pre");
                        for(i = 0; i < allpre.length; i++)
                        {
                            var onepre = document.getElementsByTagName("pre")[i];
                            var mycode = document.getElementsByTagName("pre")[i].innerHTML;
                            onepre.innerHTML = '<code>'+mycode+'</code>';
                        }
                    </script>
                    <script>
                        hljs.initHighlighting.called = false;hljs.initHighlighting();
                    </script>
                </div>

                <!-- [ share ] start -->
                <div>
                                            <h3>下载地址：</h3>
                        <span>云盘链接:<a href="https://pan.baidu.com/s/1tiX1JHRL9lSVDVM4pItQnQ">https://pan.baidu.com/s/1tiX1JHRL9lSVDVM4pItQnQ</a></span>
                        <br/>
                                                    网盘密码:<span class="f-w-600">评论即可查看密码.</span>
                                            <br/>
                    <br/>
                    <span>分享给朋友吧：</span>
                    <div>
                        <!-- 微博分享 url是文章链接,title是标题-->
                        <a href="http://service.weibo.com/share/share.php?url=http://blog.johnbin.cn/blog/index/info/code/930484213&amp;title=javaScript-架构手册&amp;pic=http://blog.johnbin.cn/http://blog.johnbin.cn/upload/admin/20181113/960ba118bb6ca2a99f90bc1b9613af1a.png%3F96&amp;appkey=" target="_blank">
                            <img class="wh-32" src="/static/qrcode/share/xlwb.png" title="新浪微博">
                        </a>
                        <!-- QQ分享-desc是用户分享标语,url是当前文章链接,title是，分享标题，soure是分享简介 pics是分享的图片-->
                        <a href="http://connect.qq.com/widget/shareqq/index.html?url=http://blog.johnbin.cn/blog/index/info/code/930484213&amp;title=javaScript-架构手册&amp;source=该手册是javascript的架构手册，一些比较底层的js知识尽在其中，快去参透其中奥妙吧。&amp;desc=javaScript-架构手册&amp;pics=http://blog.johnbin.cn/http://blog.johnbin.cn/upload/admin/20181113/960ba118bb6ca2a99f90bc1b9613af1a.png" target="_blank">
                            <img class="wh-32" src="/static/qrcode/share/qq.png" title="腾讯QQ">
                        </a>
                        <!-- 微信扫码分享 将当前文章链接生成二维码-->
                        <a href="javascript:void(0);">
                            <img class="w-32 icon_wx" src="/static/qrcode/share/wxs.png" title="微信">
                        </a>
                        <!-- 分享腾讯微博 url就是文章地址,title是文章标题，pic是文章图片+++++++++++++++++无用，直接到腾讯首页-->
                        <a href="http://v.t.qq.com/share/share.php?title=javaScript-架构手册&amp;url=http://blog.johnbin.cn/blog/index/info/code/930484213&amp;pic=http://blog.johnbin.cn/http://blog.johnbin.cn/upload/admin/20181113/960ba118bb6ca2a99f90bc1b9613af1a.png%3F96" target="_blank">
                            <img class="wh-32" src="/static/qrcode/share/qqwbs.png" title="腾讯微博">
                        </a>
                        <!-- 分享到豆瓣  href是链接 name是标题text是简介 image是图片 -->
                        <a href="http://shuo.douban.com/!service/share?href=http://blog.johnbin.cn/blog/index/info/code/930484213&amp;name=javaScript-架构手册&amp;text=该手册是javascript的架构手册，一些比较底层的js知识尽在其中，快去参透其中奥妙吧。&amp;image=http://blog.johnbin.cn/http://blog.johnbin.cn/upload/admin/20181113/960ba118bb6ca2a99f90bc1b9613af1a.png%3F96&amp;starid=0&amp;aid=0&amp;style=11" target="_blank">
                            <img class="wh-32" src="/static/qrcode/share/db.png" title="豆瓣网">
                        </a>
                        <!-- 分享QQ空间 url是文章链接title文章标题 desc是文章分享标语，summary是简介-->
                        <a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://blog.johnbin.cn/blog/index/info/code/930484213&amp;title=javaScript-架构手册&amp;desc=javaScript-架构手册&amp;summary=该手册是javascript的架构手册，一些比较底层的js知识尽在其中，快去参透其中奥妙吧。&amp;site=%E5%AE%9D%E5%A1%94%E9%9D%A2%E6%9D%BF%E7%94%B3%E8%AF%B7SSL%E6%8A%A5%E9%94%99%E6%97%A0%E6%95%88%E7%9A%84%E7%94%B5%E5%AD%90%E9%82%AE%E7%AE%B1invalidemail" target="_blank">
                            <img class="wh-32" src="/static/qrcode/share/qqzone.png" title="QQ空间">
                        </a>
                    </div>
                    <div class="display_code bg-white wid-201 hei-192 z-i-9999" style="display:none;box-shadow:1px 1px 1px 1px #888888;">
                        <div class="f-12 wid-201 hei-32 bg-little-gray lh-32 tal-c">微信扫一扫：分享</div>
                        <center>
                            <div class="qrcodeTable ml5"></div>
                        </center>
                        <div>
                            <div class="f-12 bg-white wid-201 hei-15 lh-15 tal-c prt-5">微信里点“发现”，扫一下</div>
                            <div class="f-12 bg-white wid-201 hei-15 lh-15 tal-c prt-9">二维码便可将文本分享至朋友圈</div>
                        </div>
                    </div>
                    <h4 class="mt-2">声明：</h4>
                    1，如果您发现本文件已经失效不能下载，请
                    <a class="f-w-600" href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=858838081" target="_blank">联系站长</a> 修正或
                    <a class="f-w-600" href="/blog/index/message">留言</a>！
                    <br/>
                    2，本站提供的资源多数为百度网盘下载，对于大文件，你需要安装百度云客户端才能下载！
                    <br/>
                    3，部分文件引用的官方或者非网盘类他站下载链接，你可能需要使用迅雷、BT等下载工具下载！
                    <br/>
                    4，本站推荐的资源均经由站长检测或者个人发布，不包含恶意软件病毒代码等，如果你发现此类问题，请向站长举报！
                    <br/>
                    5，本站仅提供文件的免费下载服务，如果你对代码程序软件的使用有任何疑惑，请留言。
                    <br/>
                    6，本网站在文章内容仅供于学习参考使用，请勿作为商业通途使用，版权归原作者所有。如您对内容、版权等问题存在异议请与本站联系，我们会及时进行处理解决。
                </div>
                <!-- [ share ] end -->


                <!-- [ like ] start -->
                <div class="donate text-center">
                    <p class="text-muted mt-3">如果本文对您有帮助，欢迎随意打赏作者，让作者坚持创作！</p>
                    <a class="btn btn-primary btn-like btn-link-like2 current" href="javascript:;" data-action="like" id="like_clicks">
                        <i class="text-md iconfont icon-thumb-up-line mx-1"></i>
                        <small class="like-count click_num">52</small>
                    </a>
                    <a class="btn btn-success mt-3 mb-3" data-toggle="modal" data-target="#gratuityModal" href="javascript:void(0);" onclick="return false;" title="如本文“对您有用”，欢迎随意打赏作者，让我们坚持创作！"><i class="text-md feather icon-award mx-1"></i>打赏</a>
                </div>
                <!-- [ like ] end -->

            </div>

        </div>
        <!-- [ single ] end -->


        <!-- [ comments ] start -->
        <div id="comments" class="comments">
            <div class="card">
                <div class="mx-4 my-3">
                    <i class="text-xl text-primary iconfont icon-message--line mr-2"></i>评论
                    <small class="font-theme text-muted">(2)</small></div>

                <div class="card-body">
                    <p class="text-left">
                                                    <a href="javascript:void(0)" data-toggle="tooltip" data-original-title="">
                                <img src="http://blog.johnbin.cn/static/images/avatar/default2.png" class="avatar w-32 mb-2" style="border-radius: 5px;">
                            </a>
                                                    <a href="javascript:void(0)" data-toggle="tooltip" data-original-title="">
                                <img src="http://blog.johnbin.cn/static/images/avatar/default8.png" class="avatar w-32 mb-2" style="border-radius: 5px;">
                            </a>
                                            </p>
                    <p id="reply-title" class="comments-title">
                        <small>
                        <a rel="nofollow" id="cancel-comment-reply-link" href="https://www.hankin.cn/liuyan?_pjax=%23content#respond" style="display:none;">点击这里取消回复。</a>
                        </small>
                    </p>
                    <div id="respond" class="comment-respond mb-4">
                        <div class="comment-from-author">
                            <div class="comment-avatar-author d-flex flex-fill align-items-center text-sm mb-2">
                                <div class="avatar w-32">
                                    <img src="/static/images/avatar/default11.png" id="avatars" class="avatar w-32 qqpic">
                                </div>
                            </div>
                            <input id="is_tourist" type="hidden" value="0">
                            <div class="comment-form-text">
                                <p class="warning-text" style="margin-bottom:10px">欢迎您 <a href="javascript:void(0)" no-pjax="" id="cancelq" class="nick_name"><font color="#4680ff">游客</font> &nbsp;<i class="feather icon-edit"></i></a></p>
                                <div class="comment-form-info row row-sm" id="qqShow">
                                    <div class="col-12 col-md-4">
                                        <div class="form-group comment-form-author">
                                            <input class="form-control text-sm qqnum" placeholder="QQ号可获取头像和昵称" type="number" value="" required="required">
                                            <input id="avatar" type="hidden" value="">
                                            <input id="nick_name" type="hidden" value="">
                                            <input id="email" type="hidden" value="">
                                            <input id="qqnum" type="hidden" value="">
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group comment-form-email">
                                            <input class="form-control text-sm email" placeholder="自动获取" value="" type="email" readonly="" autocomplete="off"></div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="form-group comment-form-url">
                                            <input class="form-control text-sm" placeholder="网址(可不填)" id="link" type="url" value="">
                                        </div>
                                    </div>
                                </div>
                                <div class="loader-comment" style="display: none;" id="comment-loader">
                                    <div class="loader-track">
                                        <div class="loader-fill"></div>
                                    </div>
                                </div>
                                <div class="comment-textarea mb-3">
                                    <textarea id="comment" class="form-control form-control-sm" rows="2" maxlength="200" onkeyup="check(this)" placeholder="轻言细语,说出你的思绪吧....."></textarea>
                                    <span>你还可以输入<b id="bb">200</b>个字</span>
                                </div>
                                <div class="d-flex flex-fill align-items-center">
                                    <div class="flex-fill"></div>
                                    <div class="form-submit">
                                        <a href="javascript:;" id="submit" class="btn btn-dark">发布评论</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <ul class="comment-list">
                                                    <!-- #comment-## -->
                            <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-84">
                                <article id="div-comment-84" class="comment-body d-flex flex-fill ">
                                    <div class="comment-avatar-author vcard mr-2 mr-md-3 ">
                                        <div class="w-48">
                                            <img src="http://blog.johnbin.cn/static/images/avatar/default2.png" style="border-radius: 5px;">
                                        </div>
                                    </div>
                                    <div class="comment-text d-flex flex-fill flex-column">
                                        <div class="comment-info d-flex align-items-center mb-1">
                                            <div class="comment-author text-sm">
                                                游客                                            </div>
                                        </div>
                                        <div class="comment-content d-inline-block text-sm">
                                            <p>..</p>
                                        </div>
                                        <!-- .comment-content -->
                                        <div class="d-flex flex-fill text-xs text-muted pt-2">
                                            <div>
                                                <time class="comment-date">8个月前 </time></div>
                                            <div class="flex-fill"></div>
                                            <!--    <a rel="nofollow" class="comment-reply-link" href="https://www.hankin.cn/liuyan#comment-84" onclick="return addComment.moveForm( &quot;comment-84&quot;, &quot;84&quot;, &quot;respond&quot;, &quot;1429&quot; )" aria-label="回复给itdog">回复</a>                </div>-->
                                        </div>

                                </article>
                            </li>
                                                        <!-- #comment-## -->
                            <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-84">
                                <article id="div-comment-84" class="comment-body d-flex flex-fill ">
                                    <div class="comment-avatar-author vcard mr-2 mr-md-3 ">
                                        <div class="w-48">
                                            <img src="http://blog.johnbin.cn/static/images/avatar/default8.png" style="border-radius: 5px;">
                                        </div>
                                    </div>
                                    <div class="comment-text d-flex flex-fill flex-column">
                                        <div class="comment-info d-flex align-items-center mb-1">
                                            <div class="comment-author text-sm">
                                                游客                                            </div>
                                        </div>
                                        <div class="comment-content d-inline-block text-sm">
                                            <p>滴滴~</p>
                                        </div>
                                        <!-- .comment-content -->
                                        <div class="d-flex flex-fill text-xs text-muted pt-2">
                                            <div>
                                                <time class="comment-date">11个月前 </time></div>
                                            <div class="flex-fill"></div>
                                            <!--    <a rel="nofollow" class="comment-reply-link" href="https://www.hankin.cn/liuyan#comment-84" onclick="return addComment.moveForm( &quot;comment-84&quot;, &quot;84&quot;, &quot;respond&quot;, &quot;1429&quot; )" aria-label="回复给itdog">回复</a>                </div>-->
                                        </div>

                                </article>
                            </li>
                                                    <div class="pagination"></div>

                        <!-- #comment-## -->
                    </ul>
                    <nav class="navigation comment-navigation u-textAlignCenter" data-fuck="1429">
                    </nav>
                </div>
            </div>
        </div>
        <!-- [ comments ] end -->

    </div>

    <!-- [ modal ] start -->
    <div class="modal fade bd-example-modal-lg" id="gratuityModal" tabindex="-1" role="dialog" aria-labelledby="gratuityModalLabel" style="display: none;" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="gratuityModalLabel">赞赏作者</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body p-0">
                    <div class="qr_pay">
                        <img src="/static/blog/static/picture/1code.jpg" class="qr_pay_alipay" style="display: none;height:500px;width:500px;">
                        <img src="/static/blog/static/picture/2code.jpg" class="qr_pay_wechatpay" style="display: block;height:500px;width:500px;">
                    </div>
                </div>
                <div class="modal-footer">
                    <p class="text-center text-muted">请通过微信、支付宝 APP 扫一扫 </p>
                    <p class="text-center text-muted">感谢您对作者的支持！</p>
                    <p class="text-center text-muted">
                        <a class="btn btn-primary btn-like btn-link-like2" href="javascript:void(0);" id="qr_pay_alipay_click">&nbsp;支付宝</a>
                        <a class="btn btn-success mt-3 mb-3" href="javascript:void(0);" id="qr_pay_wechatpay_click">微信支付</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!-- [ modal ] end -->

    <input type="hidden" id="ids" value="930484213">

    <script type='text/javascript' src='/static/blog/static/js/sweetalert.min.js?version=1638364957'></script>
    <script type="text/javascript" src="/static/blog/static/js/jquery.js?version=1638364957"></script>
    <script>
        var bb = document.getElementById('bb');
        num = 200;
        function check(obj){
            var msg = obj.value;
            str = num - msg.length;
            if(str<0){
                str = 0;
            }
            bb.innerHTML = str;
        }
        $(".qqnum").blur(function() {
            var qq = $(".qqnum").val();
            $.getJSON('http://blog.johnbin.cn/api/api/qqinfo', {qq: qq}, function (a) {
                if(a.code == 0){
                    swal(a.msg,{
                        icon : 'error',
                        buttons: {
                            confirm: {
                                className : 'btn btn-danger'
                            }
                        },
                    });
                }else{
                    $(".nick_name").html(a.nick_name); // QQ昵称
                    $(".email").val(a.email); // QQ昵称
                    $(".qqpic").attr('src', a.face); // QQ头像
                    //data
                    $("#avatar").val(a.face);
                    $("#nick_name").val(a.nick_name);
                    $("#email").val(a.email);
                    $("#qqnum").val(qq);
                }

            })

        })

        //留言
        $('#submit').click(function(e) {
            var avatar = $("#avatars")[0].src;
            var nick_name = $("#nick_name").val();
            var email = $("#email").val();
            var qqnum = $("#qqnum").val();
            var comment = $("#comment").val();
            var link = $("#link").val();
            var is_tourist = $("#is_tourist").val();
            var codes = $("#ids").val();
            $.post("http://blog.johnbin.cn/blog/index/tomessage",{"avatar":avatar,"comment":comment,"nick_name":nick_name,"email":email,"qqnum":qqnum,"link":link,"is_tourist":is_tourist,"code":codes},function(data){
                // console.log(data)
                swal(data.msg,{
                    icon : data.icon,
                    buttons: {
                        confirm: {
                            className : data.className
                        }
                    },
                });
                window.location.reload();
            });
        });

        //生成二维码
        $(function () {
            var id = $("#ids").val();
            jQuery('.qrcodeTable').qrcode({
                render    : "canvas",   //二维码生成方式
                text    : 'http://blog.johnbin.cn/blog/index/info/'+'?code='+id, //二维码内容
                width : "80",               //二维码的宽度
                height : "80",
            });
        })
        //鼠标移动事件
        $(".icon_wx").mouseover(function (){
            $(".display_code").show();
        }).mouseout(function (){
            $(".display_code").hide();
        });

        //复制密码
        function copyToClipboard() {
            var Url2 = document.getElementById("pass");
            Url2.select(); // 选择对象
            document.execCommand("Copy"); // 执行浏览器复制命令
            swal ( "复制成功" ,  "每一次进步,都是你成长的足迹!" ,  "success" );
        }

        //留言/评论的游客选择
        var a = true;
        //   [ news ] start newsp
        $("#cancelq").click(function(){
            if(a==true){
                $("#qqShow").hide();
                $("#is_tourist").val(1)
                a = false;
            }else{
                $("#qqShow").show();
                $("#is_tourist").val(0)
                a = true;
            }
        })

        //   [ modal ] start coderp
        $("#qr_pay_alipay_click").click(function(){
            $(".qr_pay_wechatpay").hide();
            $(".qr_pay_alipay").css({"display":"block"});
        });
        $("#qr_pay_wechatpay_click").click(function(){
            $(".qr_pay_wechatpay").css({"display":"block"});
            $(".qr_pay_alipay").hide();
        });
        //    [ modal ] end

        //点赞
        var code = 930484213        //== Class definition
        $('#like_clicks').click(function(e) {
            $.post("http://blog.johnbin.cn/blog/index/thumbs",{"code":code},function(data){
                if(data.num){
                    $(".click_num").html(data.num);
                }
                swal(data.msg,{
                    icon : data.icon,
                    buttons: {
                        confirm: {
                            className : data.className
                        }
                    },
                });
            });
        });
    </script>

            <!--中部内容 -->
            <div class="col-md-4">
                <!-- [ sidebar ] start -->
                <div class="theiaStickySidebar animated fadeIn" style="padding-top: 0px; padding-bottom: 1px; position: relative; transform: none;">
                    
                        <!--引入总览-->
                        <!--总览-->
<!--<div id="recommended_posts">-->
    <!--<div class="card card-sm widget Recommended_Posts cs_widget_author">-->
        <!--<div id="author_card-5" class="card-sm widget Author_Card">-->
            <!--<div class="widget-author-cover">-->
                <!--<div class="media media-2x1">-->
                    <!--<div class="media-content" style="background-image:url(/static/blog/static/image/default-cover.jpg)"></div>-->
                <!--</div>-->
                <!--<div class="widget-author-avatar">-->
                    <!--<div class="flex-avatar mx-2 w-80 border border-white border-2">-->
                        <!--<img src="/static/blog/static/picture/avatarx108.png" style="width:80px;height:80px;">-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="widget-author-meta text-center p-4">辄夜花泽-->
                <!--<div class="h6 mb-3 text-lg text-c-blue"></div>-->
                <!--<div class="desc text-xs mb-3 h-2x ">-->
                    <!--成功就是妥协与两难的坚持。-->
                    <!--<br>-->
                    <!--你的优秀不需要任何人来证明，要学会欣赏自己。-->
                    <!--&lt;!&ndash;<a target="_blank" href="javascript:;">&ndash;&gt;-->
                        <!--&lt;!&ndash;<img src="/static/blog/static/picture/GitHub-10-yellow-social_github.jpg" alt='github'>&ndash;&gt;-->
                    <!--&lt;!&ndash;</a>&ndash;&gt;-->
                    <!--&lt;!&ndash;<a href='javascript:;'>&ndash;&gt;-->
                        <!--&lt;!&ndash;<img src='/static/blog/static/picture/star-gray.jpg' alt='star'>&ndash;&gt;-->
                    <!--&lt;!&ndash;</a>&ndash;&gt;-->
                <!--</div>-->
                <!--<div class="row no-gutters text-center">-->
                    <!--<a href="" class="col">-->
                        <!--<span class="font-theme font-weight-bold text-md">56</span>-->
                        <!--<small class="d-block text-xs text-muted">文章</small>-->
                    <!--</a>-->
                    <!--<a href="" class="col">-->
                        <!--<span class="font-theme font-weight-bold text-md">27</span>-->
                        <!--<small class="d-block text-xs text-muted">评论</small>-->
                    <!--</a>-->
                    <!--<a href="" class="col">-->
                        <!--<span class="font-theme font-weight-bold text-md">36597</span>-->
                        <!--<small class="d-block text-xs text-muted">浏览</small>-->
                    <!--</a>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->


<div id="recommended_posts">
    <div class="card card-sm widget Recommended_Posts cs_widget_author">

        <style>
            .swiper-pagination-bullet{width: 5px;height: 5px;display: inline-block;background: #fdfdfd;opacity: .6;border-radius:10px;transition: all .2s ease-in-out;}
            .swiper-pagination-bullet-active{opacity: 1;background: #fff;width:25px}
            .swiper-button-prev{transition: all .2s ease-in-out;}
            .swiper-button-next{transition: all .2s ease-in-out;}
            .swiper-container:hover .swiper-button-prev{left:0;opacity:1}
            .swiper-container:hover .swiper-button-next{right:0;opacity:1}
            .swiper-container{width: 100%!important;height: 11rem;overflow: hidden;border-radius:3px 3px 0px 0px;}
            .swiper-content{border:0;margin-bottom: 0;background:rgba(255,255,255,.15);padding-bottom: 0;border-radius: 0}
            .swiper-pagination{text-align:right!important;}
            .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0!important}
            .swiper-button-next, .swiper-button-prev{height:20px!important;margin-top:0px!important}
            .swiper-button-next{right:-15px;}
            .swiper-button-prev{left:-15px;}
            .swiper-slide{width:100%;height:100%;}
        </style>
        <div class="panel wrapper-md swiper-content">
            <div class="swiper-container border-radius swiper-container-horizontal">
                <div class="swiper-wrapper" style="transform: translate3d(-674px, 0px, 0px); transition-duration: 0ms;">
                                            <div class="swiper-slide media-content" style="background: url(http://blog.johnbin.cn/upload/admin/20181229/acbe8087fefc808245cc28f9d558c230.jpg) 0% 0% / cover; width: 337px;" data-swiper-slide-index="0">
                        </div>
                                            <div class="swiper-slide media-content" style="background: url(http://blog.johnbin.cn/upload/admin/20181229/61688a450a5f9e7a15a953a073e7b672.jpg) 0% 0% / cover; width: 337px;" data-swiper-slide-index="1">
                        </div>
                                            <div class="swiper-slide media-content" style="background: url(http://blog.johnbin.cn/upload/admin/20200629/3631b434073594c371c3ef2a0d5244d7.jpg) 0% 0% / cover; width: 337px;" data-swiper-slide-index="2">
                        </div>
                                            <div class="swiper-slide media-content" style="background: url(http://blog.johnbin.cn/upload/admin/20181229/a9af4df3f4bf35d4beca1958bcc071f5.jpg) 0% 0% / cover; width: 337px;" data-swiper-slide-index="3">
                        </div>
                                            <div class="swiper-slide media-content" style="background: url(http://blog.johnbin.cn/upload/admin/20200629/a5bca4253a799b8310628918a26e9ae1.png) 0% 0% / cover; width: 337px;" data-swiper-slide-index="4">
                        </div>
                                    </div>

                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-next swiper-button-white"></div>
                <div class="swiper-button-prev swiper-button-white"></div>

                <!-- 如果需要滚动条 -->
                <!-- <div class="swiper-scrollbar"></div>-->


            </div>
        </div>
        <div id="author_card-5" class="card-sm widget Author_Card">
            <div class="widget-author-cover">
                <div class="widget-author-avatar" style="z-index:1;">
                    <div class="flex-avatar mx-2 w-80 border border-white border-2">
                        <img class="wid-80 hei80" src="/static/blog/static/picture/avatarx108.png">
                    </div>
                </div>
            </div>
            <div class="widget-author-meta text-center pt-4 pl-4 pr-4 pb-2">辄夜花泽                <div class="h6 mb-3 text-lg text-c-blue"></div>
                <div class="desc text-xs mb-3 h-2x ">
                    成功就是妥协与两难的坚持。
                    <br>
                    你的优秀不需要任何人来证明，要学会欣赏自己。
                    <!--<a target="_blank" href="javascript:;">-->
                    <!--<img src="/static/blog/static/picture/GitHub-10-yellow-social_github.jpg" alt='github'>-->
                    <!--</a>-->
                    <!--<a href='javascript:;'>-->
                    <!--<img src='/static/blog/static/picture/star-gray.jpg' alt='star'>-->
                    <!--</a>-->
                </div>
                <div class="row no-gutters text-center">
                    <a href="javascript:void(0);" class="col">
                        <span class="font-theme font-weight-bold text-md">56</span>
                        <small class="d-block text-xs text-muted">文章</small>
                    </a>
                    <a href="javascript:void(0);" class="col">
                        <span class="font-theme font-weight-bold text-md">27</span>
                        <small class="d-block text-xs text-muted">评论</small>
                    </a>
                    <a href="javascript:void(0);" class="col">
                        <span class="font-theme font-weight-bold text-md click_nums">2423</span>
                        <small class="d-block text-xs text-muted">点赞</small>
                    </a>
                    <a href="javascript:void(0);" class="col">
                        <span class="font-theme font-weight-bold text-md">41674</span>
                        <small class="d-block text-xs text-muted">浏览</small>
                    </a>
                </div>
            </div>
<!--            <hr class="b-wid-1 my-1" id="i_social_hr">-->
<!--            <div class="row no-gutters text-center pt-2 pb-2" id="i_social">-->
<!--                <a class="col" href="https://www.hankin.cn/" data-toggle="tooltip" data-placement="bottom" title="微信：wojiaohanhanjun">-->
<!--                    <i class="fa fa-weixin"></i>-->
<!--                </a>-->
<!--                <a class="col" href="http://weibo.com/u/3056395237" target="_blank" data-toggle="tooltip" data-placement="bottom" title="微博：Hankin-han">-->
<!--                    <i class="fa fa-weibo"></i>-->
<!--                </a>-->
<!--                <a class="col" href="https://wpa.qq.com/msgrd?v=3&amp;uin=315444473&amp;site=qq&amp;menu=yes" target="_blank" data-toggle="tooltip" data-placement="bottom" title="QQ：315444473">-->
<!--                    <i class="fa fa-qq"></i>-->
<!--                </a>-->
<!--                <a class="col" href="https://github.com/hankin-han" target="_blank" data-toggle="tooltip" data-placement="bottom" title="Github：hankin-han">-->
<!--                    <i class="fa fa-github-alt"></i>-->
<!--                </a>-->
<!--            </div>-->
        </div>
    </div>
</div>
                        <!--引入联系方式-->
                        <!--联系方式-->
<div id="recommended_posts">
    <div class="card card-sm widget Recommended_Posts cs_widget_link">
        <div class="card-header widget-header">加QQ群697360424<i class="bg-primary"></i>
        </div>
        <div class="textwidget">
            <a href="">
                <img src="http://blog.johnbin.cn/upload/admin/20200410/075f379c4d6bd6530b5d8bb28d79947e.jpg"></a>
        </div>
    </div>
</div>
                        <!--引入随机文章-->
                        <div id="recommended_posts">
    <div id="recommended_posts_1" class="card card-sm widget Recommended_Posts">
        <div class="card-header widget-header">随机文章<i class="bg-primary"></i>
        </div>
        <div class="card-body">
            <!-- 大图文章 -->
                        <div class="list-rounded my-n2">
                <div class="py-2">
                    <div class="list-item list-overlay-content">
                        <div class="media media-2x1">
                            <a class="media-content" href="http://blog.johnbin.cn/blog/index/info/code/546108513" style="background-image:url('http://blog.johnbin.cn/upload/admin/20190102/e981db6c5a313c54ee581459ea9d3b67.jpg')">
                                <span class="overlay"></span>
                            </a>
                        </div>
                        <div class="list-content">
                            <div class="list-body">
                                <a href="http://blog.johnbin.cn/blog/index/info/code/546108513" class="list-title h-2x">
                                    PHPstrom报错                                </a>
                            </div>
                            <div class="list-footer">
                                <div class="text-muted text-xs">
                                    <time class="d-inline-block">3年前</time>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                        <!-- 小图文章 -->
                        <div class="list-grid list-rounded">
                <div class="list-item py-2">
                    <div class="list-content py-0 mr-3">
                        <div class="list-body">
                            <a href="http://blog.johnbin.cn/blog/index/info/code/514269709" class="list-title h-2x">
                                PHPstorm  最新18.2.1版                            </a>
                        </div>
                        <div class="list-footer">
                            <div class="text-muted text-xs">
                                <time class="d-inline-block">3年前</time>
                            </div>
                        </div>
                    </div>
                    <div class="media media-3x2 col-4">
                        <a class="media-content" href="http://blog.johnbin.cn/blog/index/info/code/514269709" style="background-image:url('http://blog.johnbin.cn/upload/admin/20181112/23f400fe7ca91c739df716f7a2359d50.png')"></a>
                    </div>
                </div>
            </div>
                        <div class="list-grid list-rounded">
                <div class="list-item py-2">
                    <div class="list-content py-0 mr-3">
                        <div class="list-body">
                            <a href="http://blog.johnbin.cn/blog/index/info/code/644331432" class="list-title h-2x">
                                bootstrap3.0.3手册                            </a>
                        </div>
                        <div class="list-footer">
                            <div class="text-muted text-xs">
                                <time class="d-inline-block">3年前</time>
                            </div>
                        </div>
                    </div>
                    <div class="media media-3x2 col-4">
                        <a class="media-content" href="http://blog.johnbin.cn/blog/index/info/code/644331432" style="background-image:url('http://blog.johnbin.cn/upload/admin/20181112/8ccea6d4559c32b6fc343cc8db8312f4.png')"></a>
                    </div>
                </div>
            </div>
                        <div class="list-grid list-rounded">
                <div class="list-item py-2">
                    <div class="list-content py-0 mr-3">
                        <div class="list-body">
                            <a href="http://blog.johnbin.cn/blog/index/info/code/426501556" class="list-title h-2x">
                                超炫酷离子背景登录界面                            </a>
                        </div>
                        <div class="list-footer">
                            <div class="text-muted text-xs">
                                <time class="d-inline-block">3年前</time>
                            </div>
                        </div>
                    </div>
                    <div class="media media-3x2 col-4">
                        <a class="media-content" href="http://blog.johnbin.cn/blog/index/info/code/426501556" style="background-image:url('http://blog.johnbin.cn/upload/admin/20181113/5d0142f02fb5edb34faefebc3843eb79.png')"></a>
                    </div>
                </div>
            </div>
                        <div class="list-grid list-rounded">
                <div class="list-item py-2">
                    <div class="list-content py-0 mr-3">
                        <div class="list-body">
                            <a href="http://blog.johnbin.cn/blog/index/info/code/67623810" class="list-title h-2x">
                                JQ图片上传预览图片                            </a>
                        </div>
                        <div class="list-footer">
                            <div class="text-muted text-xs">
                                <time class="d-inline-block">3年前</time>
                            </div>
                        </div>
                    </div>
                    <div class="media media-3x2 col-4">
                        <a class="media-content" href="http://blog.johnbin.cn/blog/index/info/code/67623810" style="background-image:url('http://blog.johnbin.cn/upload/admin/20190105/e2efe617522de26e1fa1cad1bf778393.jpg')"></a>
                    </div>
                </div>
            </div>
                        <div class="list-grid list-rounded">
                <div class="list-item py-2">
                    <div class="list-content py-0 mr-3">
                        <div class="list-body">
                            <a href="http://blog.johnbin.cn/blog/index/info/code/462352053" class="list-title h-2x">
                                简约的后台模板                            </a>
                        </div>
                        <div class="list-footer">
                            <div class="text-muted text-xs">
                                <time class="d-inline-block">3年前</time>
                            </div>
                        </div>
                    </div>
                    <div class="media media-3x2 col-4">
                        <a class="media-content" href="http://blog.johnbin.cn/blog/index/info/code/462352053" style="background-image:url('http://blog.johnbin.cn/upload/admin/20181114/c8197ddfbf3eee3bb4b4c0a10f1505ab.png')"></a>
                    </div>
                </div>
            </div>
                        <div class="list-grid list-rounded">
                <div class="list-item py-2">
                    <div class="list-content py-0 mr-3">
                        <div class="list-body">
                            <a href="http://blog.johnbin.cn/blog/index/info/code/846217405" class="list-title h-2x">
                                纯净功能齐全版PS cs6                            </a>
                        </div>
                        <div class="list-footer">
                            <div class="text-muted text-xs">
                                <time class="d-inline-block">3年前</time>
                            </div>
                        </div>
                    </div>
                    <div class="media media-3x2 col-4">
                        <a class="media-content" href="http://blog.johnbin.cn/blog/index/info/code/846217405" style="background-image:url('http://blog.johnbin.cn/upload/admin/20181114/ed0308841fde8dd8f6413d4931967bb8.jpg')"></a>
                    </div>
                </div>
            </div>
                        <div class="list-grid list-rounded">
                <div class="list-item py-2">
                    <div class="list-content py-0 mr-3">
                        <div class="list-body">
                            <a href="http://blog.johnbin.cn/blog/index/info/code/553439865" class="list-title h-2x">
                                TP5.0完全开发手册                            </a>
                        </div>
                        <div class="list-footer">
                            <div class="text-muted text-xs">
                                <time class="d-inline-block">3年前</time>
                            </div>
                        </div>
                    </div>
                    <div class="media media-3x2 col-4">
                        <a class="media-content" href="http://blog.johnbin.cn/blog/index/info/code/553439865" style="background-image:url('http://blog.johnbin.cn/upload/admin/20181112/2167392ea890bcf2740d5edb16f10eca.png')"></a>
                    </div>
                </div>
            </div>
                    </div>
    </div>
</div>
                        <!--引入tags标签-->
                        <!--标签-->
<div id="recommended_posts">
    <div class="card card-sm widget Recommended_Posts widget_tag_cloud">
        <div class="card-header widget-header">tags<i class="bg-primary"></i></div>
        <div class="tagcloud">
                            <a href="http://blog.johnbin.cn/blog/index/category/code/777192611" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="视频">视频</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/734137683" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="Laravel">Laravel</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/701176514" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="工具">工具</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/45917434" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="PHP">PHP</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/20125912" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="Html">Html</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/34533430" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="Ajax">Ajax</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/52841698" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="Javascript">Javascript</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/70656814" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="Linux">Linux</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/66362692" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="Mysql">Mysql</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/70878573" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="小程序">小程序</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/97688234" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="Api">Api</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/80998220" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="Ecshop">Ecshop</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/267109849" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="Web">Web</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/745114309" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="Jquery">Jquery</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/630126983" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="ThinkPHP">ThinkPHP</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/628147134" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="Yii">Yii</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/790151821" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="辄夜花泽">辄夜花泽</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/618169803" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="手册">手册</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/662183728" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="源码">源码</a>
                            <a href="http://blog.johnbin.cn/blog/index/category/code/440202696" class="tag-cloud-link tag-link-22 tag-link-position-1" style="font-size: 8pt;" aria-label="模板">模板</a>
                    </div>
    </div>
</div>
                    
                </div>
             <!-- [ sidebar ] end -->
             </div>
        </div>
    </div>
    <!--引入copyright-->
    <!-- [ copyright ] start -->
<footer class="footer card py-3 py-lg-3">
    <div class="container">
        <div class="d-md-flex flex-md-fill align-items-md-center">
            <div class="d-md-flex flex-md-column">
                <div class="footer-copyright text-xs px-3">
                    Copyright © 2021 <a href="http://blog.johnbin.cn/blog/index/index" title="辄夜花泽" rel="home">辄夜花泽技术博客</a>. Design of <a href="http://blog.johnbin.cn/blog/index/index" title="辄夜花泽" target="_blank">Chasel</a>
                </div>
            </div>
            <div class="flex-md-fill"></div>
        </div>
    </div>
</footer>
<!-- [ copyright ] end -->
    <!--引入tab按钮-->
    <!--tab按钮-->
<div class="mobile-btn clearfix">
    <div class="menu">
        <div class="bt-name"><a href="http://blog.johnbin.cn/blog/index/index"><i class="feather icon-home"></i>主页</a></div>
    </div>
    <div class="menu">
        <div class="bt-name"><i class="feather icon-file"></i>导航</div>
        <div class="sanjiao"></div>
        <div class="new-sub">
            <ul>
                <div>
                    <li class="page_item page-item-1423"><a href="http://blog.johnbin.cn/blog/index/topics">专题</a></li>
                    <li class="page_item page-item-1429"><a href="http://blog.johnbin.cn/blog/index/message">留言</a></li>
                </div>
            </ul>
        </div>
    </div>
    <div class="menu">
        <div class="bt-name"><a href="javascript:;"><i class="feather icon-user"></i>博主</a></div>
        <div class="new-sub user-info">
            <div class="bg-dark-overlay pt-4 pt-md-5 bg-relative">
                <div class="bg" style="background-image: url(/static/blog/static/picture/avatar.png)"></div>
                <div class="container-box">
                    <div class="d-flex flex-fill flex-column flex-md-row align-items-md-center py-md-5">
                        <div class="mb-3 mb-md-0">
                            <div class="flex-avatar mx-2 w-80 border border-white border-2 ">
                                <img alt='辄夜花泽' src='/static/blog/static/picture/avatar.png' class='avatar avatar-80 photo wid-80 hei-80'>
                            </div>
                            <div class="name text-lg text-left">阿泽泽                                <i class="cut"></i>
                                <span class="badge badge-rank badge-primary text-xs mx-1">博主</span></div>
                            <div class="desc text-sm mt-2 clear-lineheight text-left">纸上得来终觉浅,绝知此事要躬行~</div>
                        </div>
                        <div class="text-white mx-md-4 flex-fill">
                            <div class="data text-lg mt-2 text-left clear-lineheight">
                                        <span class="mr-3">
                                            <a href="" class="">
                                                <span class="font-theme text-lg text-xl text-white">56</span>
                                                <small class=" text-xs text-light mx-1">文章</small></a>
                                        </span>
                                <span class="mr-3">
                                            <a href="" class="">
                                                <span class="font-theme text-lg text-xl text-white">27</span>
                                                <small class=" text-xs text-light mx-1">评论</small></a>
                                        </span>
                                <span class="mr-3">
                                            <a class="">
                                                <span class="font-theme text-lg text-xl text-white">41674</span>
                                                <small class=" text-xs text-light mx-1">浏览</small></a>
                                        </span>
                            </div>
                            <div style="margin-top:.2rem;padding-bottom: .2rem;border-bottom: solid .01rem rgba(255,255,255,.15);"></div>
                        </div>
                    </div>
                </div>
                <div class="user-tab clearfix">
                    <div class="tab-list">
                        <div class="tab-name"><a class="active" id="Blog" href="javascript:;">博客详情</a></div>
                    </div>
                    <div class="tab-list">
                        <div class="tab-name"><a id="Blogger" href="javascript:;">博主详情</a></div>
                    </div>
                </div>
                <div class="user-tab-body">

                </div>
            </div>
        </div>
    </div>
</div>
</section>
<!--引入尾部-->
<!-- [ Main Content ] end --><!--定义全局变量-->
<script type="text/javascript" src="/static/blog/static/js/jweixin-1.4.0.js?version=1638364957"></script>
<script type="text/javascript">
    window.THEME_URL = 'http://blog.johnbin.cn/static/blog/static';
    window.ENCODE_URI_COMPONENT_TITLE = document.title;
    //自定义二维码内容
    window.ENCODE_URI_COMPONENT_LINK = this.location.href;
    window.ENCODE_URI_COMPONENT_IMAGE = 'http://blog.johnbin.cn/static/blog/static/image/shortcut_icon.png';
    window.ENCODE_URI_COMPONENT_DESC = '辄夜花泽, 自适应主题，响应式主题，个人博客模板，工具下载，主题分享，博客模板，个人网站模板，技术分享，功能开发，前端技术，后端技术';
    window.ENCODE_URI_COMPONENT_SITE = '辄夜花泽, 自适应主题，响应式主题，个人博客模板，工具下载，主题分享，博客模板，个人网站模板，技术分享，功能开发，前端技术，后端技术';
//    window.APPID = 'wxffb0fb7d45027810';
//    window.TIMESTAMP = '1573052310';
//    window.NONCESTR = 'XEwJ4siahSehOnR';
//    window.SIGNATURE = 'b53ebb56b4cd487c6d9aae5c3880281644e81c83';
//    window.IS_PAGE_SINGLE = 0;
</script>
<script type="text/javascript">
    wxConfig = {
        title : document.title,
        desc : window.ENCODE_URI_COMPONENT_DESC,
        link : window.ENCODE_URI_COMPONENT_LINK,
        imgUrl : window.ENCODE_URI_COMPONENT_IMAGE,
    };
</script>
<script type="text/javascript">
    playerConfig = {
    autoplay : true,
    ids : 2693957935,
    }
</script>
<script type="text/javascript" src="/static/blog/static/js/wxShare.js?version=1638364957"></script>
<script type="text/javascript" src="/static/blog/static/js/jquery.js?version=1638364957"></script>
<script type="text/javascript" src="/static/blog/static/js/jquery.cookie.js?version=1638364957"></script>
<script type="text/javascript" src="/static/blog/static/js/bootstrap.min.js?version=1638364957"></script>
<script type="text/javascript" src="/static/blog/static/js/menu-setting.min.js?version=1638364957"></script>
<script type="text/javascript" src="/static/blog/static/js/clipboard.min.js?version=1638364957"></script>
<script type="text/javascript" src="/static/blog/static/js/main.js?version=1638364957"></script>
<script type="text/javascript" src="/static/blog/static/js/pjax.js?version=1638364957"></script>
<script type="text/javascript" src="/static/blog/static/js/swiper.min.js?version=1638364957"></script>
<!-- 分享插件 start-->
<div id="cz-leftside-share"></div>
<script type="text/javascript" src="/static/blog/static/js/jquery.share.min.js?version=1638364957"></script>
<!-- 分享插件 end-->
<!-- 音乐播放器 start-->
<div class="aplayer-footer"><div class="ap-f" id="ap-f"></div></div>
<link rel="stylesheet" type="text/css" href="/static/blog/static/css/play.css?version=1638364957">
<script src="/static/blog/static/js/aplayer.min.js?version=1638364957"></script>
<!-- 音乐播放器 start-->
<script type='text/javascript' src='/static/blog/static/js/jquery.infinitescroll.min.js?version=1638364957'></script>
<script type='text/javascript' src='/static/blog/static/js/wp-embed.min-4.9.4.js?version=1638364957'></script>
<!--弹窗-->
<script type='text/javascript' src='/static/blog/static/js/sweetalert.min.js?version=1638364957'></script>
<script>
    //swiper轮播
    var mySwiper = new Swiper('.swiper-container',{
        speed:2500,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
            waitForTransition: false,
        },
        loop : true,
        // navigation: {
        //     nextEl: '.swiper-button-next',
        //     prevEl: '.swiper-button-prev',
        // },

        //s3
        pagination: '.swiper-pagination',
        paginationClickable: true,
        prevButton:'.swiper-button-prev',
        nextButton:'.swiper-button-next',
        // pagination:{
        //     el: '.swiper-pagination',
        //     hideOnClick :true,
        // },
    })


//    var text=document.title;//获得页面的标题
//    var timerID;//定时器
//    function newtext() {
//        clearTimeout(timerID);
//        document.title=text.substring(1,text.length)+text.substring(0,1);//截取字符重新赋值给title
//        text=document.title.substring(0,text.length);
//        timerID = setTimeout("newtext()", 500);
//    }
//    window.onload=function(){
//        newtext();
//    }
</script>

<div id="think_page_trace" style="position: fixed;bottom:0;right:0;font-size:14px;width:100%;z-index: 999999;color: #000;text-align:left;font-family:'微软雅黑';">
    <div id="think_page_trace_tab" style="display: none;background:white;margin:0;height: 250px;">
        <div id="think_page_trace_tab_tit" style="height:30px;padding: 6px 12px 0;border-bottom:1px solid #ececec;border-top:1px solid #ececec;font-size:16px">
                        <span style="color:#000;padding-right:12px;height:30px;line-height:30px;display:inline-block;margin-right:3px;cursor:pointer;font-weight:700">基本</span>
                        <span style="color:#000;padding-right:12px;height:30px;line-height:30px;display:inline-block;margin-right:3px;cursor:pointer;font-weight:700">文件</span>
                        <span style="color:#000;padding-right:12px;height:30px;line-height:30px;display:inline-block;margin-right:3px;cursor:pointer;font-weight:700">流程</span>
                        <span style="color:#000;padding-right:12px;height:30px;line-height:30px;display:inline-block;margin-right:3px;cursor:pointer;font-weight:700">错误</span>
                        <span style="color:#000;padding-right:12px;height:30px;line-height:30px;display:inline-block;margin-right:3px;cursor:pointer;font-weight:700">SQL</span>
                        <span style="color:#000;padding-right:12px;height:30px;line-height:30px;display:inline-block;margin-right:3px;cursor:pointer;font-weight:700">调试</span>
                    </div>
        <div id="think_page_trace_tab_cont" style="overflow:auto;height:212px;padding:0;line-height: 24px">
                        <div style="display:none;">
                <ol style="padding: 0; margin:0">
                    <li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">请求信息 : 2021-12-01 21:22:37 HTTP/1.1 GET : blog.johnbin.cn/blog/index/info/code/930484213</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">运行时间 : 0.096656s [ 吞吐率：10.35req/s ] 内存消耗：4,378.01kb 文件加载：84</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">查询信息 : 68 queries 4 writes </li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">缓存信息 : 3 reads,0 writes</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">配置加载 : 71</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">会话信息 : SESSION_ID=6qa0h923rftgntbgckuaegp0j3</li>                </ol>
            </div>
                        <div style="display:none;">
                <ol style="padding: 0; margin:0">
                    <li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/public/index.php ( 1.21 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/base.php ( 2.60 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Loader.php ( 21.07 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/vendor/composer/autoload_static.php ( 6.96 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/vendor/topthink/think-helper/src/helper.php ( 2.88 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/vendor/topthink/think-captcha/src/helper.php ( 1.59 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Route.php ( 60.23 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Config.php ( 6.38 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Validate.php ( 41.50 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/vendor/ezyang/htmlpurifier/library/HTMLPurifier.composer.php ( 0.10 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/vendor/qiniu/php-sdk/src/Qiniu/functions.php ( 7.67 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/vendor/qiniu/php-sdk/src/Qiniu/Config.php ( 3.37 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/vendor/topthink/think-queue/src/common.php ( 1.19 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Console.php ( 23.13 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Error.php ( 3.75 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/convention.php ( 10.37 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/App.php ( 21.54 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Request.php ( 49.48 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/config.php ( 9.56 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/database.php ( 0.74 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/data/conf/database.php ( 0.71 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/debug.php ( 0.80 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Hook.php ( 4.71 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/tags.php ( 1.33 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Env.php ( 1.21 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/cmf/common.php ( 99.31 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/helper.php ( 21.75 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Debug.php ( 7.13 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/cmf/behavior/InitHookBehavior.php ( 1.71 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Cache.php ( 6.10 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Log.php ( 6.05 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/cache/driver/File.php ( 7.27 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/cache/Driver.php ( 5.98 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Collection.php ( 10.69 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Lang.php ( 7.23 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/lang/zh-cn.php ( 11.81 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/route.php ( 0.76 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/data/conf/route.php ( 0.35 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/cmf/behavior/LangBehavior.php ( 1.17 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/cmf/lang/zh-cn.php ( 3.08 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/admin/lang/zh-cn/common.php ( 0.60 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/blog/lang/zh-cn/common.php ( 0.76 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/portal/lang/zh-cn/common.php ( 0.76 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/blog/lang/zh-cn.php ( 0.93 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/cmf/behavior/InitAppHookBehavior.php ( 1.65 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/blog/controller/IndexController.php ( 34.75 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/cmf/controller/HomeBaseController.php ( 8.63 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/cmf/controller/BaseController.php ( 2.32 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Controller.php ( 6.07 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/traits/controller/Jump.php ( 4.90 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Cookie.php ( 7.54 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/View.php ( 6.77 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/view/driver/Think.php ( 5.64 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Template.php ( 44.90 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/template/driver/File.php ( 2.24 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/cmf/behavior/HomeLangBehavior.php ( 1.10 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/blog/lang/zh-cn/home.php ( 0.62 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/portal/lang/zh-cn/home.php ( 0.62 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Db.php ( 6.67 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/db/connector/Mysql.php ( 3.89 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/db/Connection.php ( 29.97 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/db/Query.php ( 93.74 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/db/builder/Mysql.php ( 4.53 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/db/Builder.php ( 31.55 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/admin/model/ArticleModel.php ( 9.74 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Model.php ( 69.95 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/admin/model/MessageModel.php ( 5.71 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/cmf/paginator/Bootstrap.php ( 7.63 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Paginator.php ( 9.75 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/db/Expression.php ( 1.11 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/model/Collection.php ( 2.27 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/admin/model/AccessLogModel.php ( 3.09 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/admin/model/AccessModel.php ( 1.28 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/admin/model/ArticleClassModel.php ( 3.24 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/admin/model/LinkModel.php ( 1.42 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/admin/model/AdModel.php ( 1.89 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/app/admin/model/ThemeModel.php ( 7.94 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/cmf/lib/taglib/Cmf.php ( 11.49 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/template/TagLib.php ( 12.30 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/template/taglib/Cx.php ( 23.82 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/data/runtime/temp/ba3782aff2ddd4b3eca7e4de6567ed72.php ( 75.29 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Session.php ( 10.86 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/Response.php ( 8.28 KB )</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">/www/wwwroot/chasel/simplewind/thinkphp/library/think/debug/Html.php ( 4.17 KB )</li>                </ol>
            </div>
                        <div style="display:none;">
                <ol style="padding: 0; margin:0">
                    <li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ CACHE ] INIT File</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ BEHAVIOR ] Run cmf\behavior\InitHookBehavior @app_init [ RunTime:0.001156s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ LANG ] /www/wwwroot/chasel/simplewind/thinkphp/lang/zh-cn.php</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ ROUTE ] array (
  'type' =&gt; 'module',
  'module' =&gt; 
  array (
    0 =&gt; 'blog',
    1 =&gt; 'index',
    2 =&gt; 'info',
  ),
)</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ HEADER ] array (
  'connection' =&gt; 'Keep-Alive',
  'host' =&gt; 'blog.johnbin.cn',
  'accept-encoding' =&gt; 'br,gzip',
  'if-modified-since' =&gt; 'Fri, 30 Jul 2021 17:44:20 GMT',
  'accept-language' =&gt; 'en-US,en;q=0.5',
  'accept' =&gt; 'text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8',
  'user-agent' =&gt; 'CCBot/2.0 (https://commoncrawl.org/faq/)',
  'content-type' =&gt; '',
  'content-length' =&gt; '',
)</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ PARAM ] array (
  'code' =&gt; '930484213',
)</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ LANG ] /www/wwwroot/chasel/public/../simplewind/cmf/lang/zh-cn.php</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ LANG ] /www/wwwroot/chasel/public/../app/admin/lang/zh-cn/common.php</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ LANG ] /www/wwwroot/chasel/public/../app/blog/lang/zh-cn/common.php</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ LANG ] /www/wwwroot/chasel/public/../app/portal/lang/zh-cn/common.php</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ BEHAVIOR ] Run cmf\behavior\LangBehavior @app_begin [ RunTime:0.000313s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ LANG ] /www/wwwroot/chasel/public/../app/blog/lang/zh-cn.php</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ BEHAVIOR ] Run cmf\behavior\InitAppHookBehavior @module_init [ RunTime:0.000118s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ LANG ] /www/wwwroot/chasel/public/../app/blog/lang/zh-cn/home.php</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ LANG ] /www/wwwroot/chasel/public/../app/portal/lang/zh-cn/home.php</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ BEHAVIOR ] Run cmf\behavior\HomeLangBehavior @home_init [ RunTime:0.000174s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ DB ] INIT mysql</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ RUN ] app\blog\controller\IndexController-&gt;info[ /www/wwwroot/chasel/app/blog/controller/IndexController.php ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ VIEW ] themes/simpleboot3/blog/info.html [ array (
  0 =&gt; 'site_info',
  1 =&gt; 'page',
  2 =&gt; 'msglist',
  3 =&gt; 'avatarlist',
  4 =&gt; 'data',
  5 =&gt; 'sysSetting',
  6 =&gt; 'music_settings',
  7 =&gt; 'style',
  8 =&gt; 'article_top',
  9 =&gt; 'bloginfo',
  10 =&gt; 'randarticle',
  11 =&gt; 'link',
  12 =&gt; 'class',
  13 =&gt; 'route',
  14 =&gt; 'config',
  15 =&gt; 'adlist',
  16 =&gt; 'theme_vars',
  17 =&gt; 'theme_widgets',
) ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SESSION ] INIT array (
  'id' =&gt; '',
  'var_session_id' =&gt; '',
  'prefix' =&gt; 'think',
  'type' =&gt; '',
  'auto_start' =&gt; true,
)</li>                </ol>
            </div>
                        <div style="display:none;">
                <ol style="padding: 0; margin:0">
                                    </ol>
            </div>
                        <div style="display:none;">
                <ol style="padding: 0; margin:0">
                    <li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ DB ] CONNECT:[ UseTime:0.000446s ] mysql:host=127.0.0.1;port=3306;dbname=chasel;charset=utf8mb4</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SHOW COLUMNS FROM `az_option` [ RunTime:0.001155s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `option_value` FROM `az_option` WHERE  `option_name` = 'site_info' LIMIT 1 [ RunTime:0.000252s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SHOW COLUMNS FROM `az_message` [ RunTime:0.000912s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT COUNT(*) AS tp_count FROM `az_message` WHERE  `code` = 930484213  AND `status` = 1 LIMIT 1 [ RunTime:0.000307s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT * FROM `az_message` WHERE  `code` = 930484213  AND `status` = 1 ORDER BY `m_id` DESC LIMIT 0,7 [ RunTime:0.000441s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `image` FROM `az_message` WHERE  `status` = 1  AND `code` = 930484213 GROUP BY `image` ORDER BY `m_id` DESC [ RunTime:0.000394s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SHOW COLUMNS FROM `az_article` [ RunTime:0.000704s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT * FROM `az_article` WHERE  `code` = 930484213 [ RunTime:0.000337s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SHOW COLUMNS FROM `az_config` [ RunTime:0.000598s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'realm_name' LIMIT 1 [ RunTime:0.000203s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SHOW COLUMNS FROM `az_article_class` [ RunTime:0.000572s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `class_name` FROM `az_article_class` WHERE  `class_id` = 16 LIMIT 1 [ RunTime:0.000178s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `code` FROM `az_article_class` WHERE  `class_id` = 16 LIMIT 1 [ RunTime:0.000207s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT * FROM `az_article` WHERE  `code` = 930484213 LIMIT 1 [ RunTime:0.000343s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] UPDATE `az_article`  SET `read_num`=204  WHERE  `code` = 930484213 [ RunTime:0.001948s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SHOW COLUMNS FROM `az_access` [ RunTime:0.000565s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT * FROM `az_access` WHERE  `ip` = '18.212.120.195' LIMIT 1 [ RunTime:0.002677s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] UPDATE `az_access`  SET `visit_num`='13',`update_time`=1638364957  WHERE  `ip` = '18.212.120.195' [ RunTime:0.004318s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SHOW COLUMNS FROM `az_access_log` [ RunTime:0.000626s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT * FROM `az_access_log` WHERE  `ip` = '18.212.120.195' LIMIT 1 [ RunTime:0.010875s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] INSERT INTO `az_access_log` (`ip` , `address` , `countrys` , `isp` , `status` , `province` , `city` , `country` , `add_time`) VALUES ('18.212.120.195' , '弗吉尼亚,阿什本' , '美国' , '亚马逊' , 1 , '弗吉尼亚' , '阿什本' , '美国' , 1638364957) [ RunTime:0.001666s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'realm_name' LIMIT 1 [ RunTime:0.000281s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `code`,`author`,`title`,`describe`,`original_img`,`class_id`,`add_time` FROM `az_article` WHERE  `is_top` = 1  AND `status` = 1 ORDER BY `list_order` ASC [ RunTime:0.000313s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'realm_name' LIMIT 1 [ RunTime:0.000207s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `class_name` FROM `az_article_class` WHERE  `class_id` = 6 LIMIT 1 [ RunTime:0.000161s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `code` FROM `az_article_class` WHERE  `class_id` = 6 LIMIT 1 [ RunTime:0.000158s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'realm_name' LIMIT 1 [ RunTime:0.000173s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `class_name` FROM `az_article_class` WHERE  `class_id` = 17 LIMIT 1 [ RunTime:0.000187s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `code` FROM `az_article_class` WHERE  `class_id` = 17 LIMIT 1 [ RunTime:0.000165s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'realm_name' LIMIT 1 [ RunTime:0.000188s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `class_name` FROM `az_article_class` WHERE  `class_id` = 5 LIMIT 1 [ RunTime:0.000163s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `code` FROM `az_article_class` WHERE  `class_id` = 5 LIMIT 1 [ RunTime:0.000144s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT COUNT(*) AS tp_count FROM `az_article` LIMIT 1 [ RunTime:0.000191s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT COUNT(*) AS tp_count FROM `az_message` WHERE  `code` &gt; 0 LIMIT 1 [ RunTime:0.000193s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT SUM(read_num) AS tp_sum FROM `az_article` LIMIT 1 [ RunTime:0.000245s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `code`,`author`,`title`,`describe`,`original_img`,`class_id`,`add_time` FROM `az_article` WHERE  `is_file` = 0  AND `status` = 1 ORDER BY rand() LIMIT 1 [ RunTime:0.000554s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `code`,`author`,`title`,`describe`,`original_img`,`class_id`,`add_time` FROM `az_article` WHERE  `status` = 1 ORDER BY rand() LIMIT 7 [ RunTime:0.000555s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'realm_name' LIMIT 1 [ RunTime:0.000187s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `class_name` FROM `az_article_class` WHERE  `class_id` = 1 LIMIT 1 [ RunTime:0.000188s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `code` FROM `az_article_class` WHERE  `class_id` = 1 LIMIT 1 [ RunTime:0.000145s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'realm_name' LIMIT 1 [ RunTime:0.000192s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `class_name` FROM `az_article_class` WHERE  `class_id` = 17 LIMIT 1 [ RunTime:0.000151s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `code` FROM `az_article_class` WHERE  `class_id` = 17 LIMIT 1 [ RunTime:0.000142s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'realm_name' LIMIT 1 [ RunTime:0.000168s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `class_name` FROM `az_article_class` WHERE  `class_id` = 16 LIMIT 1 [ RunTime:0.000173s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `code` FROM `az_article_class` WHERE  `class_id` = 16 LIMIT 1 [ RunTime:0.000204s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'realm_name' LIMIT 1 [ RunTime:0.000225s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `class_name` FROM `az_article_class` WHERE  `class_id` = 20 LIMIT 1 [ RunTime:0.000223s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `code` FROM `az_article_class` WHERE  `class_id` = 20 LIMIT 1 [ RunTime:0.000198s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'realm_name' LIMIT 1 [ RunTime:0.000254s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `class_name` FROM `az_article_class` WHERE  `class_id` = 11 LIMIT 1 [ RunTime:0.000188s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `code` FROM `az_article_class` WHERE  `class_id` = 11 LIMIT 1 [ RunTime:0.000181s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'realm_name' LIMIT 1 [ RunTime:0.000165s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `class_name` FROM `az_article_class` WHERE  `class_id` = 20 LIMIT 1 [ RunTime:0.000171s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `code` FROM `az_article_class` WHERE  `class_id` = 20 LIMIT 1 [ RunTime:0.000153s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'realm_name' LIMIT 1 [ RunTime:0.000173s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `class_name` FROM `az_article_class` WHERE  `class_id` = 17 LIMIT 1 [ RunTime:0.000145s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `code` FROM `az_article_class` WHERE  `class_id` = 17 LIMIT 1 [ RunTime:0.000166s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'realm_name' LIMIT 1 [ RunTime:0.000177s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `class_name` FROM `az_article_class` WHERE  `class_id` = 16 LIMIT 1 [ RunTime:0.000163s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `code` FROM `az_article_class` WHERE  `class_id` = 16 LIMIT 1 [ RunTime:0.000161s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'realm_name' LIMIT 1 [ RunTime:0.000225s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'realm_name' LIMIT 1 [ RunTime:0.000169s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'click_num' LIMIT 1 [ RunTime:0.000175s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'click_code' LIMIT 1 [ RunTime:0.000185s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'blog_read' LIMIT 1 [ RunTime:0.000184s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `value` FROM `az_config` WHERE  `inc_type` = 'blog'  AND `name` = 'blog_message' LIMIT 1 [ RunTime:0.000208s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SHOW COLUMNS FROM `az_theme_file` [ RunTime:0.000736s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT * FROM `az_theme_file` WHERE  `theme` = 'simpleboot3' [ RunTime:0.000189s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SHOW COLUMNS FROM `az_theme` [ RunTime:0.000578s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] UPDATE `az_theme`  SET `name`='simpleboot3',`version`='1.0.2',`demo_url`='http://demo.thinkcmf.com',`author`='ThinkCMF',`lang`='zh-cn',`author_url`='http://www.thinkcmf.com',`keywords`='ThinkCMF模板',`description`='ThinkCMF默认模板'  WHERE  `theme` = 'simpleboot3' [ RunTime:0.003188s ]</li><li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">[ SQL ] SELECT `more` FROM `az_theme_file` WHERE  `theme` = 'simpleboot3'  AND (  `is_public` = 1 OR `file` = 'blog/info' ) [ RunTime:0.000222s ]</li>                </ol>
            </div>
                        <div style="display:none;">
                <ol style="padding: 0; margin:0">
                                    </ol>
            </div>
                    </div>
    </div>
    <div id="think_page_trace_close" style="display:none;text-align:right;height:15px;position:absolute;top:10px;right:12px;cursor:pointer;"><img style="vertical-align:top;" src="data:image/gif;base64,R0lGODlhDwAPAJEAAAAAAAMDA////wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQxMjc1MUJCQUJDMTFFMTk0OUVGRjc3QzU4RURFNkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQxMjc1MUNCQUJDMTFFMTk0OUVGRjc3QzU4RURFNkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDEyNzUxOUJBQkMxMUUxOTQ5RUZGNzdDNThFREU2QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDEyNzUxQUJBQkMxMUUxOTQ5RUZGNzdDNThFREU2QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAPAA8AAAIdjI6JZqotoJPR1fnsgRR3C2jZl3Ai9aWZZooV+RQAOw==" /></div>
</div>
<div id="think_page_trace_open" style="height:30px;float:right;text-align:right;overflow:hidden;position:fixed;bottom:0;right:0;color:#000;line-height:30px;cursor:pointer;">
    <div style="background:#232323;color:#FFF;padding:0 6px;float:right;line-height:30px;font-size:14px">0.097249s </div>
    <img width="30" style="" title="ShowPageTrace" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVERDVENkZGQjkyNDExRTE5REY3RDQ5RTQ2RTRDQUJCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVERDVENzAwQjkyNDExRTE5REY3RDQ5RTQ2RTRDQUJCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NURENUQ2RkRCOTI0MTFFMTlERjdENDlFNDZFNENBQkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NURENUQ2RkVCOTI0MTFFMTlERjdENDlFNDZFNENBQkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5fx6IRAAAMCElEQVR42sxae3BU1Rk/9+69+8xuNtkHJAFCSIAkhMgjCCJQUi0GtEIVbP8Qq9LH2No6TmfaztjO2OnUdvqHFMfOVFTqIK0vUEEeqUBARCsEeYQkEPJoEvIiELLvvc9z+p27u2F3s5tsBB1OZiebu5dzf7/v/L7f952zMM8cWIwY+Mk2ulCp92Fnq3XvnzArr2NZnYNldDp0Gw+/OEQ4+obQn5D+4Ubb22+YOGsWi/Todh8AHglKEGkEsnHBQ162511GZFgW6ZCBM9/W4H3iNSQqIe09O196dLKX7d1O39OViP/wthtkND62if/wj/DbMpph8BY/m9xy8BoBmQk+mHqZQGNy4JYRwCoRbwa8l4JXw6M+orJxpU0U6ToKy/5bQsAiTeokGKkTx46RRxxEUgrwGgF4MWNNEJCGgYTvpgnY1IJWg5RzfqLgvcIgktX0i8dmMlFA8qCQ5L0Z/WObPLUxT1i4lWSYDISoEfBYGvM+LlMQQdkLHoWRRZ8zYQI62Thswe5WTORGwNXDcGjqeOA9AF7B8rhzsxMBEoJ8oJKaqPu4hblHMCMPwl9XeNWyb8xkB/DDGYKfMAE6aFL7xesZ389JlgG3XHEMI6UPDOP6JHHu67T2pwNPI69mCP4rEaBDUAJaKc/AOuXiwH07VCS3w5+UQMAuF/WqGI+yFIwVNBwemBD4r0wgQiKoFZa00sEYTwss32lA1tPwVxtc8jQ5/gWCwmGCyUD8vRT0sHBFW4GJDvZmrJFWRY1EkrGA6ZB8/10fOZSSj0E6F+BSP7xidiIzhBmKB09lEwHPkG+UQIyEN44EBiT5vrv2uJXyPQqSqO930fxvcvwbR/+JAkD9EfASgI9EHlp6YiHO4W+cAB20SnrFqxBbNljiXf1Pl1K2S0HCWfiog3YlAD5RGwwxK6oUjTweuVigLjyB0mX410mAFnMoVK1lvvUvgt8fUJH0JVyjuvcmg4dE5mUiFtD24AZ4qBVELxXKS+pMxN43kSdzNwudJ+bQbLlmnxvPOQoCugSap1GnSRoG8KOiKbH+rIA0lEeSAg3y6eeQ6XI2nrYnrPM89bUTgI0Pdqvl50vlNbtZxDUBcLBK0kPd5jPziyLdojJIN0pq5/mdzwL4UVvVInV5ncQEPNOUxa9d0TU+CW5l+FoI0GSDKHVVSOs+0KOsZoxwOzSZNFGv0mQ9avyLCh2Hpm+70Y0YJoJVgmQv822wnDC8Miq6VjJ5IFed0QD1YiAbT+nQE8v/RMZfmgmcCRHIIu7Bmcp39oM9fqEychcA747KxQ/AEyqQonl7hATtJmnhO2XYtgcia01aSbVMenAXrIomPcLgEBA4liGBzFZAT8zBYqW6brI67wg8sFVhxBhwLwBP2+tqBQqqK7VJKGh/BRrfTr6nWL7nYBaZdBJHqrX3kPEPap56xwE/GvjJTRMADeMCdcGpGXL1Xh4ZL8BDOlWkUpegfi0CeDzeA5YITzEnddv+IXL+UYCmqIvqC9UlUC/ki9FipwVjunL3yX7dOTLeXmVMAhbsGporPfyOBTm/BJ23gTVehsvXRnSewagUfpBXF3p5pygKS7OceqTjb7h2vjr/XKm0ZofKSI2Q/J102wHzatZkJPYQ5JoKsuK+EoHJakVzubzuLQDepCKllTZi9AG0DYg9ZLxhFaZsOu7bvlmVI5oPXJMQJcHxHClSln1apFTvAimeg48u0RWFeZW4lVcjbQWZuIQK1KozZfIDO6CSQmQQXdpBaiKZyEWThVK1uEc6v7V7uK0ysduExPZx4vysDR+4SelhBYm0R6LBuR4PXts8MYMcJPsINo4YZCDLj0sgB0/vLpPXvA2Tn42Cv5rsLulGubzW0sEd3d4W/mJt2Kck+DzDMijfPLOjyrDhXSh852B+OvflqAkoyXO1cYfujtc/i3jJSAwhgfFlp20laMLOku/bC7prgqW7lCn4auE5NhcXPd3M7x70+IceSgZvNljCd9k3fLjYsPElqLR14PXQZqD2ZNkkrAB79UeJUebFQmXpf8ZcAQt2XrMQdyNUVBqZoUzAFyp3V3xi/MubUA/mCT4Fhf038PC8XplhWnCmnK/ZzyC2BSTRSqKVOuY2kB8Jia0lvvRIVoP+vVWJbYarf6p655E2/nANBMCWkgD49DA0VAMyI1OLFMYCXiU9bmzi9/y5i/vsaTpHPHidTofzLbM65vMPva9HlovgXp0AvjtaqYMfDD0/4mAsYE92pxa+9k1QgCnRVObCpojpzsKTPvayPetTEgBdwnssjuc0kOBFX+q3HwRQxdrOLAqeYRjkMk/trTSu2Z9Lik7CfF0AvjtqAhS4NHobGXUnB5DQs8hG8p/wMX1r4+8xkmyvQ50JVq72TVeXbz3HvpWaQJi57hJYTw4kGbtS+C2TigQUtZUX+X27QQq2ePBZBru/0lxTm8fOOQ5yaZOZMAV+he4FqIMB+LQB0UgMSajANX29j+vbmly8ipRvHeSQoQOkM5iFXcPQCVwDMs5RBCQmaPOyvbNd6uwvQJ183BZQG3Zc+Eiv7vQOKu8YeDmMcJlt2ckyftVeMIGLBCmdMHl/tFILYwGPjXWO3zOfSq/+om+oa7Mlh2fpSsRGLp7RAW3FUVjNHgiMhyE6zBFjM2BdkdJGO7nP1kJXWAtBuBpPIAu7f+hhu7bFXIuC5xWrf0X2xreykOsUyKkF2gwadbrXDcXrfKxR43zGcSj4t/cCgr+a1iy6EjE5GYktUCl9fwfMeylyooGF48bN2IGLTw8x7StS7sj8TF9FmPGWQhm3rRR+o9lhvjJvSYAdfDUevI1M6bnX/OwWaDMOQ8RPgKRo0eulBTdT8AW2kl8e9L7UHghHwMfLiZPNoSpx0yugpQZaFqKWqxVSM3a2pN1SAhC2jf94I7ybBI7EL5A2Wvu5ht3xsoEt4+Ay/abXgCQAxyOeDsDlTCQzy75ohcGgv9Tra9uiymRUYTLrswOLlCdfAQf7HPDQQ4ErAH5EDXB9cMxWYpjtXApRncojS0sbV/cCgHTHwGNBJy+1PQE2x56FpaVR7wfQGZ37V+V+19EiHNvR6q1fRUjqvbjbMq1/qfHxbTrE10ePY2gPFk48D2CVMTf1AF4PXvyYR9dV6Wf7H413m3xTWQvYGhQ7mfYwA5mAX+18Vue05v/8jG/fZX/IW5MKPKtjSYlt0ellxh+/BOCPAwYaeVr0QofZFxJWVWC8znG70au6llVmktsF0bfHF6k8fvZ5esZJbwHwwnjg59tXz6sL/P0NUZDuSNu1mnJ8Vab17+cy005A9wtOpp3i0bZdpJLUil00semAwN45LgEViZYe3amNye0B6A9chviSlzXVsFtyN5/1H3gaNmMpn8Fz0GpYFp6Zw615H/LpUuRQQDMCL82n5DpBSawkvzIdN2ypiT8nSLth8Pk9jnjwdFzH3W4XW6KMBfwB569NdcGX93mC16tTflcArcYUc/mFuYbV+8zY0SAjAVoNErNgWjtwumJ3wbn/HlBFYdxHvSkJJEc+Ngal9opSwyo9YlITX2C/P/+gf8sxURSLR+mcZUmeqaS9wrh6vxW5zxFCOqFi90RbDWq/YwZmnu1+a6OvdpvRqkNxxe44lyl4OobEnpKA6Uox5EfH9xzPs/HRKrTPWdIQrK1VZDU7ETiD3Obpl+8wPPCRBbkbwNtpW9AbBe5L1SMlj3tdTxk/9W47JUmqS5HU+JzYymUKXjtWVmT9RenIhgXc+nroWLyxXJhmL112OdB8GCsk4f8oZJucnvmmtR85mBn10GZ0EKSCMUSAR3ukcXd5s7LvLD3me61WkuTCpJzYAyRurMB44EdEJzTfU271lUJC03YjXJXzYOGZwN4D8eB5jlfLrdWfzGRW7icMPfiSO6Oe7s20bmhdgLX4Z23B+s3JgQESzUDiMboSzDMHFpNMwccGePauhfwjzwnI2wu9zKGgEFg80jcZ7MHllk07s1H+5yojtUQTlH4nFdLKTGwDmPbIklOb1L1zO4T6N8NCuDLFLS/C63c0eNRimZ++s5BMBHxU11jHchI9oFVUxRh/eMDzHEzGYu0Lg8gJ7oS/tFCwoic44fyUtix0n/46vP4bf+//BRgAYwDDar4ncHIAAAAASUVORK5CYII=">
</div>

<script type="text/javascript">
    (function(){
        var tab_tit  = document.getElementById('think_page_trace_tab_tit').getElementsByTagName('span');
        var tab_cont = document.getElementById('think_page_trace_tab_cont').getElementsByTagName('div');
        var open     = document.getElementById('think_page_trace_open');
        var close    = document.getElementById('think_page_trace_close').children[0];
        var trace    = document.getElementById('think_page_trace_tab');
        var cookie   = document.cookie.match(/thinkphp_show_page_trace=(\d\|\d)/);
        var history  = (cookie && typeof cookie[1] != 'undefined' && cookie[1].split('|')) || [0,0];
        open.onclick = function(){
            trace.style.display = 'block';
            this.style.display = 'none';
            close.parentNode.style.display = 'block';
            history[0] = 1;
            document.cookie = 'thinkphp_show_page_trace='+history.join('|')
        }
        close.onclick = function(){
            trace.style.display = 'none';
            this.parentNode.style.display = 'none';
            open.style.display = 'block';
            history[0] = 0;
            document.cookie = 'thinkphp_show_page_trace='+history.join('|')
        }
        for(var i = 0; i < tab_tit.length; i++){
            tab_tit[i].onclick = (function(i){
                return function(){
                    for(var j = 0; j < tab_cont.length; j++){
                        tab_cont[j].style.display = 'none';
                        tab_tit[j].style.color = '#999';
                    }
                    tab_cont[i].style.display = 'block';
                    tab_tit[i].style.color = '#000';
                    history[1] = i;
                    document.cookie = 'thinkphp_show_page_trace='+history.join('|')
                }
            })(i)
        }
        parseInt(history[0]) && open.click();
        tab_tit[history[1]].click();
    })();
</script>
</body>
</html>