草庐IT

vuejs-ssr-typescript

全部标签

如何在 Chrome 中调试 TypeScript

原文作者:ShalithaSuranga原文地址:https://blog.logrocket.com/how-to-debug-typescript-chrome/翻译:一川软件错误是编程错误或软件程序的意外行为。调试是指检查和删除软件系统中的错误的过程。程序员使用各种技术进行调试;一些开发人员将输出写入终端,而另一些开发人员则使用调试器工具来执行和监视源代码。GoogleChrome 网络浏览器提供了一个内置的调试器,其中包含著名的 DevTools 模块,用于调试 JavaScript。ChromeDevTools 实现了对sourcemap的支持,并且可以检查 Node.js和 Den

TypeScript - 函数(上)

目录1、介绍 2、函数类型表达式3、呼叫签名4、构造签名5、泛型函数6、推论7、约束8、使用约束值9、指定类型参数1、介绍 函数是JavaScript应用程序的基础。它帮助你实现抽象层,模拟类,信息隐藏和模块。在TypeScript里,虽然已经支持类,命名空间和模块,但函数仍然是主要的定义 行为的地方。函数是任何应用程序的基本构建块,无论它们是本地函数、从其他模块导入的函数,还是类上的方法。它们也是值,就像其他值一样,TypeScript有很多方法来描述如何调用函数。让我们学习如何编写描述函数的类型。2、函数类型表达式描述函数的最简单方法是使用函数类型表达式。这些类型在语法上类似于箭头函数:f

c# - 在 Typescript 中声明委托(delegate)类型

我有C#背景,想创建一个定义函数签名的数据类型。在C#中,这是一个声明如下的delegate:delegatevoidGreeter(stringmessage);publicclassFoo{publicvoidSayHi(Greeterg){g("Hi!");}}现在,我想在Typescript中实现类似的功能。我知道Typescript没有委托(delegate)类型,只有lambda。我想到了这样的事情:classFoo{SayHi(greeter:(msg:String)=>void){greeter('Hi!');}}虽然这可行,但我想重复使用方法签名(msg:String

c# - 在 Typescript 中声明委托(delegate)类型

我有C#背景,想创建一个定义函数签名的数据类型。在C#中,这是一个声明如下的delegate:delegatevoidGreeter(stringmessage);publicclassFoo{publicvoidSayHi(Greeterg){g("Hi!");}}现在,我想在Typescript中实现类似的功能。我知道Typescript没有委托(delegate)类型,只有lambda。我想到了这样的事情:classFoo{SayHi(greeter:(msg:String)=>void){greeter('Hi!');}}虽然这可行,但我想重复使用方法签名(msg:String

老板说,给我把这个 JS React 项目迁移到 TypeScript

Hi,我是ssh,在我做前端的过程中,TypeScript+React迅速的风靡起来,新项目越来越多的默认启用TypeScript做类型保护,它的各种好处对于长期维护的项目已经无需多言。那么,对于一些老旧但是还需要继续维护的ReactJavaScript项目来说,迁移到TypeScript就非常有价值了。下面我来给大家分享一下这篇很有参考价值的 ConvertingJavaScriptcodebasetoTypeScript:正文在我们日益发展的网络开发领域中,JavaScript长期以来一直是首选的语言。它的多功能性和普及性推动了许多应用和网站取得成功。然而,随着项目规模和复杂性的增长,维护

TypeScript - 函数(下)

 目录1、在函数中声明this2、其他需要知道的类型2.1void2.2object2.3unknow2.4never2.5Function3、其余参数(rest)和参数4、参数解构5、函数的可分配性1、在函数中声明thisTypeScript将通过代码流分析推断函数中应该是什么,例如以下内容:thisconstcat={name:'拿破仑',age:5,content:'',say:function(){this.content='helloworld!!!'}} TypeScript理解函数cat.say有一个对应的this,它是外部对象用户。这对很多情况来说已经足够了,但在很多情况下,您

单页面(SPA)与服务端渲染(SSR),概念、区别,优缺点

单页面(SPA)与服务端渲染(SSR),概念、区别,优缺点什么是单页面应用?什么是多页面应用?二者有什么区别?1、单页面应用与多页面应用:单页面顾名思义就是整个应用只有一个Html页面,页面的切换其实是组件的切换。这样设计的好处就是不进行页面的切换应用会更加流畅,用户体验好,不需要记载整个页面。良好前后端分离,切换组件通过发ajax请求资源,服务端不进行渲染,服务端压力小。单页面的缺点有以下几点:初次加载时间长,为实现单页面的应用功能,需要在加载页面时JS和CSS统一加载;由于只有一个页面,不能使用浏览器的前进后退功能;对SEO很不友好,这一点单独解释。2、为什么单页面应用对SEO不友好?SE

jquery - 类方法中的 Typescript "this"

我知道这可能是非常基础的,但我很难理解它。classMain{constructor(){requestAnimationFrame(this.update);//fine}update():void{requestAnimationFrame(this.update);//error,becausethisiswindow}}看来我需要一个代理,所以假设使用JqueryclassMain{constructor(){this.updateProxy=$.proxy(this.update,this);requestAnimationFrame(this.updateProxy);//

jquery - 类方法中的 Typescript "this"

我知道这可能是非常基础的,但我很难理解它。classMain{constructor(){requestAnimationFrame(this.update);//fine}update():void{requestAnimationFrame(this.update);//error,becausethisiswindow}}看来我需要一个代理,所以假设使用JqueryclassMain{constructor(){this.updateProxy=$.proxy(this.update,this);requestAnimationFrame(this.updateProxy);//

jquery - TypeScript 中是否有 'this' 的别名?

我试图用TypeScript编写一个类,该类定义了一个方法,该方法充当jQuery事件的事件处理程序回调。classEditor{textarea:JQuery;constructor(publicid:string){this.textarea=$(id);this.textarea.focusin(onFocusIn);}onFocusIn(e:JQueryEventObject){varheight=this.textarea.css('height');//在onFocusIn事件处理程序中,TypeScript将“this”视为类的“this”。但是,jQuery覆盖了thi