typescript 相关问题

TypeScript是由Microsoft创建的JavaScript的类型超集，它添加了可选类型，类，接口，async / await和许多其他功能，并编译为纯JavaScript。此标记用于特定于TypeScript的问题。它不用于一般的JavaScript问题。

角度函数 this.router.navigate 不起作用

我面临一个奇怪的问题。我有一个注销功能，当我点击任何 API 时出现 401 响应，该功能就会被触发。函数如下：登出（） { 调试器 this.refreshTokenInPr...

angular typescript api frontend

回答 1 投票 0

使用打字稿显示网站的访客计数器

我想问一下如何添加我网站的访问者数量。我已尝试使用此处的 api https://countapi.xyz/ 但现在服务器已关闭，因此无法再使用。还有一个api...

reactjs typescript

回答 1 投票 0

Webpack 不会因 TypeScript 错误而失败

自从我升级到版本 5 以来，webpack 不会因 TypeScript 错误而失败。这是我的场景： index.ts（入口点）： const 消息：string =“Hello World”；控制台.log(消息); 我如...

typescript webpack ts-loader webpack-cli

回答 4 投票 0

函数调用另一个函数的打字稿类型，具有相同的参数

我确信这很容易，但我似乎无法找到答案（或者也许问正确的问题！）我有一个库函数（具体来说，这里有一个 i18n.translator：https://primitives.sol...

typescript

回答 1 投票 0

Vue.js 和 vuex：this.$store 未定义

我已经阅读了类似标题的问题，但由于其复杂性我无法理解它们。我认为使用我的代码会更容易为我找到解决方案。我只会包括相关...

typescript vue.js vuejs2

回答 5 投票 0

当我构建时，Microsoft.TypeScript.MSBuild 包检出 VS 2022 中的所有 .ts 文件

我对 Microsoft.TypeScript.MSBuild NUGET 包有问题当我构建项目时，所有打字稿文件（.map 文件）都会被签出，尽管这些文件没有任何更改。我怎样才能...

typescript visual-studio-2022 nuget-package

回答 1 投票 0

根据 Angular 中子组件中设置的布尔值修改父组件输出

我是 Angular 新手，需要有关如何最好地使用 Angular 16 处理情况的帮助。基本上我有两个组件用于我们网站标题的两个不同版本，一个是默认的，另一个......

angular typescript conditional-statements boolean

回答 1 投票 0

npm 包导出自定义错误的 TypeScript 导入问题

我创建了一个 npm 包，在其中定义了自定义错误类并导出它们。然而，当将这些类导入到另一个项目时，尽管导入成功，TypeScript 仍显示错误...

node.js typescript npm

回答 1 投票 0

为什么类验证器不处理没有装饰器的字段？ |嵌套js

我为我的端点编写了一个 dto，但遇到了一个事实：它无法正常工作，如果类验证器应该处理的字段之一没有装饰器，它就会停止被检查.. .

typescript nestjs nest dto class-validator

回答 1 投票 0

Angular 17 - 使用管道时显示空数据

我正在使用 Angular 17 和以下代码：数据库.组件.html @for(user of (users | userPipe:filters); 跟踪 user.id) { {{ 用户...

angular typescript angular-pipe angular17

回答 2 投票 0

React Native Flatlist 自动滚动

我有一个平面列表组件，我想让它自动滚动。（我有一个平面列表组件，我想让它自动滚动。 <FlatList contentContainerStyle={{}} data={banners} renderItem={(item) => ( <Image source={{ uri: item.item }} style={styles.image} /> )} horizontal showsHorizontalScrollIndicator={false} snapToInterval={width} snapToAlignment={'center'} decelerationRate={'fast'} /> 这是到目前为止我需要什么属性而不是 setInterval 的组件还有其他想法吗？我搜索了去年的一些旧解决方案，这些解决方案已经过时了。我想要一些代码行数更少并且更容易应用的东西。如果您想要最少的代码行并且不想自己处理触发滚动，则应该使用像这样的轮播包： https://github.com/dohooo/react-native-reanimated-carousel#readme

javascript typescript react-native react-native-flatlist react-native-reanimated

回答 1 投票 0

求自己画的图形占图形面积的百分比

有简单形状（红色三角形）和复杂形状（黑色“U 形”）。我用鼠标绘制蓝色形状并愿意找到：被绘图覆盖的图形的百分比（蓝色）。有简单形状（红色三角形）和复杂形状（黑色“U 形”）。我用鼠标绘制蓝色形状并愿意找到：被绘图覆盖的图形的百分比（蓝色）。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Canvas</title> <style> canvas { border: 1px solid black; } </style> </head> <body> <canvas id="canvas" width="800" height="600"></canvas> <script> const canvas = document.getElementById("canvas"); const ctx = canvas.getContext("2d"); const radius = 15; const random_shape = [ { x: 20, y: 20, width: 20, height: 100 }, { x: 60, y: 20, width: 20, height: 100 }, { x: 20, y: 120, width: 60, height: 20 }, ]; const triangle = [ { x: 200, y: 400 }, { x: 400, y: 200 }, { x: 600, y: 400 }, ]; let isDrawing = false; let lastX = 0; let lastY = 0; let pixelsInsideFigure = 0; function draw_random_shape() { for (let i = 0; i < random_shape.length; i++) { ctx.fillStyle = "black"; ctx.fillRect( random_shape[i].x, random_shape[i].y, random_shape[i].width, random_shape[i].height ); } } function draw_triangle() { ctx.beginPath(); ctx.moveTo(triangle[0].x, triangle[0].y); for (let i = 1; i < triangle.length; i++) { ctx.lineTo(triangle[i].x, triangle[i].y); } ctx.closePath(); ctx.fillStyle = "red"; ctx.fill(); } function handleMouseDown(e) { isDrawing = true; [lastX, lastY] = [e.offsetX, e.offsetY]; if (pointInShape({ x: lastX, y: lastY }, random_shape)) { pixelsInsideFigure++; } } function handleMouseMove(e) { if (!isDrawing) return; ctx.strokeStyle = "blue"; ctx.lineJoin = "round"; ctx.lineCap = "round"; ctx.lineWidth = radius; ctx.beginPath(); ctx.moveTo(lastX, lastY); ctx.lineTo(e.offsetX, e.offsetY); ctx.stroke(); [lastX, lastY] = [e.offsetX, e.offsetY]; if (pointInShape({ x: lastX, y: lastY }, random_shape)) { pixelsInsideFigure++; } } function handleMouseUp() { isDrawing = false; calculatePercentage(); pixelsInsideFigure = 0; } function clearUserInput() { ctx.clearRect(0, 0, canvas.width, canvas.height); draw_triangle(); draw_random_shape(); } function calculatePercentage() { const coveredArea = calculateCoveredArea( { x: lastX, y: lastY }, radius ); const totalArea = Math.PI * Math.pow(radius, 2); const coveragePercentage = (coveredArea / totalArea) * 100; alert(`Area Coverage Percentage: ${coveragePercentage.toFixed(2)}%`); clearUserInput(); } function pointInShape(point, vertices) { let inside = false; const x = point.x; const y = point.y; for (let i = 0, j = vertices.length - 1; i < vertices.length; j = i++) { const xi = vertices[i].x; const yi = vertices[i].y; const xj = vertices[j].x; const yj = vertices[j].y; const intersect = yi > y != yj > y && x < ((xj - xi) * (y - yi)) / (yj - yi) + xi; if (intersect) inside = !inside; } return inside; } function calculateCoveredArea(point, radius) { let coveredArea = 0; const centerX = point.x; const centerY = point.y; for (let x = centerX - radius; x <= centerX + radius; x++) { for (let y = centerY - radius; y <= centerY + radius; y++) { const distance = Math.sqrt( Math.pow(x - centerX, 2) + Math.pow(y - centerY, 2) ); if (distance <= radius) { if (pointInShape({ x: x, y: y }, random_shape)) { console.log("INSIDE RANDOM SHAPE"); coveredArea++; } if (pointInShape({ x: x, y: y }, triangle)) { console.log("INSIDE Triangle"); coveredArea++; } } } } return coveredArea; } function calculateArea(vertices) { let area = 0; for (let i = 0, j = vertices.length - 1; i < vertices.length; j = i++) { area += (vertices[j].x + vertices[i].x) * (vertices[j].y - vertices[i].y); } return Math.abs(area / 2); } function init() { draw_triangle(); draw_random_shape(); canvas.addEventListener("mousedown", handleMouseDown); canvas.addEventListener("mousemove", handleMouseMove); canvas.addEventListener("mouseup", handleMouseUp); } init(); </script> </body> </html> 附注作为《哈利·波特 1》中的参考，我必须引导一根魔杖来适应形状。要通过技能，您必须正确覆盖该区域。在提供的情况下，我预计能达到 60-70% 左右（左上角）。在互联网上搜索，询问“机器人”，进行数学调整 - 没有帮助。期望：计算和查找面积百分比的正确方法。我首先想到的是，您可以计算用户绘制后显示的总像素，然后您可以与目标形状像素数进行比较。只是一个想法

javascript typescript math canvas

回答 1 投票 0

从 NPM 包中导入具有多个类的类

我尝试从我的 NPM 包导入类 main.js 从“sqorz-client”导入{组织，俱乐部}； o = 新组织(); o.setId("id"); c = 新俱乐部(); c.setId("不是...

javascript typescript npm-package

回答 1 投票 0

page.route 在剧作家中不起作用

我有下面的代码来拦截http请求：等待页面.route('**', 路线 => { console.log("路由>>>>>>>>>>>> "); 常量请求 =

javascript typescript playwright

回答 1 投票 0

如果我有一个对象的类型，我如何使用它的值的类型？

我有一个提取嵌套GraphQL数据的函数：常量数据 = { 猫：{ 边缘：[ {节点：cat1}，{节点：cat2} ] }，狗：{边缘：[{节点：狗1}，{节点：狗2}，{节点：狗3}]}， } 常量