Unen030
Unen030

Web前端复习

一、随堂练习

1.小题

    • margin vanish：border和inline-block都可以形成bfc
    • 二维数组转置：res[i] = [];
    • 函数的不同声明定义：
      • 有变量名字的函数，即便后面声明了同样的，以函数表达式为主；
      • 定义，运行。再定义同样的，再运行。最终各自运行各自的
    • 表格：
      • (table row)
      • tr里写td (table data)
      • td的宽度，在有自定义的情况下，以table总宽度平分为准
          • 文字css：
            • h1::first-letter,::first-letter,h2::first-letter{ color: red; }
            • text-decoration: line-through;
            • text-transform: capitalize;

        2.代码题

          • 数字时钟：
            • var date=new Date();
            • setInterval(timeClock, 1000)
          • add/change增加文本，改变颜色：document.getElementById('pra').innerText=text+": addedText by button 'add'"; }
          • 留言板：
            • botton.onclick　=function(){ if(text.value==='')
            • var li=document.createElement('li');
            • var delebotton=document.createElement('input');
            • ul.removeChild(this.parentNode);
            • //
            • li.appendChild(delebotton);
            • ul.insertBefore(li,ul.children[0])
            • text.value='';
            • //
            • #delebutton{float: right;}
          • 新用户注册：自然而然就对齐了
            • 用于将相关的表单控件组合在一起
            • 注册页面 ：红色边框线里的字
            • ：里面写账号、密码等正式内容
            • //

            • 包住每一个输入框

            • type="date" "number"
            • //
            • //