在ES module中可以通过import来引入模块，通过相对或者绝对路径加载. js import lodash from "https:esm.sh/lodash"; 可当使用webpack等打包工具时明知需要使用 import lodash from "lodash"的方式就能加载对应的文件，这些工具通过nodejs在构建时映射到特定的文件，就能解决模块自动加

iconfont 可以让我们轻松使用字体图标，比如使用 iconfont 提供的 js，就可以愉快的码代码了。 html at.alicdn.com/t/c/font_xxxxx.js 通常公司会有提供一套图标供所有系统使用，比如图标库里有 1000 个图标，但某个项目只需要使用 10 个，但 js 文件包含了所有的图标，就有点浪费网络资源了。比如下面只用了第一行的图标，其他

记录个人开发过程中postgres在docker中的使用 Dockerfile 个人是在M1电脑上开发，所以platform使用linux/amd64来兼容amd芯片。 shell FROM --platform=linux/amd64 postgres:16.1-alpine COPY ./poetrydb.sql /docker-entrypoint-initdb.d/

本文主要讲述babel的配置文件及其加载过程。 babel在解析文件前会先加载配置信息，然后根据配置信息对源代码进行处理。 babel配置文件 babel配置文件[Config Files](https:babeljs.io/docs/config-files) babel有两种配置文件，可以配合使用，也可以单独使用: + 项目范围的配置 + babel.config.*

typescript已经成为前端日常开发中常用的工具之一，本文结合自己的使用做一下笔记，方便以后查阅。 Partial Partial可以将某个类型中定义的属性变成可选的. 下面的定义了Book类型，创建实力时如果不设置id属性就会提示错误。 typescript type Book = { id: string; name: string; }; const

遇到大型时项目，git可能超时，可以通过设置超时时间解决 http.timeout 设置超时时间，单位为秒。 shell git config --global http.timeout 30 http.postBuffer 除了设置超时时间外，还可以设置缓存区，大型项目去要更多的缓存区， 单位为byte shell git config --globa

本文主要讲述babel的配置文件及其加载过程。 babel在解析文件前会先加载配置信息，然后根据配置信息对源代码进行处理。 babel配置文件 babel配置文件[Config Files](https:babeljs.io/docs/config-files) babel有两种配置文件，可以配合使用，也可以单独使用: + 项目范围的配置 + babel.config.*

在开发组件过程中，偶尔需要动态的插入css，比如在在iframe中渲染组件后，iframe中是没有样式的，所以需要手动插入样式。 插入样式 通常是在useLayoutEffect中动态创建style标签 ts useLayoutEffect(() ={ if (!ref.current) { const style = document.creat

在业务开发过程中，有时需要使用iframe，比如通过iframe来模拟页面，或者隔离样式。 渲染iframe 下面的方式使用iframe是不生效的 tsx <iframe> <div></div> </iframe> 因为iframe就相当于一个新的页面，所以要把组件添加渲染到iframe内部的dom上才有效果。 所以通过srcDoc设置iframe的初始html

最近在做SDK的时候，对模块进行解藕，模块之间的依赖关系就需要进行处理，使用到了依赖注入，所以记录一下。 一、 什么是依赖注入 依赖注入就是基于调用方它所需要的事物。 有两个模块Car、Enginer, Car依赖Enginer，实现方式可以如下， 方案一： js Enginer class Enginer { } Car class Car