hawtim.github.io
hawtim.github.io copied to clipboard
在项目的 webpack 配置中,如果使用了 lazyCompilation 来做开发阶段的懒编译,可以加快项目冷启动的时间。 但是这个懒编译的机制就是如果你不访问对应的页面,就不会打包对应的模块。这在项目拆分或者项目重构的场景下,如果删除了部分代码文件,此时热更新是不会检测到代码文件被删除的。导致问题在测试环境构建时才暴露出来。 在重构场景下,需要注释掉 webpack 懒编译的配置,或者通过命令中加上进程参数来区分是否要懒编译。 ```js experiments: { lazyCompilation: { test: (module) => { return /src\/views/.test(module.nameForCondition()); } } } ```
如何解决类似 curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused 的问题
### 背景 笔者最近发现 github 的用户头像和自己文章中的图片显示不出来了。然后今天发现安装 homeBrew 和 nvm 出现了标题的报错信息。  以上是安装 pnpm 的报错信息,可以发现,脚本需要到 raw.githubusercontent.com 上拉取代码。 网上搜索了一下,发现是 github 的一些域名的 DNS 解析被污染,导致DNS 解析过程无法通过域名取得正确的IP地址。 ### DNS 污染 [DNS 污染](https://zhuanlan.zhihu.com/p/101908711),感兴趣的朋友可以去了解一下。 ### 解决方案 打开 https://www.ipaddress.com/...
package.json ```json "scripts": { "postinstall": "node ./scripts/checkNodeVersion.js" }, "engines": { "node": ">=12.17.1 =5.0.0 < 7.0.0" }, ``` ./scripts/checkNodeVersion.js ```js const semver = require('semver'); const { engines } = require('../package.json'); const...
```bash plugins=( git zsh-syntax-highlighting zsh-autosuggestions git-open ) ```
## 背景 最近在做项目技术重构,经常需要 git fetch 上游的分支,再 git merge 上游的分支,有非常多基于 command line 的操作,很容易出错。 比如 git fetch 然后 command + v 贴错了粘贴板里的东西,之前我的处理方式是,ctrl + c 取消当前的命令然后重新输入。 平时这样的开销觉得还好,但是频繁的操作下,这样的开销累积起来就不少了。 ## 有没有快捷键可以 undo 最近的输入? 有的,[bash-zsh-undo-erase-backwards-ctrlw](https://askubuntu.com/questions/444966/bash-zsh-undo-erase-backwards-ctrlw) -...
## 创建个人主页 1. New Repository  2. 填写 hawtim(修改成自己的名字).github.io  3. 选择一个主题   4. 这时候访问 hawtim(修改成自己的名字).github.io 就可以看到刚刚创建的个人主页了 ## 绑定自己的域名 1. 假设你已经有了自己的域名,例如笔者的,hawtim.com 2. 在刚创建的个人主页的项目的根目录下,添加 CNAME 文件并在文件中填写绑定的域名  3. 进入项目的 settings...
## 背景 一个需求,要在一个大模块下的几个子页面里添加相同的筛选项,有一些通用的方法,如果在每个子页面下写会造成冗余代码。在 vue + ts + vpd 的技术选型下,记录下使用方法。 ### component.vue ```vue import { Component, Mixins } from 'vue-property-decorator'; import filterMixin from '../mixin'; @Component export default class ExternalPointList extends Mixins(filterMixin)...
笔者使用 notion 很久了,在任务管理上尝试过用日程表的方式、单纯 TODO list 的方式,现在尝试一种新的方式,四象限 TODO List,将自己的每日任务按重要-紧急的维度进行管理。 基于 [inline gallery 制作四象限时间管理](https://notion7.com/notion%e6%a8%a1%e6%9d%bf-eisenhower-matrix-%e6%97%b6%e9%97%b4%e7%ae%a1%e7%90%86%e5%9b%9b%e8%b1%a1%e9%99%90/) 以及 [三分钟日记](https://notion7.com/notion%e6%a8%a1%e6%9d%bf-3%e5%88%86%e9%92%9f%e6%97%a5%e8%ae%b0/) 提供的模板 将两者组合一起,实现一个可以每天都创建的四象限 TODO List  模板链接:https://hawtim.notion.site/bb8e2e5a7c354d7cb8498d43c98c4b73 感谢 哈囉沐奇 MUKIwu 提供的灵感
### 背景 最近在做项目重构,重构涉及组件库的迁移工作,主要涉及到的是样式的变更。 为了将现存页面的所有展示逻辑呈现出来,我需要将 vuejs 的 v-if v-show 等条件渲染指令禁用掉 ### 目标实现 修改 `vue.runtime.esm.js`, 版本 v2.6.14 ```js // Line 8142 var isVShowDirective = function (d) { return d.name === 'show'; };...