未将对象引用设置到对象的实例

【代码】[ node js ] worker pool。

在使用 `unplugin` 时 , 我定义插件的参数是必填的, 使用时却是一个`可空参数``(options?: UserOptions) => Return`看源码, 发现是这样定义的类型按代码逻辑来推断应该是走 false 分支, 结果是 不可为空。时 , 我定义插件的参数是必填的,看源码, 发现是这样定义的类型。必须在 ts 配置文件中设置。( 默认是 false )，按代码逻辑来推断, 传入。结果一样都是 可空参数,也走了 true 分支。可以正确判断两种情况,就会出现上面的错误情况。

插件名称 : copy-path-unixstyle ( vscode 中搜索) VSCode 插件市场 支持复制各种格式的路径

VSCode 官方自己的插件就是这样来执行命令的.体验比默认的终端好, 功能也多。

byte 进行截取后, 100 个 10M 的文件, 可以在瞬间分析完毕。将任意编码的文本转为 JavaScript 字符串,( 可以用, 但 TypeScript 类型会报错,如果编码写错, 会导致 乱码+乱码, 彻底废了.将 JavaScript 字符串转为另一个编码。( 大文件截取一部分进行分析,速度比较快 )大文件建议截取一部分进行分析,速度比较快。特有的 api .建议转一下类型 )支持所有的编码类型的转换!提前知道编码,就不需要它了,可以识别文本是 哪种编码。两个都不可以直接用,

【代码】antd DatePicker 日期 与 时间 分开选择。

很多 windows 用户可能会看不懂这个变量指的是哪里.官方文档也没有来得及补充太多关于 windows 的配置。估计是 bun 1.1 才支持的 windows.powershell 更高级一些, 支持。在 windows 上 home 变量。所以全局换源就是在这个路径下创建一个。输出后发现, 是 当前用户 的文件夹。( 一定要注意文件名前面有一个。单个项目的换源直接在根目录创建。写的还是类 Unix 系统的。

mathjs 底层是 decimal.js。

需要提前安装node-gypnode-gyp只要有对应版本的 python 与 c++ 环境, 应该就没啥问题了.

遇到这个bug ,大概率是 某个插件改变了代码我用的是, 可以分析导入, 自动引入 css插件中有个属性💣💥💥💥💣💥💥💥true: 会把变为: 保持原状。

【代码】vite-plugin-pwa 将自己的图片/文件添加到 sw.js 的 precacheAndRoute 中。

如果是用的 moment , 把 dayjs () 替换成 moment() 就可以了.两个库是兼容的

【代码】dayjs 使用 updateLocale 补充缺少的中文 ( 使用 calendar 举例)

html + react + es module + babel + cdn

umi 开启 layout 后, 会把所有页面都放在 pro layout 中.但是 `登录页 或 其他一些页面` 是不需要这个 layout 的. 可以通过菜单中的 `layout:false` 属性关闭这个当前路由的 layout可以通过菜单中的 属性关闭这个当前路由的 layout例子:截图umi 的配置附赠一个路由的 TypeScript 类型可能不全, 具体的可以看官方的文档… 自己再补一些.

【代码】vite 配置 @ 路径别名。

javascript 对象数组 按照给定的顺序 排序

github issues 地址图中可以看到 图标靠下了.(其他地方的 icon 其实都靠下 , 这里用 button 来举例)在你的 css 中添加css 覆盖掉tw默认的值

核心代码[...new Array(50)][...new Array(props.count)]例子let App = function () { return ( <> {[...new Array(50)].map(() => { return <p> Hello jsx </p>; })} {[...new Array(50)].map(() =>

编译 Styled-Components 中的 @apply将 tailwind 编译为 普通css支持 windi 与 tailwindVite : https://github.com/JiangWeixian/vite-plugin-styled-windicssBabel : https://github.com/JiangWeixian/babel-plugin-styled-windicss官方 VsCode插件中设置(配置的灵感来源于tailwind-styled-components)

说明Umi文档对TypeScript 只字未提 (太糟糕了, 感觉像是 KPI 项目),所以只能自己看源码 和 Github 去捞TS的定义最终封装为一个类型IUmiPage使用的时候只需要指定 两个泛型 ( 路由参数类型 与 getInitialProps 返回值 )不指定,则默认{ }空对象版本"umi": "^3.5.21"代码核心type不开启SSR SSG , IGetInitialProps会找不到, 所以加上 @ts-ignore//@ts-ignoreimpo

代码隐藏滚动条直接使用 hideScrollbar 即可.hideScrollbar::-webkit-scrollbar { display: none; /* Chrome Safari */ }.hideScrollbar { scrollbar-width: none; /* firefox */ -ms-overflow-style: none; /* IE 10+ */ overflow-x: hidden; overflow-y: auto;

在 Create React App (CRA) / Next.js / Vite 中配置 ant design 的按需加载 CSS / Less。antd less 变量修改

说明Next.js + Ant Design 的html渲染后,各种css样式会经历从无到有的一个过程.造成了闪烁的感觉, 体验很差.解决方案https://github.com/ant-design/ant-design/issues/16037

styled-components + TypeScript需要安装 @typesyarn add -D @types/styled-components详细说明原生dom使用 styled.div , styled.h1Button 是 antd 的按钮IMyButtonProps 是props的ts类型定义,attrs需要指定一次, 普通css开头也需要指定一次attrs 是 设置属性一般用来封装通用的属性, 不通用的就在jsx中直接传入,可以直接传入对象,也可以

React + Next.js + Ant Design (antd)浏览器console报错信息:Warning: Prop `className` did not match. Server: "anticon anticon-user ant-menu-item-icon" Client: "anticon anticon-user -item-icon"问题分析导入的方式不同, 不共享上下文import { Menu } from 'antd'; // 这样导入 会报错这个错误

React + Next.js + StyledComponents浏览器console报错信息:Warning: Prop `className` did not match. Server: "sc-gsDKAQ WHHak" Client: "sc-bdvvtL fKlryF"大概就是 (hydrate) 水合注水失败了, 虽然是个 warning , 但 界面却是不正常的. 这个警告必须解决.解决方案Next.js 12.1next.config.js在compiler中添加sty