今天完成的事情：

昨天的小课堂因为晚上的方案设计评审而延期到了今天，所以今天又对小课堂的内容进行了一些学习，

发现网上有关前端跨域方法的网页真的很多。不过一般说的最多的还是JSONP、CORS、

和iframe结合的几种方法，例如document.domin等，最新的还有CSST，利用CSS3的方法进行跨域。

每种方法都各有优缺点，有的浏览器兼容性好，功能相对薄弱些，有的功能强大，各种请求类型都支持，

但是浏览器兼容性差，还有的需要主域名相同等。

下午为了二次方案设计评审问了相博模块管理的内容，我们讨论了一下后感觉还是有些地方不是太确定，

所以后来又咨询了高高师兄。简单来说，模块管理就是管的侧边栏里的内容，每个模块对应着一个菜单项，

菜单也分一级二级，对应的就是模块的父子关系。而且侧边栏的内容不是写死的，是向服务器接口请求后

得到的。还有就是角色管理部分，不同角色的帐号登陆后台网页后，看到的侧边栏里的内容也是不同的

需要在其登陆时就判断登陆者的角色，然后查该角色能看到哪些模块（这时获取的是模块id），下一步根据id

查模块。

下午相博在网上找到了一个拖拽排序的插件，似乎可以满足项目里Article列表页的需求，但是怎么把排序的

结果发送给服务器还是个问题。

明天计划的事情：

拆分禅道，确认下每天要完成的事，开始写页面

遇到的问题：

 发现后台管理里有很多错综复杂的关联关系，比如模块管理那个，之前看产品讲的那个视频里完全没有提到过。

收获：

JSONP跨域：

 function handleResponse(response){

                        console.log('The responsed data is: '+response.data);

                    }

                    var script = document.createElement('script');

                    script.src = 'http://www.baidu.com/json/?callback=handleResponse';

                    document.body.insertBefore(script, document.body.firstChild);

                    /*handleResonse({"data": "zhe"})*/

                    //原理如下：

                    //当我们通过script标签请求时

                    //后台就会根据相应的参数(json,handleResponse)

                    //来生成相应的json数据(handleResponse({"data": "zhe"}))

                    //最后这个返回的json数据(代码)就会被放在当前js文件中被执行

                    //至此跨域通信完成

sortable拖拽排序插件：

<ul class="sortable">

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

<li>Item 4</li>

<li>Item 5</li>

<li>Item 6</li>

</ul>

<script src="http://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>

<script src="jquery.sortable.js"></script>

<script>

$(function() {

$('.sortable').sortable();

});

</script>