type
status
date
slug
summary
tags
category
icon
password

webpack打包静态文件

配置webpack的 addWebpackPlugin 选项传递到cdn
react脚手架配置cdn_antd cdn-CSDN博客
文章浏览阅读2k次。项目是使用react脚手架搭建的，使用了customize-cra、react-app-rewired来修改脚手架默认的配置1、添加配置项安装和配置完成基本的config-overrides.js后，添加addWebpackExternals选项用来配置cdn完整的配置项请查看：官方文档，下面只展示配置cdn的代码在里面写入我们需要cdn加载的文件，我们直接把G2plot挂载到全局const {override, addLessLoader, addWebpackAlias, addWebpa_antd cdn
react脚手架配置cdn_antd cdn-CSDN博客
https://blog.csdn.net/weixin_43090018/article/details/120568520
Create-React-app项目首屏加载优化（二）--CDN加速 - njuclc - 博客园
之前，通过gzip的方式将访问速度从40多秒减少到7秒左右，但是仍然很慢。传送门 因为使用的服务器的带宽只有1M，所以即使gzip压缩后只有700K左右，但是仍然需要5秒左右的传输时间。 解决方法：1.缩小打包后的体积（减少至300K左右）2.将打包后的文件夹上传至腾讯云COS 项目说明 项目是使用
Create-React-app项目首屏加载优化（二）--CDN加速 - njuclc - 博客园
https://www.cnblogs.com/njuclc/p/13359388.html

vscode setting

配置文件：在vscode中移除未使用的依赖

vscode snippets

代码补全中首字母大写 capitalize
问题，使用tab后才会把小写变为大写，但是tab键会触发补全功能
💡
在现代 VSCode 中，您无需关注第一行。只需打开“首选项：键盘快捷键”，找到acceptSelectedSuggestion，右键单击并选择“更改表达式”，然后将其设置为 Adam 上面所说的：suggestWidgetHasFocusedSuggestion && suggestWidgetVisible && textInputFocus && !inSnippetMode 
Tab is conflicting intellisense and snippets in vs code
I want to use a 'for' snippet for example. I write for and press tab twice so it autocompletes to the whole for loop and selects the counter so I can change it. I change that and then press tab to ...
Tab is conflicting intellisense and snippets in vs code
https://stackoverflow.com/questions/41348083/tab-is-conflicting-intellisense-and-snippets-in-vs-code
Tab is conflicting intellisense and snippets in vs code

git大小写问题

git是默认是大小不敏感的，但可以通过一句配置进行修改

指定依赖的依赖的版本

link: https://stackoverflow.com/questions/52416312/npm-equivalent-of-yarn-resolutions
npm doc: https://docs.npmjs.com/cli/v9/configuring-npm/package-json#overrides
pnpm doc: https://pnpm.io/zh/package_json#pnpmoverrides
yarn doc: https://classic.yarnpkg.com/en/docs/selective-version-resolutions/

字体加载优化的几个属性

font-display 属性决定了一个 @font-face 在不同的下载时间和可用时间下是如何展示的。
auto
字体显示策略由用户代理定义。
block
为字体提供一个短暂的阻塞周期和无限的交换周期。
swap
为字体提供一个非常小的阻塞周期和无限的交换周期。
fallback
为字体提供一个非常小的阻塞周期和短暂的交换周期。
optional
为字体提供一个非常小的阻塞周期，并且没有交换周期。
💡
字体阻塞周期: 如果未加载字体，任何试图使用它的元素都必须渲染不可见的后备字体。如果在此期间字体已成功加载，则正常使用它。
💡
字体交换周期: 如果未加载字体，任何尝试使用它的元素都必须呈现后备字体。如果在此期间字体已成功加载，则正常使用它。

nrm报错

原因：应该使用 open 的 CommonJs规范的包 ，现在 open v9.0.0 是 ES Module 版本的包
解决

去掉点击button按钮时的蓝色效果

link: https://www.cnblogs.com/libin-1/p/5903350.html

shebang(hashbang)

link: https://juejin.cn/post/7054112312671600671

js的label语句

可实现类似于goto语句的效果 MDN🔗：MDN label statement

git空提交 触发ci

网页读取文件

此方法依赖浏览器的文件读取API来读取文件，并将文件内容赋值给文本框。 MDN🔗：MDN FileReader

importmap

使用importmap引入资源，然后可以这样使用
ES Module以成为现在浏览器一个新的特性，主流浏览器都实现了较好的支持。使用importmap对引入文件实现映射，配和ESM可实现与工程模式相似的开发体验。 兼容情况: importmap
对于不支持 import-maps 的浏览器， 可以使用 es-module-shims 进行处理。

clashx规则配置

此界面用于增加和删减配置文件中的规则，目前 Clash 支持的规则类型如下： DOMAIN-SUFFIX：域名后缀匹配 DOMAIN：域名匹配 DOMAIN-KEYWORD：域名关键字匹配 IP-CIDR：IP 段匹配 SRC-IP-CIDR：源 IP 段匹配 GEOIP：GEOIP 数据库（国家代码）匹配 DST-PORT：目标端口匹配 SRC-PORT：源端口匹配 PROCESS-NAME：源进程名匹配 RULE-SET：Rule Provider 规则匹配 MATCH：全匹配