发表于: 2017-06-04 23:27:04
3 953
今天做了啥/收获:
AngularJs 实现动态(懒)加载主要是依赖于3个主JS文件和一段依赖的脚本。
实现的过程主要是引用3个主要的JS文件
<script src="angular/1.4.8/angular/angular.min.js"></script>
<script src="angular/ui-router/release/angular-ui-router.min.js"></script>
<script src="angular/oclazyload/src/ocLazyLoad.min.js"></script>
然后通过 APP 配置,将依赖的脚本进行注入操作
var app = angular.module('pkcms', ["ui.router", "oc.lazyLoad"]);
app.config(["$provide", "$compileProvider", "$controllerProvider", "$filterProvider",
function ($provide, $compileProvider, $controllerProvider, $filterProvider) {
app.controller = $controllerProvider.register;
app.directive = $compileProvider.directive;
app.filter = $filterProvider.register;
app.factory = $provide.factory;
app.service = $provide.service;
app.constant = $provide.constant;
}]);
// 按模块化加载其他的脚本文件
app.constant('Modules_Config', [
{
name: 'treeControl',
serie: true,
files: [
"Scripts/angular-bootstrap/ui-bootstrap-tpls-0.14.3.min.js"
]
}
]);
app.config(["$ocLazyLoadProvider","Modules_Config",routeFn]);
function routeFn($ocLazyLoadProvider,Modules_Config){
$ocLazyLoadProvider.config({
debug:false,
events:false,
modules:Modules_Config
});
};
以上是初始化动态加载的配置过程。
接着是建立路由
"use strict"
app.config(["$stateProvider","$urlRouterProvider",routeFn]);
function routeFn($stateProvider,$urlRouterProvider){
$urlRouterProvider.otherwise("/main");
$stateProvider
.state("main",{
url:"/main",
templateUrl:"views/main.html",
controller:"mainCtrl",
controllerAs:"main",
resolve:{
deps:["$ocLazyLoad",function($ocLazyLoad){
return $ocLazyLoad.load("controllers/main.js");
}]
}
})
.state("adminUser",{
url:"/adminUser",
templateUrl:"views/adminUser.html",
controller:"adminUserCtrl",
controllerAs:"adminUser",
resolve:{
deps:["$ocLazyLoad",function($ocLazyLoad){
return $ocLazyLoad.load("controllers/adminUser.js");
}]
}
})
};
最后是按路由配置的在对应目录下建2个HTML页面文件和2个JS文件用做测试
main.html
<div>
{{main.value}}
</div>
adminUser.html
<div>
{{adminUser.value}}
</div>
main.js
/**
* mainCtrl
* Created by pkcms.cn on 2016/6/24.
*/
(function () {
"use strict"
app.controller("mainCtrl", mainCtrlFn);
function mainCtrlFn() {
this.value = "Hello World";
}
}())
adminUser.js
/**
* adminUserCtrlFn
* Created by pkcms.cn on 2016/6/24.
*/
(function () {
app.controller('adminUserCtrl',adminUserCtrlFn);
function adminUserCtrlFn() {
this.value = "welcome to admin user";
}
}());
问题:SVN学员需求 我不知道怎么写的。看了半天也不知道主目录要交啥。- =我看了下大家写的SVN 发现大家都没怎么明白SVN学员需求。
明天做啥:准备复盘
关于付老师讲的:
三次握手
通过三次握手建立一个稳定的连接。
1、A主动打开,客户端消耗一个序号发出连接请求,发送报文。
2、B反馈应该受到,并进行回复。
3、A再次进行确认。为什么要再次确认呢?因为防止第一次的报文已失效,A却依旧将数
据传送过去。
应用层协议
1、DNS域名系统是指名字与计算机语言互换。
域名服务器,分为根域名(.org政府组织。.com商业类。.edu教育类。)
顶级域名
权限域名服务器
本地域名服务器。
2、Hosts文件是负责IP地址与域名快速解析的文件。
要http,要先建立TCP。
1、http是无连接的,不需要像TCP那样握手。(TCP需要三次握手)
2、RTT是指往返时延,一般有2rtt。
https和websocket
1、http端口是80,
2、https端口是443,其更安全。不易泄露数据。
3、基于TCP的一种新的网络协议。其实现了服务器主动发信息给客户端。其header的数据很少的。
以上内容部分来自网络。权删
评论