我试图让 useRef obj 为 null 或函数，这里是代码片段

import "./styles.css";
import { useState, useRef, useEffect } from "react";
export default function App() {
  const testRef = useRef<string | null>(null);
  const unblockRef = useRef<() => void | null>(null);

  useEffect(() => {
    const test = () => {
      console.log("hey");
    };

    testRef.current = "";

    // this would give the error code
    unblockRef.current = null;
    // unblockRef.current = "saddsa";
  }, []);
  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  ); …

在iOS Safari上(我觉得哪个版本的iOS不重要,但我在iOS(Safari)11上进行测试),如果我<div>在一个有效的元素上定位:hover,并且<div>有一个事件使它成为现实单击时消失,然后我的链接"underneath"获取从DOM中删除元素后应用的悬停效果.

请参阅下面的动画GIF我正在谈论的内容:

我已经为按钮提供了透明背景,因此您可以看到它背后的链接.当我在没有找到链接的位置点击按钮时,链接(即Some link)保持蓝色并且不会更改为其悬停状态的红色.

然而,当我点击了div在恰好是一个点正上方的链接,后div从DOM删除,链接得到应用其悬停状态.

在每个链接之后单击该链接可正确触发其on.click事件(警报窗口).

我在Chrome上的Android上没有看到这个问题(参见下面的示例):

您还可以在下面找到我使用的示例HTML/CSS/JS; 设置非常简单.

我希望iOS的行为方式与Android Chrome相同:即,点击立即从DOM中删除的元素不应该触发:hover紧跟在其后面的元素的状态.

document.addEventListener("DOMContentLoaded", function ready() {
  var button = document.querySelector(".button");
  button.addEventListener("click", function() {
    button.parentNode.removeChild(button);
  });
  
  document.querySelector('a').addEventListener("click", function() {
    window.alert('clicked!');
  });
});

a:link    { color: blue }
a:visited { color: blue }
a:hover   { color: red }
a:active  { color: green }

