精华内容
下载资源
问答
  • TS模拟火车参数修改 贴图导出工具
  • X9251TS24的技术参数

    2020-12-11 23:21:57
    产品型号:X9251TS24工作电压(V):2.7~5.5总阻值(kΩ):100端电压(V):0~5.5抽头数:256接口方式:SPI电阻增加方式:线性工作电流(mA):±3封装/温度(℃):24SOIC/0~70描述:抽头位置掉电自动保存,单电源价格/1片(套):¥45.00...
  • X9268TS24的技术参数

    2020-12-11 23:23:05
    产品型号:X9268TS24工作电压(V):2.7~5.5总阻值(kΩ):100端电压(V):-5~5抽头数:256接口方式:I2C电阻增加方式:线性工作电流(mA):3封装/温度(℃):24SOIC/-40~85描述:双DCP,抽头位置掉电自动保存价格/1片(套):¥59.00 
  • nvim-ts-highlightparams:使用nvim-treesitter突出显示函数参数中的参数
  • TS

    2021-03-21 21:36:57
    js中想要获取参数中的详细值得话需要阅读代码内容,而ts中想要获取参数值得话可以直接阅读代码参数 二.运行环境 1.node 2.环境配置 prettier格式化插件失效时:https://segmentfault.com/a/1190000023018242 不行?...

    源码地址:https://github.com/666cwh/ts

    一.TS优势和缺点

    优点:
    js勾股定理

    TS勾股定理
    1.TS可以在编写代码时快速定位问题

    当js和ts同时没有传参时ts会在编辑器中报错

    JS勾股定理代码提示
    在这里插入图片描述
    2.编辑器对代码提示友好程度更好

    当使用参数时,js没有提示出详细参数,而ts提示出详细参数

    在这里插入图片描述
    在这里插入图片描述
    3.更好阅读代码

    js中想要获取参数中的详细值得话需要阅读代码内容,而ts中想要获取参数值得话可以直接阅读代码参数

    缺点:

    1增加学习成本(花时间学习)2增加研发成本(增加代码量)

    二.运行环境

    1.node
    2.环境配置ts配置环境
    ts缩进
    在这里插入图片描述

    prettier格式化插件失效时:https://segmentfault.com/a/1190000023018242
    不行???自己百度!!!什么事都用教???傻*😒😒😒😒

    3.全局安装ts
    在这里插入图片描述
    4.环境测试
    在这里插入图片描述
    5.简化执行命令安装
    在这里插入图片描述
    在这里插入图片描述

    三.静态类型

    例:
    在这里插入图片描述

    自定义一个Point类型,Point包括x,y两个值,x设置为num类型,y设置为str类型,定义一个常量point,将自定义Point赋值给point当y值为num类型时报错,可以通过point.x获取x的值

    当变量为静态类型时,变量类型不能修改,变量上的属性和方法也不能修改

    // 基础类型: null undefined stymbol boolean number string void
    const count: number = 123;
    const techerName: string = '程老师';
    
    //对象类型
    const teacher: {
      name: string;
      age: number;
    } = {
      name: '程老师',
      age: 18,
    };
    //数组类型
    const num: number[] = [1, 2, 3];
    //类类型
    class Person {}
    const cheng: Person = new Person();
    //函数类型
    const fun: () => number = () => {
      // return '程'  //报错
      return 123;
    };
    

    四.类型注解和类型推断

    在这里插入图片描述
    在这里插入图片描述
    注:
    在这里插入图片描述

    五.数组和元组

    在这里插入图片描述

    六.Interface接口

    在这里插入图片描述
    1.interface接口和type类型别名的区别
    在这里插入图片描述
    2.readonly和?
    在这里插入图片描述
    3.函数参数赋值校验
    在这里插入图片描述
    直接赋值报错解决办法:
    在这里插入图片描述
    4.函数赋值方法
    在这里插入图片描述
    5.class类应用interface接口
    class类:https://es6.ruanyifeng.com/#docs/class第21.22章
    在这里插入图片描述
    6.interface接口继承
    在这里插入图片描述
    7.interface定义函数
    在这里插入图片描述

    七.类

    1.类的定义和继承

    在这里插入图片描述
    2.访问类型和构造器
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    3.静态属性,setter和getter
    在这里插入图片描述
    4.单例模式
    在这里插入图片描述
    5.抽象类
    在这里插入图片描述

    八.ts编写爬虫

    1.配置
    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    superagent使用文档:请自行查阅
    superagent源码:请自行查阅

    在这里插入图片描述
    在这里插入图片描述

    cheerio详情:请自行查阅

    在这里插入图片描述
    在这里插入图片描述

    node不可以直接运行ts文件,只能转换成js运行

    优化编译命令:
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    nodemon文档:自行查阅
    运行流程:当改变ts文件时,'tsc -w’指令会监听到文件发生变化,并且重新编译ts文件,生成js文件,当js文件生成后nodemon会检测到js文件发生变化,会重新运行需要执行的文件

    在这里插入图片描述
    Concurrently文档:自行查阅

    代码: 略

    九.ts编译配置文件

    tsc --init > tsconfig.json
    在这里插入图片描述
    中文文档:
    https://www.tslang.cn/docs/handbook/tsconfig-json.html
    https://www.tslang.cn/docs/handbook/compiler-options.html
    英文文档:
    https://www.typescriptlang.org/docs/handbook/tsconfig-json.html
    https://www.typescriptlang.org/docs/handbook/compiler-options-in-msbuild.html

    注意:
    直接运行tsc命令或者运行ts-node命令会执行tsconfig.json中内容,而运行 tsc 文件名(例:tsc demo.ts)就不会运行tsconfig.json内容,

    十.联合类型和类型保护

    1.联合类型:
    在这里插入图片描述
    在这里插入图片描述
    2.类型保护(当出现类似于联合类型中错误时使用)
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    instanceof与typeof区别:https://blog.csdn.net/lulu_678/article/details/88669011

    十一.枚举类型

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    十二.函数泛型

    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    十三.类中泛型

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    十四.命名空间

    声明:
    在这里插入图片描述
    调用:
    在这里插入图片描述
    效果:
    在这里插入图片描述

    补充:

    1
    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述
    3.

    展开全文
  • ts-node写ts,启动时习惯在package.json里写 "scripts": { "build-ts": "tsc", "start": "ts-node src/server.ts", "start:dev": "nodemon", "serve": "node dist/server.js", "test": "mocha -...

    ts-node写ts,启动时习惯在package.json里写

      "scripts": {
        "build-ts": "tsc",
        "start": "ts-node src/server.ts",
        "start:dev": "nodemon",
        "serve": "node dist/server.js",
        "test": "mocha --require ts-node/register test/**/*.ts",
        "build_browser_dev": "browserify ./src/page.js -o ./static/bundle.js -t [ babelify --presets[env]]"
      },

    但是当希望启动时传入命令行参数时,ts-node没法接受命令行参数

    https://www.npmjs.com/package/ts-node

    Programmatic

    You can require ts-node and register the loader for future requires by using require('ts-node').register({ /* options */ }). You can also use file shortcuts - node -r ts-node/register or node -r ts-node/register/transpile-only - depending on your preferences.

    Note: If you need to use advanced node.js CLI arguments (e.g. --inspect), use them with node -r ts-node/register instead of the ts-node CLI.

    然后给出段不明配置文件

    Visual Studio Code

    Create a new node.js configuration, add -r ts-node/register to node args and move the program to the args list (so VS Code doesn't look for outFiles).

    {
        "type""node",
        "request""launch",
        "name""Launch Program",
        "runtimeArgs"[
            "-r",
            "ts-node/register"
        ],
        "args"[
            "${workspaceFolder}/index.ts"
        ]
    }

    不知该放那里,说得不清楚。

    参考这个vscode 调试node之npm与nodemon,原来是vscode的launch.json, 自己汇总之后这样

    {
        // 使用 IntelliSense 了解相关属性。 
        // 悬停以查看现有属性的描述。
        // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
        "version": "0.2.0",
        "configurations": [
            {
                "type": "node",
                "request": "launch",
                "name": "启动程序",
                //"program": "${workspaceFolder}\\src\\server.ts",
                //"preLaunchTask": "tsc: build - tsconfig.json",
                "outFiles": [
                    "${workspaceFolder}/dist/**/*.js"
                ],
                "runtimeArgs": [
                    "-r",
                    "ts-node/register",
                ],
                "args": [
                    "${workspaceFolder}\\src\\server.ts",
                    "--config=D:\\src\\overlay.yml"
                ]
            }
        ]
    }

    这个是按F5启动调试时用的。

    如果还是想npm start 用参数呢?

    这样:

      "scripts": {
        "build-ts": "tsc",
        "start": "node -r ts-node/register src/server.ts",
        "start:dev": "nodemon",
        "serve": "node dist/server.js",
        "test": "mocha --require ts-node/register test/**/*.ts",
        "build_browser_dev": "browserify ./src/page.js -o ./static/bundle.js -t [ babelify --presets[env]]"
      },

    用node -r ts-node/register代替 ts-code

    然后 nodemon的配置文件nodemon.json里这样:

    {
        "ignore": ["**/*.test.js", ".git", "node_modules"],
        "watch": ["src"],
        "exec": "npm start -- --server=localhost",
        "ext": "ts js"
    }

    --加空格之后 是参数部分。这样ctrl+shift+B启动,start:dev

    在src/server.ts里

    //命令行参数
    console.log('process.argv', process.argv);

    可以收到

    请无视现在改回windows下写码。。。主要是sublime text 3 的 ctrl+B运行脚本方便+中文显示,然后经常要写其他的方案各种杂事,各种办公软件win比较方便。

    活在vscode chrome npm pipenv的世界里,操作系统之间区别不大。

    将来部署时,在docker里启动直接用 npm start -- --server=XXX, --config=YYY 即可。

     

    node的工程下各种.json的配置文件已经不少了。有点雪花式配置的意思。因为不同的组件每个都有一个配置文件,也算合理。

    而且用文件配置总比用gui手工点击填写方便多了。

    果然到了后端,就充满了cli,配置文件。用这样的思想组织的npm来管理前端,想想也挺有意思的。

    不管了,现在配置文件写进去了,能用就行。

    转载于:https://www.cnblogs.com/xuanmanstein/p/9946629.html

    展开全文
  • 多摩川绝对值编码器参数手册ts5700n8401通讯协议说明
  • enum EventType { Mouse, Keyboard } interface Event { timestamp: number; } interface MouseEvent extends Event { xa : number; yb: number } interface KeyEvent extends Event { keyCode: number } ...
    enum EventType { Mouse, Keyboard }
    
    interface Event { timestamp: number; }
    interface MouseEvent extends Event { xa : number; yb: number }
    interface KeyEvent extends Event { keyCode: number }
    
    
    
    function listenEvent(eventType: EventType, handler: (n: Event) => void) {
        /* ... */
    }
    
    // Unsound, but useful and common 不健全的 但是有用的和普遍的
    listenEvent(EventType.Mouse, (e: MouseEvent) => console.log(e.x + ',' + e.y));
    
    // Undesirable alternatives in presence of soundness  不可靠的替代品
    listenEvent(EventType.Mouse, (e: Event) => console.log((<MouseEvent>e).x + ',' + (<MouseEvent>e).y));
    listenEvent(EventType.Mouse, <(e: Event) => void> ((e: MouseEvent) => console.log(e.x + ',' + e.y)));
    
    // Still disallowed (clear error). Type safety enforced for wholly incompatible types
    // 还不允许(清晰的错误)。完全不兼容类型强制执行的类型安全
    listenEvent(EventType.Mouse, (e: number) => console.log(e));
    

    转载于:https://www.cnblogs.com/WhiteHorseIsNotHorse/p/8031798.html

    展开全文
  • ts中自定义方法传入参数,对json进行约束 示例: function printLabel(labelInfo: { label: string }): void { console.log("printLabel"); } printLabel({ label: "张三" }); //正确的写法 接口 接口的作用:在...

    1. TypeScript–ts中自定义方法传入参数,对json进行约束,接口,可选参数,ts接口完整ajax封装


    1.1 ts中自定义方法传入参数,对json进行约束

    示例:

    function printLabel(labelInfo: { label: string }): void {
      console.log("printLabel");
    }
    
    printLabel({ label: "张三" }); //正确的写法
    

    1.2 接口

    接口的作用:在面向对象的编程中,接口是一种规范的定义,
    它定义了行为和动作的规范,在程序设计里面,
    接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范,
    接口不关心这些类的内部状态数据,也不关心这些类里方法的实现细节,
    它只规定这批类里必须提供某些方法,提供这些方法的类就可以满足实际需要。
    typescrip中的接口类似于java,同时还增加了更灵活的接口类型,包括属性、函数、可索引和类等。
    
    定义标准。
    

    1.3 属性接口

    /*
    属性接口
    ts中自定义方法传入参数,对json进行约束
    */
    function printLabel(labelInfo: { label: string }): void {
      console.log("printLabel");
    }
    
    printLabel({ label: "张三" }); //正确的写法
    
    //接口:行为和动作的规范,对批量方法进行约束
    interface FullName {
      firstName: string; // 注意,约束
      secondName: string;
    }
    function printName(name: FullName): void {
      // 必须传入对象  firstName  secondName
      console.log(name.firstName + " : " + name.secondName);
    }
    
    // 直接传入对象,对象的属性必须严格对照接口,不能多也不能少
    printName({
      firstName: "张",
      secondName: "三",
    });
    
    var obj = {
      /*传入的参数必须包含 firstName  secondName*/
      age: 20,
      firstName: "张",
      secondName: "三",
    };
    printName(obj);
    

    1.4 接口,可选参数

    // 接口:可选属性
    interface FullName02 {
      firstName02: string;
      secondName02?: string;
    }
    
    function getName(name: FullName02) {
      console.log(name);
    }
    getName({
      firstName02: "firstName",
    });
    
    

    1.5 ts接口完整ajax封装

    /*
    $.ajax({
          type: "GET",
          url: "test.json",
          data: {username:$("#username").val(), content:$("#content").val()},
          dataType: "json"             
      });       
    */
    int
    interface Config{
        type:string;
        url:string;
        data?:string;
        dataType:string;
    }
    
    //原生js封装的ajax 
    function ajax(config:Config){
    
       var xhr=new XMLHttpRequest();
    
       xhr.open(config.type,config.url,true);
    
       xhr.send(config.data);
    
       xhr.onreadystatechange=function(){
    
            if(xhr.readyState==4 && xhr.status==200){
                console.log('chengong');
    
    
                if(config.dataType=='json'){
    
                    console.log(JSON.parse(xhr.responseText));
                }else{
                    console.log(xhr.responseText)
    
                }
    
    
            }
       }
    }
    
    
    ajax({
        type:'get',
        data:'name=zhangsan',
        url:'http://a.itying.com/api/productlist', //api
        dataType:'json'
    })
    


    展开全文
  • /** * npm上模块安装 * 1.npm install @types/mysql --save * 2.npm install mysql... * 1)可选参数的可选性 ? 继承了c#语言的特性, */ function testJs(n:string, age? : number): string { return n + age; ...
  • 参数和执行器故障的离散时间TS模糊系统的自适应控制方案
  • 产品型号:PS12W5T12T24TS-EVB输入电压(交流AC,直流DC):165-265AC或234-375DC输出电压(V):5.0/12.0/24.0输出电流(mA):1000/400/200隔离电压:2500Vrms特点:输出短路保护,小体积尺寸(L×W×Hmm):86×65×30裸板价格/1...
  • 如何创建computed和watch?在项目中computed和watch非常实用,它们是如何实现的呢?我们的编码目标是下面的demo能够成功渲染,最终渲染结果未读消息:2。let v = new Vue({el: '#app',data () {return {news: [1]}},...
  • TS科普8 传输流编码构造与参数

    万次阅读 2015-11-09 20:28:02
    ITU-T H.222.0 建议书|ISO/IEC 13818-1 传输流编码层允许一个或多个节目组合成单一流。来自每个基本流的数据同节目内允许该基本流同步显示的信息一起多路复用。 传输流由一个或多个节目组成。音频和视频基本流由存取...
  • Vue+TS 踩坑记录与方案总结前言vue 和 TypeScript 结合的情况下,很多写法和我们平时的写法都不太一样,这里总结我项目开发过程中遇到的问题和问题的解决方案有些问题可能还没解决,欢迎各位大佬给与提点。...
  • 例如: node --experimental-worker node_modules/ts-node/dist/bin 不要默认env头,手动node执行bin,需要注意node不会去node_modules里找scripts
  • 使用TS Watch 装饰器 监听 $route 变化 从新请求数据 @Watch('$route') on$routeChange(){ this.findExpert();//获取专家详情 this.getSimilarityexpert();//获取需求列表 } ...
  • this为undefined(ts语言编写) }); } } 这种调用类似于: export class Service { constructor() { this.func3(this.func2);//func2作为参数传入 } func3(func) { // func和funcTest一样 let ...
  • 函数声明的参数 void类型 void即返回值;void表示没有返回值 function run():void{ console.log(123) }; function main():number{ return 123; } 参数传递方式 默认参数、可选参数 function run(str:...
  • 一. 新建一个Vue实例可以有下列两种方式: 1.new一个实例... 以上这篇Vue实例的对象参数options的几个常用选项详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。 时间: 2019-11-07
  • 1.js/*** @desc 属性改变监听,属性被set时出发watch的方法,类似vue的watch* @author jason* @study https://www.jianshu.com/p/00502d10ea95* @data 2018-04-27* @constructor* @param {object} opts - 构造参数....
  • TypeScript中的只读属性和参数属性说明 ​ 当我们在类中想要定义一个不可以被外部改变的属性的时候,我们可以使用readonly修饰符,将该变量修饰为只读属性,这样在类的外部只可以访问该属性而不能改变该属性的值。...
  • keyword:ts、路由监听、router、beforeRouterEnter、beforeRouterLeave在js中需要监听路由的变化时,我们可以通过全局路由守卫、组件内的beforeRouterEnter、beforeRouterLeaver等来监听路由的变化。那么当我们在ts...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,037
精华内容 814
关键字:

ts参数