小编Eva*_*nss的帖子

针对 mousedown 和 touchstart 事件的 React TypeScript 类型”

如何为mousedowntouchstart事件指定 TypeScript 类型?

function useOnClickOutside(ref: React.RefObject<any>, handler: () => void) {
  React.useEffect(() => {
    const listener = (event: React.TouchEvent | React.MouseEvent) => {
      if (!ref || !ref.current) {
        return;
      }
      const elem = document.getElementsByClassName(uniqueClassName)[0];
      if (elem.contains(event.target)) {
        return;
      }
      handler();
    };

    document.addEventListener("mousedown", listener);
    document.addEventListener("touchstart", listener);

    return () => {
      document.removeEventListener("mousedown", listener);
      document.removeEventListener("touchstart", listener);
    };
  }, [ref, handler]);
}
Run Code Online (Sandbox Code Playgroud)

typescript reactjs

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

Apollo useMutation 的 refetchQueries 的 TypeScript 类型?

我有一个带有 TypeScript 类型的 Apollo useMutation 挂钩:

const MY_MUTATION = gql`
  mutation($source: String!) {
    doSomething(source: $source) {
      result
    }
  }
`

const [myMutation] = useMutation<ReturnPayloadType, MutationVariables>(MY_MUTATION);
Run Code Online (Sandbox Code Playgroud)

当我使用它时,这给了我类型安全:

myMutation({
  variables: {
    source: 'some source',
    // foo: 'bar' This would error if uncommented. 
  }
})
Run Code Online (Sandbox Code Playgroud)

这是可行的,但现在我需要使用密钥refetchQueries。如何向其中添加类型?

myMutation({
  variables: {
    source: 'some source',
    // foo: 'bar' This would error if uncommented. 
  },
  refetchQueries: [
    {
      query: MY_OTHER_QUERY,
      variables: {
        foo: 'bar' // I want to add type safety here
      }
    }
  ] …
Run Code Online (Sandbox Code Playgroud)

typescript apollo-client

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

使用javascript调整图像大小全屏?

您是否可以使用javascript以与闪存相同的方式将图像调整为全屏?

我已经找到了这个链接,但它是一个带幻灯片等的整个插件,而不仅仅是我需要更多自定义设计的功能:http: //buildinternet.com/project/supersized/

这个插件似乎只与背景图像:http: //www.ajaxblender.com/bgstretcher-2-jquery-stretch-background-plugin-updated.html

理想情况下,我喜欢用jQuery做这件事.谢谢

javascript jquery

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

LIferay从前端的角度来看?

我的背景是作为网站设计师,使用Drupal创建网站并进行前端工作.我的新工作就是在前端工作,而且我的老板已经要求我从一个"前端的角度"来调查liferay(这里的大多数人都是java开发人员).

那么,如何使用liferay?你有(简单)控制输出的确切html?

我知道一个开放式问题,但我不确定如何更具体....谢谢

frontend liferay

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

如果管理员或用户具有某些角色,Drupal Conditional PHP

如果用户是管理员,以下将执行"某事".

<?php if (($is_admin)) : ?>
  do something
<?php endif; ?>
Run Code Online (Sandbox Code Playgroud)

如果用户是管理员或具有某个角色,我怎么能改变这个'某事'?谢谢

php drupal

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

通过单击选项卡外部的链接来设置活动选项卡?

我正在使用jQuery UI标签:http: //api.jqueryui.com/tabs/

如何在选项卡外部的页面上创建链接,单击时使某个选项卡处于活动状态?谢谢

jquery jquery-ui jquery-ui-tabs

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

googlemaps中的infowindow的maxWidth?

我的谷歌地图代码创建信息窗口的部分是这样的:

                    google.maps.event.addListener(marker, 'click', function () {
                    infowindow.setContent(this.html);
                    infowindow.open(map, this);
                    });
Run Code Online (Sandbox Code Playgroud)

我需要将最大宽度设置为250px到infowindow,但我无法让它工作.是否存在以下语法错误:

                    google.maps.event.addListener(marker, 'click', function () {
                    infowindow.setContent(this.html);
                    infowindow.maxWidth(250);
                    infowindow.open(map, this);
                    });
Run Code Online (Sandbox Code Playgroud)

google-maps

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

rgba(0,0,255,0.5)为十六进制颜色值?

通过以下内容,我可以使用CSS将背景半透明,但它的内容不是半透明的.

background-color: rgba(0,0,255,0.5);
Run Code Online (Sandbox Code Playgroud)

你能用十六进制颜色值做同样的事情吗?

css css3

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

使用CSS生成的内容创建多个元素?

我有一个div(下图中的蓝色).我需要在其中创建一些等间距的圆圈.这可以用CSS生成的内容完成吗?我可以使用:before和:after伪类创建2,但是我需要更多的CSS解决方案需要更多的html元素吗?

我希望不必使用图像来改善加载时间并优化不同显示密度设备的站点.

在此输入图像描述

更新这是一个响应式设计,因此蓝色div的宽度会有所不同.它们还需要保持相等的间距.

css

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

带有弯曲边和尖角的矩形

是否可以使用CSS制作类似于此图像的内容?矩形的每一边都有一条曲线.这与直边不同,只有边框是圆的.

在此输入图像描述

css css-shapes

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