master

分支 (1)

管理

管理

master

mysql45
/
index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MySQL实战45讲</title>
    <style>
        .image {
            display: flex;
            width: 1150px;
            margin: 0 auto;
        }

        .li_class {
            width: 0;
            flex: 1;
        }

        .li_width {
            height: 30px;
        }

        a {
            text-decoration: none;
        }
    </style>
</head>

<body>
<div class="image">
    <img src="https://static001.geekbang.org/resource/image/ce/d9/ce7f4e35916ed1aa49206a53a0547bd9.jpg" alt="logo" onclick="window.open('./iframe')" />
</div>

<div class="image">
    <div class="li_class" id="left">
    </div>

    <div class="li_class" id="right">
    </div>
</div>

</body>
<script>
    let data = [
        "00 开篇词讲这一次，让我们一起来搞懂MySQL",
        "01 讲基础架构：一条SQL查询语句是如何执行的",
        "02 讲日志系统：一条SQL更新语句是如何执行的",
        "03 讲事务隔离：为什么你改了我还看不见",
        "04 讲深入浅出索引(上)",
        "05 讲深入浅出索引(下)",
        "06 讲全局锁和表锁：给表加个字段怎么有这么多阻碍",
        "07 讲行锁功过：怎么减少行锁对性能的影响",
        "08 讲事务到底是隔离的还是不隔离的",
        "09 讲普通索引和唯一索引，应该怎么选择",
        "10 讲MySQL为什么有时候会选错索引",
        "11 讲怎么给字符串字段加索引",
        "12 讲为什么我的MySQL会“抖”一下",
        "13 讲为什么表数据删掉一半，表文件大小不变",
        "14 讲count这么慢，我该怎么办",
        "15 讲答疑文章（一）：日志和索引相关问题",
        "16 讲“orderby”是怎么工作的",
        "17 讲如何正确地显示随机消息",
        "18 讲为什么这些SQL语句逻辑相同，性能却差异巨大",
        "19 讲为什么我只查一行的语句，也执行这么慢",
        "20 讲幻读是什么，幻读有什么问题",
        "21 讲为什么我只改一行的语句，锁这么多",
        "22 讲MySQL有哪些“饮鸩止渴”提高性能的方法",
        "23 讲MySQL是怎么保证数据不丢的",
        "24 讲MySQL是怎么保证主备一致的",
        "25 讲MySQL是怎么保证高可用的",
        "26 讲备库为什么会延迟好几个小时",
        "27 讲主库出问题了，从库怎么办",
        "28 讲读写分离有哪些坑",
        "29 讲如何判断一个数据库是不是出问题了",
        "30 讲答疑文章（二）：用动态的观点看加锁",
        "31 讲误删数据后除了跑路，还能怎么办",
        "32 讲为什么还有kill不掉的语句",
        "33 讲我查这么多数据，会不会把数据库内存打爆",
        "34 讲到底可不可以使用join",
        "35 讲join语句怎么优化",
        "36 讲为什么临时表可以重名",
        "37 讲什么时候会使用内部临时表",
        "38 讲都说InnoDB好，那还要不要使用Memory引擎",
        "39 讲自增主键为什么不是连续的",
        "40 讲insert语句的锁为什么这么多",
        "41 讲怎么最快地复制一张表",
        "42 讲grant之后要跟着flushprivileges吗",
        "43 讲要不要使用分区表",
        "44 讲答疑文章（三）：说一说这些好问题",
        "45 直播回顾讲林晓斌：我的MySQL心路历程"
    ]

    let left = '';
    let right = '';
    for (let i = 0; i < data.length; i++) {
        // let hrefHTML = "./iframe/" + data[i].replace(" ", "");
        let hrefHTML = data[i].replace(" ", "");
        console.log(hrefHTML);
        if (i < 23) {
            left  += "<div class='li_width' ><a href=" + hrefHTML + '.html target="_blank">' + data[i] + "</a></div>";
        } else {
            right += "<div class='li_width' ><a href=" + hrefHTML + '.html target="_blank">' + data[i] + "</a></div>";
        }
    }
    document.getElementById("left").innerHTML = left;
    document.getElementById("right").innerHTML = right;
</script>
</html>