小编Tus*_*kla的帖子

获取Typescript接口的键作为字符串数组

我在Lovefield中有很多表,他们各自的接口都有他们所拥有的列.
例:

export interface IMyTable {
  id: number;
  title: string;
  createdAt: Date;
  isDeleted: boolean;
}
Run Code Online (Sandbox Code Playgroud)

我想在这样的数组中拥有这个接口的属性名称:

var IMyTable = ["id", "title", "createdAt", "isDeleted"];

我不能直接创建基于接口的对象/数组IMyTable,因为我将动态地获取表的接口名称.因此,我需要在界面中迭代这些属性并从中获取数组.

我如何实现这一结果.

javascript typescript

64
推荐指数
11
解决办法
5万
查看次数

在javascript中将日期从'2011年6月9日00:00:00 GMT + 0530(印度标准时间)'转换为'YYYY-MM-DD'

如何将时间从格式"Thu Jun 09 2011 00:00:00 GMT + 0530(印度标准时间)"转换为YYYY-MM-DD.

当我尝试提醒()日期时,这将显示如下日期 - 星期四09 09:00 00:00:00 GMT + 0530(印度标准时间)

但我需要YYYY-MM-DD格式的时间.

有转换的内置函数吗?

javascript

11
推荐指数
2
解决办法
7万
查看次数

如何从 srcset 确定最高分辨率图像

假设我有一张图片

<img srcset="large.jpg 1400w, medium.jpg 700w, small.jpg 400w"
     sizes="(min-width: 700px) 700px, 100vw"
     alt="A woman reading">
Run Code Online (Sandbox Code Playgroud)


现在这也可以是这样的格式

<img srcset="large.jpg 2x, medium.jpg 1.3x, small.jpg 0.8x"
     sizes="(min-width: 700px) 700px, 100vw"
     alt="A woman reading">
Run Code Online (Sandbox Code Playgroud)


另外,(不是有效的 HTML)

<img srcset="large.jpg 1400w, medium.jpg 1.3x, small.jpg 0.8x"
     sizes="(min-width: 700px) 700px, 100vw"
     alt="A woman reading">
Run Code Online (Sandbox Code Playgroud)


现在我如何提取具有最高分辨率图像的 URL。
我想过分割 srcset 然后提取大小,但问题是大小可以是1200w格式或2x格式或两者都可以,我不知道如何区分这是1200w格式还是2x格式,即使我这样做找出什么是什么,我如何比较它们以确定最大尺寸。

我希望我能展示我已经尝试过的东西,但我没有想到如何做到这一点!

javascript url jquery image srcset

5
推荐指数
2
解决办法
4478
查看次数

Javascript offsetWidth返回undefined

我有一个JS函数,可以获取页面上div的宽度:

function getWidth() { 
   var container = document.getElementsByClassName('tag');
   var message = "The width of the contents width padding: " + container.width + "px.\n";
   alert(message);
}
Run Code Online (Sandbox Code Playgroud)

在加载页面之前,该函数不会运行:

<body onload="getWidth()">
Run Code Online (Sandbox Code Playgroud)

而div在CSS中定义为百分比,最大宽度为900px,这是输出应该是什么.但相反,我得到这个警报:

The width of the contents width padding: undefinedpx.
Run Code Online (Sandbox Code Playgroud)

我环顾四周寻找答案,但看起来这应该是有效的.有什么理由不工作?

javascript offsetwidth

4
推荐指数
1
解决办法
6454
查看次数

Chrome扩展中的"拒绝加载脚本"错误

关于SO有很多问题与此类似,但没有一个问题解决了我的目的.
我正在创造一个像chrome扩展的'pinterest'.它在网页上注入脚本,收集图像,然后将其发布到某个地方.一切都很完美,但是当我在pinterest本身运行时,它给了我这个错误:

