• https://guoyang1996.github.io/knowledge-trace/

  • yongheng2016yongheng2016/blog· 1 天前

    • caniuse
    • mdn

    解决方案

    .title{
      position: relative;
    }
    
    .title::after {
      content: attr(data-letter);
      background: -webkit-linear-gradient(left, #f2b233, #fff172 55%, #f2b233);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    <div className="title" data-letter={title} />

  • 最近将划词翻译发布到了火狐里,记录一下遇到的三个问题。截止目前,火狐浏览器的最新版本是 v69.0.3

    manifest.json 中的 incognito 不支持 split

    目前,火狐浏览器是不支持在隐身模式下使用 split 方式的,见 https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/incognito

    CSS 中文件的引用方式不同

    在 Chrome 扩展中,插入到内容脚本中的 CSS 如果要引用扩展里的文件(图片、字体等),需要使用 chrome-extensio

  • brickspertbrickspert/blog· 3 天前

    组件

    组件是 UI + 逻辑的复用,但逻辑复用能力等于 0。

    一个 React 项目,是由无数个大大小小的组件组合而成的。在 React 的世界中,组件是一等公民。而我们平时拆分组件的依据无非是:尽量的复用代码。

    组件是 UI + 逻辑的复用,你不能将 UI 和逻辑拆开。比如 Antd 的 Cascader 级联选择 组件,内置了样式和级联选择的逻辑,用户使用的时候相当于一个黑盒,只管用就行了。但是有一个很现实的问题,当该组件的样式不能满足我们需求的时候,我们需要从 0 重新实现一个组件,重写 UI + 逻辑,哪怕逻辑真的一模一样。组件的逻辑复用能力等于 0。我可以想到一个可怕的事实,社区

  • kenotronmicrosoft/just· 4 天前
    • https://www.npmjs.com/package/ts-transform-graphql-tag - Add this transformer to allow TS files to have access to the gql tag.
    • Also, add a typing definition of the following form:
    declare module '*.graphql' {
      import { DocumentNode } from 'graphql';
      const value: DocumentNode;
      export default v