繼續(xù)Angularjs的后臺(tái)前端頁面制作
1.ng-app 和 data-ng-app的區(qū)別
在html5的校驗(yàn)中漓藕，ng-app會(huì)報(bào)錯(cuò)，而再之前加*-ng-app就不會(huì)報(bào)錯(cuò)
https://stackoverflow.com/questions/16589853/ng-app-vs-data-ng-app-what-is-the-difference
2.ng-repeat打印出來列表的序號(hào)
{{$index+1}}
3.ui-router簡(jiǎn)易教程
4.localstorage超時(shí)功能
5.組件引入地圖， 要在控制器里初始化
app.controller("equipmentMapController", function($scope, $log) {
var map = new AMap.Map('container', {
resizeEnable: true,
zoom: 11,
center: [116.397428, 39.90923]
});
})
6.瀏覽器插件坑
使用了百度的界面優(yōu)化插件小染，直接把后臺(tái)登錄頁面背景改成了白色孩擂，我找了十幾分鐘编矾，后來想到應(yīng)該是插件搞得熟史。馁害。窄俏。果然
1.png
2.png
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測(cè)試工具
- websocket的測(cè)試工具，初級(jí)一點(diǎn)的可以用在線的碘菜，比如：
http://www.blue-zero.com/WebSocket/ - 正式的可以使用知名測(cè)試工具JMeter凹蜈，再附加websocket sampler
http://www.cnblogs.com/towersxu/p/4568254.html
12.css中設(shè)置table中的td內(nèi)容自動(dòng)換行
.logtable {
table-layout: fixed;
word-wrap: break-word;
word-break: break-all;
}
13.前后端分離 權(quán)限讓后臺(tái)處理
很簡(jiǎn)單的一個(gè)原理：由前端管理菜單的話
- 后端接口的入口、格式什么的忍啸，在客戶端是能獲取到仰坦，只是用js隱藏起來。那么就提供給非授權(quán)訪問人員可以拆解接口的機(jī)會(huì)
- 后端處理請(qǐng)求時(shí)计雌，如果沒實(shí)時(shí)判斷當(dāng)前用戶是否有當(dāng)前接口的訪問權(quán)限悄晃。會(huì)殘留越權(quán)請(qǐng)求。（比如普通用戶凿滤，也能刪別人的資料）
- 所以權(quán)限管理的本質(zhì)妈橄，一定是在后端要做好。所以權(quán)限管理的本質(zhì)翁脆，一定是在后端要做好眷蚓。
14.javascript:void(0)
a href=#與 a href=javascript:void(0) 的區(qū)別 鏈接的幾種辦法
#包含了一個(gè)位置信息
默認(rèn)的錨是#top 也就是網(wǎng)頁的上端
而javascript:void(0) 僅僅表示一個(gè)死鏈接
15.默認(rèn)嵌套子路由
// 用戶詳情路由
.state("userDetails", {
url: "/userDetails/:id",
templateUrl: "userDetails.html",
controller: function($state) {
$state.go("userDetails.baseinfo")
}
})
// 用戶詳情下的5個(gè)分頁
.state("userDetails.baseinfo", {
url: "/baseinfo",
templateUrl: "childPages/userDetails/baseinfo.html",
})
