2/15~2/20

 

ajax，如果我们想彻底的抛弃同步请求提交请求的想法真的应用到实践中，开发人员会发现它常常会变成一个吃力不讨好的事情，为什么说是一件吃力不讨好的事情呢，主要体现在两个方面：

第一，ajax请求往往是作为纯数据的传输，那么页面效果的显示就需要开发人员自己操作DOM，使用各种JavaScript开发技巧，这就大大增加页面开发难度和复杂度，对于一个要投入市场的web应用，其成本和风险是可想而知的。

第二，同步提交页面会让用户享受一种很顶级的用户体验，这就是浏览器的前进和后退体验，如果让ajax做前进和后退，特别是用户和网站交互量很大的网站，这个操作可能会成为一件不可能完成的任务。

 

解决前进和后退的问题：http://www.cnblogs.com/sharpxiajun/p/3870797.html

 

    .swiper-container::after{position: absolute;content: "";top: 0;bottom: 0;width: 2px;background-color: #39424a;z-index: 2;-webkit-box-shadow:3px 4px 10px 6px #39424a;box-shadow: 3px 4px 10px 6px #39424a;}

    .swiper-container::before {position: absolute;content: "";top: 0;bottom: 0;right: 0px;width: 2px;background-color:#39424a;z-index: 2;-webkit-box-shadow:3px 4px 10px 6px #39424a;box-shadow: 3px 4px 10px 6px #39424a;}

 

可以添加左右模糊

 

 

 onload(){

        url = window.location.href;

        links = menu.find('a');

        each(links)

            links[i].href == url

            links[i].css('active')

    }

可以 url后面跟个栏目

加载页面的时候，根据栏目 锁定菜单

 

var go_top = function(){

          if(!window.sideMenu){

            window.sideMenu = $("#sideToolbar"); 

          }

          if((document.body.scrollTop||document.documentElement.scrollTop)>50){

            sideMenu.addClass("on");

          }else{

            sideMenu.removeClass("on");

          }

        };

        $(window).scroll(function(){

          go_top();

        });

        $("#sideToolbar-up").click(function(){

          $("html,body").animate({ scrollTop: 0 }, 800);

        });

 

回到顶部的代码写法