实习第四周

继续Angularjs的后台前端页面制作

1.ng-app 和 data-ng-app的区别

在html5的校验中，ng-app会报错，而再之前加*-ng-app就不会报错 https://stackoverflow.com/questions/16589853/ng-app-vs-data-ng-app-what-is-the-difference

2.ng-repeat打印出来列表的序号

{{$index+1}}

3.ui-router简易教程

https://juejin.im/post/5930fb29b123db0064f77584

4.localstorage超时功能

https://github.com/WQTeam/web-storage-cache

5.组件引入地图， 要在控制器里初始化

    app.controller("equipmentMapController", function($scope, $log) {
        var map = new AMap.Map('container', {
            resizeEnable: true,
            zoom: 11,
            center: [116.397428, 39.90923]
        });
    })

6.浏览器插件坑

使用了百度的界面优化插件，直接把后台登录页面背景改成了白色，我找了十几分钟，后来想到应该是插件搞得。。。果然

1.png

2.png

7.textarea禁止拉伸

    textarea {
      resize:none;
    }

8.富文本编辑器

http://ckeditor.com/

9.Django文章分页等教程

http://zmrenwu.com/category/django-advanced-blog-tutorial/

10.树状图样式

http://www.treejs.cn/v3/main.php#_zTreeInfo http://www.cnblogs.com/jyh317/p/3763564.html https://github.com/vakata/jstree/https://github.com/vakata/jstree/

11.websocket测试工具

• websocket的测试工具，初级一点的可以用在线的，比如： http://www.blue-zero.com/WebSocket/
• 正式的可以使用知名测试工具JMeter，再附加websocket sampler http://www.cnblogs.com/towersxu/p/4568254.html

12.css中设置table中的td内容自动换行

http://blog.csdn.net/XIAOZHUXMEN/article/details/51068305

    .logtable {
        table-layout: fixed;
        word-wrap: break-word;
        word-break: break-all;
    }

13.前后端分离 权限让后台处理

很简单的一个原理：由前端管理菜单的话

• 后端接口的入口、格式什么的，在客户端是能获取到，只是用js隐藏起来。那么就提供给非授权访问人员可以拆解接口的机会
• 后端处理请求时，如果没实时判断当前用户是否有当前接口的访问权限。会残留越权请求。（比如普通用户，也能删别人的资料）
• 所以权限管理的本质，一定是在后端要做好。所以权限管理的本质，一定是在后端要做好。

14.javascript:void(0)

a href=#与 a href=javascript:void(0) 的区别 链接的几种办法

#包含了一个位置信息 默认的锚是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接

15.默认嵌套子路由

    // 用户详情路由
   .state("userDetails", {
        url: "/userDetails/:id",
        templateUrl: "userDetails.html",
        controller: function($state) {
             $state.go("userDetails.baseinfo")
        }
  })
  // 用户详情下的5个分页
  .state("userDetails.baseinfo", {
      url: "/baseinfo",
      templateUrl: "childPages/userDetails/baseinfo.html",
  })