继续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简易教程
4.localstorage超时功能
5.组件引入地图, 要在控制器里初始化
app.controller("equipmentMapController", function($scope, $log) {
var map = new AMap.Map('container', {
resizeEnable: true,
zoom: 11,
center: [116.397428, 39.90923]
});
})
6.浏览器插件坑
使用了百度的界面优化插件,直接把后台登录页面背景改成了白色,我找了十几分钟,后来想到应该是插件搞得。。。果然
7.textarea禁止拉伸
textarea {
resize:none;
}
8.富文本编辑器
9.Django文章分页等教程
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内容自动换行
.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",
})