daily-notes
daily-notes copied to clipboard
maomao1996
不定期更新的日常笔记记录（零零散散啥都记系列）
# Less 循环遍历和踩坑 ## 递归混合 [Recursive Mixins 文档](https://lesscss.org/features/#mixins-feature-loops-feature) ```less .color { // 定义遍历对象 @colors: #111, #444, #999; // 定义循环最大值，通过 length 函数拿到遍历对象的长度 @len: length(@colors); // 定义循环方法 当 index 大于 len 时结束循环...
# ShadowSocks PAC 用户自定规则 > 代理自动配置（Proxy auto-config 简称 PAC）是一种网页浏览器技术，用于定义如何自动选择适当的代理服务器来访问一个网址 ShadowSocks 默认使用的 [GFWList](https://github.com/gfwlist/gfwlist) 规则，当 [GFWList](https://github.com/gfwlist/gfwlist) 规则无法满足我们的要求时，就需要用到 PAC 用户自定规则 ## PAC 规则语法说明 在书写 PAC 用户自定规则前，我们需要先了解其规则语法，ShadowSocks 使用的是 Adblock Plus 的规则引擎 [Adblock Plus filters...
# .npmrc 学习笔记 `.npmrc` 是 `npm` 配置文件，可以通过修改配置项对 `npm` 做配置 > 🌰: 修改镜像源 ```sh registry=https://registry.npmmirror.com ``` ```sh # 查看所有配置 npm config ls [-l|--json] # 查看配置 npm config get #OR npm get...
# CSS 伪类选择器中的表达式(an+b) CSS 伪类选择器中的表达式有如下写法 - **数字**：直接匹配具体位置的元素 - **关键字**：**even** 和 **odd**，根据奇偶去匹配 - **表达式**：根据 **an + b** 的结果去匹配 ## 语法 > 只针对表达式场景的语法 以 `:nth-child(an+b)` 为例：该伪类选择器会先找到所有当前元素的兄弟元素，然后按照位置的先后顺序从 `1` 开始进行排序，再根据伪类选择器括号中的表达式 `an+b` 所计算出的值对元素进行匹配 - `an`...
# 在 Github Actions 环境变量中传递数组或对象 大多数常见下我们只需要传递简单的字符串即可，但是当字段越来越多的时候或者一些特殊场景下，使用对象或数组更好 通过研究，我们可以通过配置 `json` 数据 + 环境变量输出到文件来实现数组或对象的传递 ## 配置 `Secrets` `Secrets` 中的 `Name` 和 `Value` 示例格式如下： | Name | Value | | --------- | ----------- |...
# Plop 实战笔记 [Plop](https://github.com/plopjs/plop) 是一个轻量级的项目搭建生成工具，提供了一种以一致的方式生成代码或任何其他类型的纯文本文件的简单方法 当我们在项目中引入时，可以通过定制对应的命令询问，可以帮助我们自动生成页面文件，添加对应的路由配置等 ## 安装 Plop ```sh npm install --save-dev plop ``` ## 添加运行脚本命令 修改 `package.json` 文件 ```diff "scripts": { + "plop": "plop" } ``` ## 创建配置文件...
# 解决 Github Support for password ## 方案一配置 SSH Key ### 生成密钥 ```sh ssh-keygen -t rsa -C "邮箱地址" # 指定文件名 ssh-keygen -t rsa -C "邮箱地址" -f ~/.ssh/id_rsa_github ``` ### 查看并复制公钥...
# Webpack 4 打包优化（CRA 项目） 以 `react-app-rewired` + `customize-cra` 方案为例 ## 使用 dayjs 替换 moment ```sh yarn add -D antd-dayjs-webpack-plugin # OR npm install -D antd-dayjs-webpack-plugin ``` 修改 `config-overrides.js` 文件...
# Mac 终端小技巧 ## 终端代理 ### 临时使用 打开终端直接运行 ```sh # http://proxyAddress:port 是 SSR 软件代理监听地址(一般为 127.0.0.1:xxxx) # 只代理 http 请求 export HTTP_PROXY=http://proxyAddress:port # 只代理 https 请求 export HTTPS_PROXY=http://proxyAddress:port # 代理所有请求 export...
# Webpack 性能分析 ## 打包速度分析 speed-measure-webpack-plugin ```sh yarn add -D speed-measure-webpack-plugin # OR npm install -D speed-measure-webpack-plugin ``` [speed-measure-webpack-plugin | GitHub](https://github.com/stephencookdev/speed-measure-webpack-plugin) ### create-react-app `react-app-rewired` + `customize-cra` 方案 修改 `config-overrides.js` 文件...