1.安装步骤:npm/cnpm install -g typescript 2.tsc -v (查看版本是否安装成功) 3.demo文件下detail步骤操作 i:新建一个demo.html 页面[引用demo.js] ii:新建一个demo.ts文件 iii:在并列的此文件编译:tsc demo.ts ,此时会生成一个demo.js文件 备注:每次在ts文件里做修改后,运行tsc demo.ts命令即可…

在code-首选项-用户设置中放入以下代码,覆盖原有的 { "files.exclude": { "node_modules": true, "**/*.js": { "when": "$(basename).ts"}, "**/*.js.map": true }, "window.zoomLevel": 1 }…

由于js的执行特性,多个js文件合成一个文件或者进行多个js文件加载时,时需要按照指定的顺序进行的,否则会出现报错的情况. 我们看一下目前几个主流H5引擎的做法. 白鹭的做法 当前版本的做法 在tsconfig.json中,使用的是outDir而不是outFile,这么设置ts只会讲单个的ts文件直接编译成对应的js文件,ts编译器完全不去管js文件的加载顺序. 白鹭自己的编译器,会自己去解析ts文件,从而确定js文件的顺序,用于加载和合并js文件,唯一的缺点是这种方法会导致编译耗时较长. 新版…

一.前言 小编最近开始学习typescript,懂得人都知道,typescript是vue3的基础伴生,配合更加默契.就像vue2和js一样!typescript不像js那样浏览器直接可以解读,需要我们把ts文件编译成js文件,这样浏览器才可以解读.所以我们要安装一下ts的环境和自动编译,方便我们后续学习,不需要写完一个ts文件在手动编译! 二.安装typescript环境 必须要有node环境哈! win + R 输入cmd npm install -g typescript -g代表glob…

页面公共部分以javascript  document.write()方式加载 生成的js放到需要的位置   footer.js 放到body底部引入 ... <script src="js/footer.js"></script> </body>   -------------------------------------- php.exe所在文件夹添加到path环境变量, 在命令行输入 php footer.html -------------…

建立的代码规范没人遵守,项目中遍地风格迥异的代码,你会不会抓狂? 通过测试用例的程序还会出现Bug,而原因仅仅是自己犯下的低级错误,你会不会抓狂? 某种代码写法存在问题导致崩溃时,只能全工程检查代码,这需要人工花费大量时间Review代码,你会不会抓狂? 以上这些问题,可以通过静态检查有效地缓解! 静态检查(Static Program Analysis)主要是以不运行程序的方式对于程序源代码进行检查分析的技术,而与之相反的就是动态检查(Dynamic Program Analysis),通过实…

------20190318 ------------- 回头看,很多槽点已经随着升级改掉了   绑定string字面值到子组件@Input <app-overlay-static [name]="'marsh'"></app-overlay-static> 双引号+单引号.表示string的字面值. 不常用,因为通常是父组件遍历自己的属性,或者传自己的属性给子组件 更常见的是:只有双引号: [子组件@input] = 父组件的属性   #-----------…

一.在typescript.ts转换成.js运行时报错解决办法: 1.第一步:鼠标在vscode软件上右击打开属性–>兼容性–>以管理员的身份运行此程序,如下图: 2.第二步:打开vscode后,Shift+Ctrl+~ 打开终端,输入执行以下命令:get-ExecutionPolicyset-ExecutionPolicy RemoteSignedget-ExecutionPolicy 3.最后再执行 tsc demo.ts就可以了. 转自链接:https://blog.csdn.net/w…

程序本质上,就是由数据和处理数据的方法构成.函数和方法,这两个名词虽然字面不同,但意义上其实没有区别.只是因为它们出现的地方有异,给予了不同的名称,比如在全局环境中,叫函数,在对象或类中,叫方法.而C#没有全局的概念,所以绝大多数时候,都叫方法.本节内容比较多,列一下目录: 基本概念 函数的声明和调用 函数表达式 通过Function的构造函数来声明函数(JS/TS) 函数/变量提升(JS) 值参数 引用参数/输出参数 可选参数/默认值参数 数组参数/剩余参数 扩展方法 闭包和委托捕获 一.基本…

注意:此文并不是把vue改为全部替换为ts,而是可以在原来的项目中植入ts文件,目前只是实践阶段,向ts转化过程中的过渡. ts有什么用? 类型检查.直接编译到原生js.引入新的语法糖 为什么用ts? TypeScript的设计目的应该是解决JavaScript的“痛点”:弱类型和没有命名空间,导致很难模块化,不适合开发大型程序.另外它还提供了一些语法糖来帮助大家更方便地实践面向对象的编程. typescript不仅可以约束我们的编码习惯,还能起到注释的作用,当我们看到一函数后我们立马就能知道这…