说明
  
  本文主要说明,在angularJS框架使用中,angularJS 路由加载js controller 未定义 解决方案。
  
  路由 $routeProvider 异步加载js
  
  路由的基本用法,请查看官方文档,下面实例只说明,懒加载用法。
  
  实例使用版本:
  
  angularJS:1.7.6
  
  ocLazyLoad:1.1.0
  
  片段说明
  
  通过路由懒加载js,需要引用第三方ocLazyLoad库加载,并且修改被加载脚本代码,防止控制器出现未定义现象。
  
  定义 ocLazyLoad 库
  
  angular.module("app_name", ['ngRoute','ngSanitize','oc.lazyLoad'])
  
  路由设置
  
  angular.config(['$routeProvider', function($routeProvider){
  
  $routeProvider
  
  // 路由示例图
  
  .when('/',{
  
  // 模版地址
  
  templateUrl:'/PC/Public/Template/CustomerData.php',
  
  // 控制器名字
  
  controller:'controller_name',
  
  // 依赖请求
  
  resolve: {
  
  // 调用 ocLazyLoad
  
  deps: ['$ocLazyLoad',function (e) {
  
  return e.load(['/PC/Public/Template/L/L0/CustomerModel/CustomerData.js']);
  
  一、自旋锁简介
  
  通常情况下解决多线程共享资源逻辑一致性问题有两种方式:
  
  互斥锁:当发现资源被占用的时候,会阻塞自己直到资源解除占用,然后再次尝试获取;
  
  自旋锁:当发现占用时,一直尝试获取锁(线程没有被挂起的过程,也就没有线程调度切换的消耗);
  
  对于这两种方式没有优劣之分,只有是否适合当前的场景;具体的对比就不在继续深入了,如果你很感兴趣可以查看 《多处理器编程的艺术》 提取码:rznn ;
  
  但是如果竞争非常激烈的时候,使用自旋锁就会产生一些额外的问题:
  
  可能导致一些线程始终无法获取锁(争抢的时候必然是当前活跃线程获得锁的几率大),也就是饥饿现象;
  
  因为自旋锁会依赖一个共享的锁标识,所以竞争激烈的时候,锁标识的同步也需要消耗大量的资源;
  
  如果要用自旋锁实现公平锁(即先到先获取),此时就还需要额外的变量,也会比较麻烦;
  
  解决这些问题其中的一种办法就是使用队列锁,简单来讲就是让这些线程排队获取;下面我们介绍常用的两种,即 CLH 锁 和 MCS 锁;
  
  二、CLH 锁
  
  CLH 是 Craig、Landin 和 Hagersten 三位作者的缩写,具体内容在 Building FIFO and Priority-Queuing Spin Locks from Atomic Swap 论文中有详细介绍,大家可以自行查看;我们 JDK 中 java.util.concurrent.locks.AbstractQueuedSynchronizer 就是根据 CLH 锁的变种实现的;
  
  简单实现:
  
  public class CLH implements Lock {
  
  private final ThreadLocal<Node> preNode = ThreadLocal.withInitial(() -> null);
  
  private final ThreadLocal<Node> node = ThreadLocal.withInitial(Node::new);
  
  private final AtomicReference<Node> tail = new AtomicReference<>(new Node());
  
  private static class Node {
  
  private volatile boolean locked;
  
  }
  
  @Override
  
  public void lock() {
  
  final Node node = this.node.get(www.tiaotiaoylzc.com );
  
  node.locked = true;
  
  Node pre = this.tail.getAndSet(node);
  
  this.preNode.set(pre);
  
  while (pre.locked) ;
  
  }
  
  @Override
  
  public void unlock() {
  
  final Node node = this.node.get();
  
  node.locked = false;
  
  this.node.set(this.preNode.get(www.yongxinzaixian.cn));
  
  }
  
  }
  
  clh
  
  三、MCS 锁
  
  同样 MCS 是 John M. Mellor-Crummey 和 Michael L. Scott 名字的缩写,具体内容可以在 Algorithms for Scalable Synchronization on Shared-Memory Multiprocessors 论文中查看;
  
  简单实现:
  
  public class MCS implements Lock {
  
  private final ThreadLocal<Node> node www.suoLaieyuLe.com= ThreadLocal.withInitial(Node::new);
  
  private final AtomicReference<Node> tail = new AtomicReference<>();
  
  private static class Node {
  
  private volatile boolean locked = false;
  
  private volatile Node next = null;
  
  }
  
  @Override
  
  public void lock(www.michenggw.com) {
  
  Node node = this.node.get();
  
  node.locked = true;
  
  Node pre = tail.getAndSet(node);
  
  if (pre != null) {
  
  pre.next = node;
  
  while (node.locked) ;
  
  }
  
  }
  
  @Override
  
  public void unlock(www.ysyl157.com) {
  
  Node node = this.node.get();
  
  if (node.next == null) {
  
  if (tail.compareAndSet(node,www.bsyL157.com null)) {
  
  return;
  
  }
  
  while (node.next == null) ;
  
  }
  
  node.next.locked = false;
  
  node.next = null;
  
  }
  
  }
  
  clh
  
  总结
  
  以上的代码我已经测试过,大家可以直接拿下来自行实验;
  
  CLH 锁和 MCS 锁区别主要有两点:1. 链表结构的区别;2. 自旋对象的区别,CLH 是在前驱节点上自旋,而 MCS 是在自身节点上自旋;这里第二点才是最重要的,主要体现在 SMP(Symmetric Multi-Processor) 和 NUMA(Non-Uniform Memory Access) 不同的处理器架构上;这里大家可以自行 Google;
  
  .otherwise({redirectTo:'/'});
  
  }]);
  
  被加载js代码
  
  // 添加指定 app 名称,防止出现未定义控制器
  
  angular.module(www.shengbangyule178.cn"app_name"www.yongshi123.cn).controller("controller_name", ["$scope", function ($scope) {
  
  console.log("$scope");

angularJS 路由加载js controller 未定义 解决方案的更多相关文章

  1. Angular07 路由的工作流程、路由参数、子路由、利用路由加载模块、模块懒加载???

    1 Angular路由的工作流程 用户在浏览器输入一个URL -> Angular将获取到这个URL并将其解析成一个UrlTree实例 -> Angular会到路由配置中去寻找并激活与Ur ...

  2. vue-router路由加载两种模式

    路由安装npm install --save vue-router 安装完成后,打开package.json,如果看到这个"vue-router": 版本号, 就代表安装成功了   ...

  3. Flask源码之:路由加载

    路由加载整体思路: 1. 将 url = /index  和  methods = [GET,POST]  和 endpoint = "index"封装到Rule对象 2. 将Ru ...

  4. flask 源码专题(八):路由加载

    1.示例代码 from flask import Flask app = Flask(__name__,static_url_path='/xx') @app.route('/index') def ...

  5. 06 flask源码剖析之路由加载

    06 Flask源码之:路由加载 目录 06 Flask源码之:路由加载 1.示例代码 2.路由加载源码分析 1.示例代码 from flask import Flask app = Flask(__ ...

  6. nuxt Window 或 Document未定义解决方案

    概述 在用nuxt开发服务端渲染项目并引入第三方库的时候,经常会遇到window或document未定义的情况,原因是这个第三方库里面用到了window或者document,然后在服务端打包的时候,n ...

  7. vue-cli3.x正确打包项目,解决静态资源与路由加载无效的问题,history模式下配合使用nginx运行打包后的项目

    使用vue-cli3.x正确打包项目,配合nginx运行打包后的内容 vue.config.js module.exports = { publicPath: './',//打包后的位置(如果不设置这 ...

  8. vue 动态菜单以及动态路由加载、刷新采的坑

    需求: 从接口动态获取子菜单数据 动态加载 要求只有展开才加载子菜单数据 支持刷新,页面显示正常 思路: 一开始比较乱,思路很多.想了很多 首先路由和菜单共用一个全局route, 数据的传递也是通过s ...

  9. ajax在ie下返回未定义解决方案

    有时候用ajax进行请求,接收到的数据在火狐下很正常,但在ie浏览器下确是undefined,这是因为后端php输入json时没有统一指定contentType头导致的,只需在php文件中加入head ...

随机推荐

  1. 实时采集新加坡交易所A50指数

    http://www.investing.com/indices/ftse-china-a50 前段时间有人问我如何得到这个网页的实时指数变化,经过抓包发现该网站提供的指数实时变化是通过Websock ...

  2. mysql_单表查询

    单表查询 比较符 当在子句中使用 <. >. <=. >=. <>或 !=时,字段的名字不加引号.如果使用引号,则查询出的结果为空,并且不会报错. ; 等号 当在子 ...

  3. 【Python3练习题 012】 输入一行字符,分别统计出其中英文字母、空格、数字和其它字符的个数。

    ASCII 码表的对应值,知道 ord('a') 能将字符 'a' 转化为 ASCII 码表上对应的数值,就可以了.其中,数字 0-9 对应的码值为 48-57,大写字母 A-Z 对应 65-90,小 ...

  4. if判断条件注意!!!

    if(condition){ console.log(condition为true才执行): } 实际上会对condition执行Boolean()转型函数,将其转换成布尔值

  5. 本地上传项目到github

    https://www.cnblogs.com/rosej/p/6056467.html(copy)

  6. C# Note10: AutoComplete TextBox in WPF

    参考: 1.https://stackoverflow.com/questions/950770/autocomplete-textbox-in-wpf 2.AutoCompleteBox的使用(实现 ...

  7. ES6 & Map & hashMap

    ES6 & Map & hashMap 01 two-sum https://leetcode.com/submissions/detail/141732589/ hashMap ht ...

  8. Python——Message控件

    一.messagebox的方法: showerror   : 错误提示对话框 showinfo  :  信息提示对话框 showwarning   : 警告对话框 askokcansel   :确认或 ...

  9. Python——数组模块(array)

    一.模块说明 array模块是python中实现的一种高效的数组存储类型.它和list相似,但是所有的数组成员必须是同一种类型,在创建数组的时候,就确定了数组的类型. 二.代码

  10. codeforces559B

    Equivalent Strings CodeForces - 559B Today on a lecture about strings Gerald learned a new definitio ...