.button {
    background: …

当我echo 'Hello World';从Mac上的终端运行PHP中的简单脚本时,我看到%行尾的百分号()出现了.

为什么是这样？我可以禁用它吗？

~ php -r "echo 'Hello World';"
Hello World%                                          
~ 

从技术上讲,我不是用bash做的,我正在运行Oh My Zsh,如果这很重要的话.

虽然该<meta name="viewport">标签未标准化，但“由于事实上的主导地位，它受到大多数移动浏览器的尊重”。

它不是真正的 Web 标准的一个缺点是详细的文档不像其他标准那样可用。该CSS工作组对这个规范，所以这就是我主要用作为权威著作。

我的主要问题是：

以下声明之间的感知差异是什么？

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="viewport" content="initial-scale=1.0">

或者被问到，这两个@viewport CSS at-rules之间有什么区别：

/* Translated from <meta name="viewport" content="width=device-width, initial-scale=1.0"> */
@viewport {
    zoom: 1.0;
    min-width: extend-to-zoom;
    max-width: 100vw;
}

/* Translated from <meta name="viewport" content="initial-scale=1.0"> */
@viewport {
    zoom: 1.0;
    min-width: extend-to-zoom;
    max-width: extend-to-zoom;
}

我是如何得出这些@viewport翻译的：

width=device-width 到 min-width: extend-to-zoom; max-width: 100vw;

在CSS设备适配模块级别1号文件规定：

的width和height视口<META>特性被转换成width和height描述符，设置min-width/ …

我正在尝试创建一个有序列表,其中每个li列表都包含Foundation 5.5.3网格的一部分.

我遇到的问题是,我的li元素是在其子网格列之前的顶部插入一些空格.

例:

经过一些调查,我发现这是由于基础CSS规则content: " "; display: table;放在::before我的行的psuedo元素上.

然而,重写/删除它会弄乱行本身的间距.

我试过把这个row课脱离li自己并插入一个孩子,div.row但我仍然看到同样的问题.

要重申的是,我想内的每一个创建一个2柱网li的的ol/ul名单,但这样做,在每个顶部增加了一些垂直空间li.我怎样才能摆脱这个空间,或者,我应该采取另一种方法来在几个lis 内实现这个2列网格.

谢谢.

例:

li {
  background-color: #ddd;
  padding: 5px;
}

li + li {
  margin-top: 5px !important;
}

li > span {
  background-color: yellow;
}

/* Trying to override ::before and ::after on .row */
.row.psuedo-override::before, .row.psuedo-override::after {
  content: none !important;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.3/css/foundation.css" …

在Chrome 86，fieldset与max-height比其内容的高度更低，overflow: hidden将隐藏的内容fieldset。

然而，在 Chrome v87 ( 87.0.4280.67) 上，这显然改变了。

如果height设置的a小于内容，则它会正确隐藏溢出。这个错误只出现在max-height.

以下代码段将在 Chrome v86 及更早版本、Firefox 和 Safari 上正确呈现。在 Chrome 87 上，第一个fieldset会溢出。

fieldset {
    /* Reset user-agent styles */
    padding: 0;
    margin: 0;
    border: 0;
    
    overflow: hidden;
    
    /* Misc */
    background: cyan;
    margin-top: 1em;
}

<fieldset style="max-height: 9px">
  This should be half-visible
  (<code>max-height: 9px; overflow: hidden</code>)
</fieldset>

<fieldset style="height: 9px">
  This should also be half-visible
  (<code>height: 9px; …

我有一个 MySQL 数据库，我在所有表中使用一binary(36)列作为唯一的列id。

当引入phpMyAdmin 4.3.0时，他们似乎添加了一项功能，其中 BLOB 和 BINARY 类型的列将其数据显示为链接，单击该链接可以让您下载文件（在我的情况下，下载了.bin文件）。

如果要编辑数据，则必须单击单元格的空白部分以打开“编辑”模式。

我可以看到这很有用，但就我而言，我对它下载的 .bin 文件不感兴趣。

在较旧版本的 phpMyAdmin（例如4.1.0）中，此功能不可用（或至少默认情况下未启用）。您只需单击显示的文本，就会弹出编辑对话框。

我查看了phpMyAdmin 的文档，但找不到禁用此功能的设置。有$cfg['ProtectBinary']设置，但我已经将它设置为blob，所以这应该不是问题。

理想情况下，我想使用最新版本的 phpMyAdmin，但前提是我可以更改此设置。谢谢。

在没有详细介绍的情况下,我有一个C#WCF应用程序,它是我调用的基于XML的API的包装器.该API返回一个字符串,它实际上只是一个XML文档.然后我解析该XML,然后返回它.返回的信息在浏览器中显示为JSON.

有点令人困惑,但这里有一些采样代码:

[OperationContract]
[WebInvoke(Method = "GET", BodyStyle = WebMessageBodyStyle.Bare,
    ResponseFormat = WebMessageFormat.Json, UriTemplate = "/TestGetUser")]
TestGetUserResponse TestGetUser();

/* ... */

[DataContract(Namespace = "http://schema.mytestdomain/", Name = "TestGetUser")]
public class TestGetUserResponse
{
    [DataMember]
    public User User { get; set; }
    [DataMember]
    public Error Error { get; set; }
}

并TestGetUser存在:

public TestGetUserResponse TestGetUser() {
    WebClient client = getCredentials(); // getCredentials() method is defined elsewhere

    string apiUrl = "http://my.api.url.com/API";
    string apiRequest = "<?xml version='1.0' encoding='utf-8' ?><test>My XML Request Lives Here</test>";

    string …

我需要更新MAMP v3.4服务器中的PATH变量。

如您所见， Apache 使用的PATH环境变量与我打开终端时使用的PATH不匹配。

<?php
  passthru('env');
  die();

上面的脚本打印出：

...
PATH=/usr/bin:/bin:/usr/sbin:/sbin
...

同时，我运行终端时的路径是：

$ env
  ...
  PATH=/usr/local/sbin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin

我已经尝试过此处和此处提供的解决方案，但没有一个有效。

设置环境变量似乎很有希望，但在设置PATH/Applications/MAMP/conf/apache/httpd.conf时不起作用。

# Near the top of my httpd.conf file...
SetEnv MY_TEST_DETAIL foo
SetEnv PATH /usr/local/sbin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin