三天掌握HTML/JS/CSS知识点_private static jsuse: operatestepspage = null;-CSDN博客

本文链接：https://blog.csdn.net/yaoyutian/article/details/123803524

HTML DOM 属性对象 | 菜鸟教程

HTML DOM 节点

在 HTML DOM (Document Object Model) 中, 所有的都是节点：

文档是文档节点
所有 HTML 元素是元素节点
所有 HTML 属性都是属性节点
插入到 HTML 元素中的文本为文本节点
注释是注释节点

Window 对象 | 菜鸟教程 (runoob.com)

Window 对象表示浏览器中打开的窗口。

如果文档包含框架（<frame> 或 <iframe> 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。

注意： 没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。

Navigator 对象 | 菜鸟教程 (runoob.com)

Navigator .userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。

介绍 CSS 布局 - 学习 Web 开发 | MDN

盒模型 - 学习 Web 开发 | MDN (mozilla.org)

JavaScript 数组参考手册

Nifty Modal Window Effects (tympanus.net) CSS 对话框参考

详解Typescript里的This - 知乎 (zhihu.com)

var let const 区别和用法

ts extends和implements的区别

js调用ts，100%成功

export class OperateStepsPage implements OnInit {
  private static jsUse: OperateStepsPage = null;
  private operateStepsPage: OperateStepsPage;

  constructor( ) {
    this.init();
  }
  public init() {   // 做一个全局注册
    OperateStepsPage.jsUse = this;
    // 若下面window['operateStepsPage']提示：object access via string literals is disallowed（不允许通过字符串文本访问对象），可先定义再访问
    // 若不提示错误，可省略定义：const operateStepsPage= 'operateStepsPage';直接window['operateStepsPage']
    const operateStepsPage = 'operateStepsPage';  
    window[operateStepsPage] = OperateStepsPage.jsUse;  
  }
  ccc() {  // 将被js 调用的ts方法
    console.log('我是ts');
   }
}

function jstest() {
    console.log(111);
    window['operateStepsPage'].ccc()
}
jstest();

==与===

一个等号是赋值操作，==先转换类型再比较，===先判断类型，如果不是同一类型直接为false。

alert(1 == “1”); // true

alert(1 === “1”); // false

js scope :https://www.cnblogs.com/zhiyishou/p/4844928.html
js this :https://blog.csdn.net/gylibh/article/details/119823096;https://www.quirksmode.org/js/this.html
js closure: https://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html
JavaScript 设计模式（一）：单例模式:https://segmentfault.com/a/1190000019532633