今天完成的事情：

完成了侧边栏和小课堂的准备

let acordeon = document.getElementById("acordeon-content"),
    acordeonBody = [...document.querySelectorAll(".acordeon__aside")];
function openMenu(element){
    let parent  = element.target.parentNode,
        lastChild = parent.lastElementChild,
        menu = lastChild.firstElementChild;
    acordeonBody.map(el => el.style.height = 0);
    if(lastChild.clientHeight){
        lastChild.style.height = 0;
    }else{
        let altoMenu = menu.clientHeight;
        lastChild.style.height = `${altoMenu}px`;
    }
}
function getTarget(e){
    if(e.target.tagName === "DIV"){
        openMenu(e);
    }
}
acordeon.addEventListener("click", getTarget);

明天计划的事情：明天计划把剩下的页面完成

遇到的问题：关于这个手风琴侧边栏找了很多的demo，拿上来都不行，还好最后找了个能用的

收获：学会了如何实现手风琴侧边栏，还准备了小课堂讲的是：什么是ajax？AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。Ajax和JSON，它们的优缺点？Ajax就是支持异步请求,用户体验较为良好的一门技术.JSON就是一种简单的文本格式ajax的优点:1.页面无刷新,在页面内与服务器通信,用户体验非常好2.基于标准化的并被广泛支持的技术缺点:1.ajax干掉了back按钮2.安全问题3.搜索引擎较弱4.破坏了程序的异常机制5.如果用户禁用了JS就找不到数据了JSON优点:1.数据格式比较简单,易于读写2.易于解析3.支持多种语言缺点:1.没有XML格式推广的那么广泛。