草庐IT

vuejs-ssr-typescript

全部标签

javascript - 任何 JavaScript 代码都是有效的 TypeScript 代码吗?

目前我已经开始学习TypeScript。从我为TypeScript研究的文档中,我看到了一些示例,可以将纯JavaScript代码编译为TypeScript代码。我的问题是:TypeScript语言的设计方式是否让任何JavaScript代码都成为有效的TypeScript代码?即任何.js文件都是有效的.ts文件吗? 最佳答案 让我们假设有效代码意味着:语法正确关于语言规范。那么答案是是。写在TypeScriptSpecifications中(第二段):TypeScriptisasyntacticsugarforJavaScrip

javascript - 为什么 TypeScript 会在 IIFE 中打包一个类?

这是一个TypeScript类:classGreeter{publicstaticwhat():string{return"Greater";}publicsubject:string;constructor(subject:string){this.subject=subject;}publicgreet():string{return"Hello,"+this.subject;}}当TS以ES5为目标时,它被转译为IIFE:varGreeter=/**@class*/(function(){functionGreeter(subject){this.subject=subject;

javascript - TypeScript 项目中缺少基本的 DOM 类型

我正在用TypeScript设置一个网络应用程序,我似乎缺少一些我需要的基本类型。当我编译(npmrunbuild)时,我得到以下错误,errorTS2304:Cannotfindname'HTMLElement'.errorTS2304:Cannotfindname'SVGElement'.errorTS2304:Cannotfindname'EventTarget'.errorTS2304:Cannotfindname'TouchEvent'.errorTS2304:Cannotfindname'MouseEvent'.errorTS2304:Cannotfindname'Poin

javascript - VueJs - 动画数字变化

我正在寻找使用VueJs制作数字变化动画。例如我有:{{number}}然后number从0变为100,我希望元素计数到100而不是而不是直接跳到它。如果不使用除VueJs之外的任何第三方(纯Js/VueJs),我将如何做到这一点? 最佳答案 让这个作为自定义组件工作:https://jsfiddle.net/5nobcLq0/5/htmljsVue.component('animated-number',{template:"{{displayNumber}}",props:{'number':{default:0}},data(

javascript - 如何将 AWS SDK 定义用于 TypeScript?

我正在尝试编写一个SESTypeScript客户端,使用从https://github.com/borisyankov/DefinitelyTyped/blob/master/aws-sdk/aws-sdk.d.ts下载的AWS定义文件这是我尝试过的:///varAWS=require('aws-sdk');varses:SES=newAWS.SES();这是我得到的错误:/usr/local/bin/tsc--sourcemapSesTest.tsSesTest.ts(3,9):errorTS2304:Cannotfindname'SES'.Processfinishedwithex

javascript - typescript :属性 'src' 在类型 'HTMLElement' 上不存在

我从Typescript收到一个错误,我不确定如何更正它。代码在“编译”时工作正常,但我无法更正错误。我已经从我的代码中提取了涉及错误的部分。我想我必须预定义src但不确定如何。编辑器和Gulp编译时的错误消息:“属性‘src’在类型‘HTMLElement’上不存在。在第53行第17列”...element:HTMLElement;/*Definingelement*/'''this.element=document.createElement('img');/*creatingaimg*/'''这是我运行来渲染元素、位置、顶部和左侧的方法,所有这些都可以正常工作而不会出现错误。di

javascript - Vuejs 2 + 表单验证

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭4年前。Improvethisquestion自vue-validatorhttps://github.com/vuejs/vue-validator正在为Vuejs2做好准备,实现前端验证的最佳方式是什么?更新我发现了这个很棒的插件VeeValidate

javascript - 用于 TypeScript : Class or Interface? 中的纯数据对象的内容

我有一堆没有任何方法甚至构造函数的纯数据“类”(在.NET世界中我们称它们为POCO对象)。示例是客户、产品、用户实体,您可以命名...最初我开始使用typescript类,但现在我认为将它们声明为接口(interface)可能会更好。从性能的Angular来看,不仅...只是在C#中我们习惯于将接口(interface)用于不同的事物,对于“POCO”(Plain-old-clr-object,或“data-only”对象)我们使用只是一个类(有时甚至是结构)。在TypeScript中声明它们的正确方法是什么?请注意,我主要了解(我认为)类和接口(interface)之间的技术差异(

javascript - VueJS $watch $refs

是否可以$watchVue$refs?我想针对嵌套在我当前Vue实例中但在ready回调中的子组件设置逻辑,$refs.childcomponent最初是undefined在处理时。在ready()中this.$watch('$refs',function(){console.log("notfiring");},{deep:true});结果:错误:超出最大调用堆栈watch实例的属性watch:{'$refs':{handler:function(){console.log("hit");},deep:true}}结果:没有。 最佳答案

javascript - 如何将变量从 twig 传递到 vueJS(symfony 2.8 和 VueJS 2)

我有一个symfony2.8应用程序,我最近集成了VueJs2作为我的前端框架,因为它提供了很大的灵active。我的应用程序不是单页的,我使用symfonyController来呈现View。所有的View都包裹在一个基本的Twig布局中:{%blockbody%}{%endblock%}我用webpack加载了大部分JS,我所有的vue组件和JS依赖项都编译在vendor-bundle.js和vue-bundle.js中。我的VueJs实例如下所示:import'./components-dir/component.vue'import'./components-dir/compo