拒绝加载脚本" https://domain_name.com/my_script.js ",因为它违反了以下内容安全策略指令:"default- src'self'https:// .pinterest.com https:// .pinimg. com*.pinterest.com*.pinimg.com*.google.com connect.facebook.net .google-analytics.com https:// .googleapis.com .gstatic.com https:// .facebook.com*.facebook .com www.googleadservices.com googleads.g.doubleclick.net platform.twitter.com*.tiles.mapbox.com*.online-metrix.net*.bnc.lt bnc.lt*.yozio.com'unsafe-inline ''不安全评估'".请注意,'script-src'未明确设置,因此'default-src'用作后备.


我知道这有很多事情Content Script Policy(我不太了解它)但是,我按照这个这个链接给了我足够的信息,什么是CSP以及如何使用它.
我已经完成了所需的一切(我认为),但它仍然无效.这是我的manifest.json

{
  "manifest_version": 2,

  "name": "Image Posting",
  "description": "This extension enables you to post images",
  "version": "1.0",

  "browser_action": {
    "name": "Image Posting"
  },
  "homepage_url": "https://www.domain_name.com/",
  "background":{
      "scripts":["background.js"]
  },
  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["jquery.js", "content.js"]
    }
  ],
  "icons": {
     "128": "icon_128.png",
     "16": "icon_16.png",
     "48": "icon_48.png"
  }, …
Run Code Online (Sandbox Code Playgroud)

google-chrome javascript-injection google-chrome-extension content-security-policy

3
推荐指数
2
解决办法
3017
查看次数

排序版本号存储为数组中的字符串

说我有这样的数组:

var arr = ["1.2.5", "1", "10", "2.0.4", "3.3.3.3"];
Run Code Online (Sandbox Code Playgroud)


什么是对此进行排序并得到如下结果的最佳方法:

var arr = ["1", "1.2.5", "2.0.4", "3.3.3.3", "10"];
Run Code Online (Sandbox Code Playgroud)

首先,我认为将数组中的每个项目转换为浮点数可能会起作用,但是多个小数位则不会给出预期的结果.

我也可以去做for循环和做类似的东西item.split("."),然后逐个检查,但我不认为这是最好的方式.

javascript arrays sorting performance

3
推荐指数
1
解决办法
549
查看次数

在js中的div中附加SVG

虽然关于如何在div中附加SVG有很多答案,但是我无法让它们为我工作.可能是因为我之前从未使用过SVG.

所以,我正在我的节点服务器上创建一个SVG,然后创建一个JSON对象,其中包含一些其他数据和SVG

svgFiles.push({
   'file': svgDump, //This holds well created SVG
   'vp': JSON.stringify(viewport),
   'page': pageNum
});
Run Code Online (Sandbox Code Playgroud)

然后将其作为对angularjs代码的响应发回.

$http({ ... }).then(function callback(resp) { // request to node server
  var svg = resp.data.file;
  var container = document.createElement('div');
  var oldContent = container.innerHTML; // There is going to be an array of objects with SVG data hence i need the 'APPEND' functionality
  // But currently assuming there is only 1 object for demo purpose
  container.innerHTML = oldContent + svg;
})
Run Code Online (Sandbox Code Playgroud)

现在我将我的SVG保存在一个变量中,我希望将它附加到任何DIV应该可以工作.

虽然它确实有效,但它都是纯文本,包括@ font-face,src等等.

我确信有些东西我缺少或没有做正确的方法.我怎样才能实现这一目标?

javascript svg json angularjs

2
推荐指数
1
解决办法
442
查看次数

Next.js 13 中的 NextAuth 错误“MISSING_NEXTAUTH_API_ROUTE_ERROR”(应用程序路由)

我正在使用 NextAuth 版本 4.22.1 和 Next.js 版本 13.4。
我收到此错误“MISSING_NEXTAUTH_API_ROUTE_ERROR”。我的身份验证提供者是 Auth0。我已遵循指南中提到的所有所需步骤。
我的文件夹结构如下:
src/app/api/auth/[...nextAuth]/route.ts

这是一个错误还是我遗漏了一些东西?

next.js app-route next-auth next.js13

1
推荐指数
2
解决办法
3063
查看次数