2018-05-12

一、接上周

1.文字搬运

    
    

    




    

        点花蕊，散清香。 入，甚为清香。 伤心花不败，不落，我静待。 清铃合欢，随风摇曳，不止休，心依。 戴珠簪，于发间。 你嫣然一笑，我心醉。 丝发于指尖，宛若一丝香，香残余。 花开花落不休，溪水长流不止。 这一生，有你，已足够。
    
    

        搬运
        

            
            
        
        

            
            
            
            
            
        
        

    
    

2.jq操作表单

    
    
    



    
请选择想要学习的编程语言：
    

        
 全选全不选 反选
        
 JavaScript
        
 Python
        
 Ruby
        
 Haskell
        
 Scheme
        
Submit
    

3.jquery实现滚动导航条

    
    
    

    

    



    

        
男装
        
女装
        
美妆
        
日用
    


    
购物网

    

        
图一
        

            

            

            

            

            

            

            

            

            

            

        
    
    

        
图二
        

            

            

            

            

            

            

            

            

            

        
    
    

        
图三
        

            

            

            

            

            

            

            

            

            

        
    
    

        
图四
        

            

            

            

            

            

            

            

            

            

        
    

4.用原生js实现上述功能

.js
    function haveClass ( obj,cls ) {
            //正则表达式，验证是否包含class
         return obj.className.match(new RegExp("(\\s|^)"+cls+"(\\s|$)"));
        }

        function removeClass ( obj,cls ) {
            if( haveClass ( obj,cls )) {
                //正则表达式替换
                var reg = new RegExp(new RegExp("(\\s|^)"+cls+"(\\s|$)"));
                obj.className = obj.className.replace(reg,"")
                //删了class
            }
        }

        function addClass ( obj,cls ) {
            if( !haveClass( obj,cls )) {
                obj.className += " "+cls;
            }
        }

        window.onload = function () {
            window.onscroll = function () {
                var top = document.documentElement.scrollTop || document.body.scrollTop;
                var menu = document.getElementById("menu").getElementsByTagName("a");
                // var item = document.getElementById("content").getElementsByClassName("item");
                var item = document.getElementById("content","item");
                var currentId = "";
                for(var i=0;i_itemTop-200) {
                        current = "_item.id";
                    } 
                }

                if(currentId) {
                    //给正确的menu下的a元素class赋值
                    for(var j=0;j

滚动时右侧导航的聚焦没实现

二、Ajax

又看了遍XHR创建对象、XHR请求、XHR响应、服务器响应、事件和几个实例，脱离在线编辑器，请求的时候在url上出了点问题

还看了点node.js

这周大家都期中考嘛，多用了些时间复习，下周还有两门QAQ