DevDino 🦖

我曾七次鄙视自己的灵魂

发表于 本文字数： 233 阅读时长 ≈ 1 分钟

前端如何测试网络的速度？

B 站视频播放时有一个自动根据网络环境调整分辨率的功能，想了解如何测速
b站

阅读全文 »

发表于 本文字数： 847 阅读时长 ≈ 3 分钟

常见错误类型

错误 解释 示例
SyntaxError 解析时发生语法错误 const x
TypeError 值不是所期待的类型 const person = 1; person.name
ReferenceError 引用未声明的变量 x
RangeError 一个值不在其所允许的范围中 new Array(-1)
ResourceError 资源加载错误 new Image().src = ‘/remote/null.jpg’
HttpError http 请求错误 fetch(‘/remote/null’)
阅读全文 »

发表于 本文字数： 820 阅读时长 ≈ 3 分钟

React.memo

react.memo 有第二个参数，可以通过第二个参数来自定义组件的渲染时机。

阅读全文 »

发表于 本文字数： 75 阅读时长 ≈ 1 分钟

当多种 children 一起输入时

function Container(props) {
  const defaultProps = {
    name: "alen",
    msg: "hello",
  }

  return props.children.map((item) => {
    // 通过判断 clone 混入props
    if (React.isValidElement(item)) {
      return React.cloneElement(item, { ...defaultProps })
    } else if (typeof item === "function") {
      return item(defaultProps)
    } else {
      return null
    }
  })
}

function Child(props) {
  return <div>{props.name + props.msg} </div>
}

function App() {
  return (
    <Container>
      // 多种方式混入
      <Child />
      {(props) => <Child {...props} />}
    </Container>
  )
}

render(<App />, document.getElementById("root"))
阅读全文 »

发表于 本文字数： 742 阅读时长 ≈ 3 分钟

createObjectURL 是什么

URL.createObjectURL() 静态方法会创建一个 DOMString，其中包含一个表示参数中给出的对象的 URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的 URL 对象表示指定的 File 对象或 Blob 对象。 — MDN

阅读全文 »