小编Spe*_*gum的帖子

Angular2获取窗口宽度onResize

试图找出如何在Angular2中调整事件大小时获取窗口宽度.这是我的代码:

export class SideNav {

    innerWidth: number;

    constructor(private window: Window){

        let getWindow = function(){
          return window.innerWidth;
        };

        window.onresize = function() {
          this.innerWidth = getWindow();
          console.log(getWindow());
        };
} 
Run Code Online (Sandbox Code Playgroud)

我在bootstrap.ts文件中全局导入窗口提供程序,使用提供从我的应用程序访问窗口.我遇到的问题是这确实给了我一个窗口大小,但是在调整窗口大小时 - 即使窗口改变大小,它也会反复重复相同的大小.请参阅console.log示例图片: 截图图片

我的总体目标是能够将窗口编号设置为变量onresize,以便我可以在模板中访问它.我在这里做错了什么想法?

谢谢!

css typescript angular2-directives angular

30
推荐指数
3
解决办法
4万
查看次数

如何将额外的参数传递给自定义UIView类以进行快速初始化

我正在尝试编写一个类型为UIView的类,但是在初始化时,我希望它采用一个额外的参数,但是我无法弄清楚如何绕过需要其参数的UIView。任何帮助深表感谢!

class MenuBar: UIView {

    let homeController: HomeController

    init(controller: HomeController){
        homeController = controller
        super.init()
    }
    override init(frame: CGRect) {
        super.init(frame: frame)

    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

}
Run Code Online (Sandbox Code Playgroud)

在ViewController中,我像这样初始化它:

let menuBar: MenuBar = {
    let mb = MenuBar(controller: self)
    return mb
}()
Run Code Online (Sandbox Code Playgroud)

uiview swift

9
推荐指数
2
解决办法
3119
查看次数

在我的 Mac 上使用开发工具时,Console.log 在 iPad Pro Safari 16.4 上不显示

我尝试了 3 个不同的网站,以确保控制台能够注销,在我的笔记本电脑和另一台 iPad 上也是如此。在具有最新 safari 版本的 iPad Pro 上 - 没有控制台日志记录。有人经历过这个或者知道如何解决它吗?

safari mobile ipad ios console.log

9
推荐指数
1
解决办法
4328
查看次数

myfonts 如何跟踪其网络字体的页面浏览量?

我想知道是否有人知道 myfonts.com 如何跟踪他们提供的网络字体的页面浏览量。如果您曾经尝试从他们那里购买网络字体 - 他们的定价范围取决于您网站获得的页面浏览量。页面浏览量越多,字体成本就越高。当您接近页面浏览限制时,他们还会通过电子邮件向您发出警告。

您可以通过此链接看到您获得了一个 JS 标签,可以将您购买的字体放入您的网站中: https: //www.myfonts.com/info/webfonts/

如果我想做这样的小规模的东西,我需要学习和研究什么?实现这一目标需要什么样的技术?

javascript webfonts server

5
推荐指数
1
解决办法
4759
查看次数

React Context API似乎重新呈现了每个组件

我试图在我的应用程序中使用新的Context API,并且看起来每次更新上下文时,它都会重新渲染与其连接的任何组件。我有一个沙盒演示设置,可以查看代码和工作问题。当您输入内容时-按钮上下文将呈现,反之亦然。我最初的想法是,如果您输入输入内容,那么只会打印出输入内容。

演示

这是如何运作的还是我错过了什么?谢谢,斯宾塞

javascript reactjs react-context

4
推荐指数
2
解决办法
2447
查看次数

React.Children.toArray 无法使用打字稿找到儿童的道具

打字稿无法使用 React.Children.toArray 检测儿童上的道具对象我必须使用 any[] 因为如果我使用 ReactChild[] - 在数组项上未检测到道具。我如何正确输入这个?谢谢!

const items: any[] = React.Children.toArray(this.props.children)

// select whatever item was told to be onload first
const itemPaymentType = items[0].props['data-payment']
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

typescript reactjs

4
推荐指数
2
解决办法
2508
查看次数

gatsby-source-graphql + ACF 字段未显示

我想知道为什么我的 ACF 字段没有使用 gatsby-source-graphql 插件显示在我的 gatsby 应用程序中?当我使用 WP 插件:WP GraphiQL 时,我的 ACF 字段会出现,但在我运行 gatsby 应用程序时不会出现。我只能使用 gatsby-source-wordpress 导入 ACF 字段吗???其他一切似乎都出现了。我有一个自定义帖子类型,我使用没有问题,但 ACF 字段是问题所在。任何帮助都会很棒,谢谢,斯宾塞

它们出现在 WP 后端: 在此处输入图片说明

但是当 Gatsby 运行时不要出现: 在此处输入图片说明

这是我的 Gatsby 配置中的内容:

{
      resolve: `gatsby-source-graphql`,
      options: {
        // This type will contain remote schema Query type
        typeName: `WPGraphQL`,
        // This is field under which it's accessible
        fieldName: `wpgraphql`,
        // Url to query from
        url: `http://wpgraphql.local/graphql`,
      },
    },
Run Code Online (Sandbox Code Playgroud)

wordpress advanced-custom-fields graphql gatsby wp-graphql

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