发表于: 2017-06-04 23:27:04

3 952


今天做了啥/收获:

 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的数据很少的。

 










以上内容部分来自网络。权删


返回列表 返回列表
评论

    分享到