如何为mousedown和touchstart事件指定 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 类型的 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) 您是否可以使用javascript以与闪存相同的方式将图像调整为全屏?
我已经找到了这个链接,但它是一个带幻灯片等的整个插件,而不仅仅是我需要更多自定义设计的功能:http: //buildinternet.com/project/supersized/
这个插件似乎只与背景图像:http: //www.ajaxblender.com/bgstretcher-2-jquery-stretch-background-plugin-updated.html
理想情况下,我喜欢用jQuery做这件事.谢谢
我的背景是作为网站设计师,使用Drupal创建网站并进行前端工作.我的新工作就是在前端工作,而且我的老板已经要求我从一个"前端的角度"来调查liferay(这里的大多数人都是java开发人员).
那么,如何使用liferay?你有(简单)控制输出的确切html?
我知道一个开放式问题,但我不确定如何更具体....谢谢
如果用户是管理员,以下将执行"某事".
<?php if (($is_admin)) : ?>
do something
<?php endif; ?>
Run Code Online (Sandbox Code Playgroud)
如果用户是管理员或具有某个角色,我怎么能改变这个'某事'?谢谢
我正在使用jQuery UI标签:http: //api.jqueryui.com/tabs/
如何在选项卡外部的页面上创建链接,单击时使某个选项卡处于活动状态?谢谢
我的谷歌地图代码创建信息窗口的部分是这样的:
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) 通过以下内容,我可以使用CSS将背景半透明,但它的内容不是半透明的.
background-color: rgba(0,0,255,0.5);
Run Code Online (Sandbox Code Playgroud)
你能用十六进制颜色值做同样的事情吗?
我有一个div(下图中的蓝色).我需要在其中创建一些等间距的圆圈.这可以用CSS生成的内容完成吗?我可以使用:before和:after伪类创建2,但是我需要更多的CSS解决方案需要更多的html元素吗?
我希望不必使用图像来改善加载时间并优化不同显示密度设备的站点.

更新这是一个响应式设计,因此蓝色div的宽度会有所不同.它们还需要保持相等的间距.
css ×3
jquery ×2
typescript ×2
css-shapes ×1
css3 ×1
drupal ×1
frontend ×1
google-maps ×1
javascript ×1
jquery-ui ×1
liferay ×1
php ×1
reactjs ×1