0%

很久没更新了,最近有点懒。也没什么想写的。

在新公司(金山办公)上班一年了,工作量并不大,但是干得感觉比之前更累了。主要可能有两个原因:一是之前的负责人在我入职不久后就走了,结果我又变成了负责人。二是,做的项目比较偏探索向,不是常规的业务项目,整天要思考这个那个,很累。有时候(经常)也会想放弃。不过看在去年刚来半年就给我 3.75 的份上,还是再干一段时间吧。

最近理财跌得不要不要的,3 个月已经把之前 3 年的收益都跌完了。好在我买的不是很多。现在也不怎么看了。

可能是因为理财亏得太多了,我开始到各种平台薅羊毛,然后又开始把梦幻西游捡起来玩了。家产全部变卖以后转到了朋友所在的区,每天就当作一个打发时间的消遣,分散一下亏钱的注意力。

昨天正式受邀(实际上是我申请的)进入了 vuejs 组织。虽然目前只是 doc team,但是我相信以后可以做更多的事情。

638f7ff6d334b2d7616039a3787efe6.png

在没有包管理器之前

正确来说 Node.js 是不存在没有包管理器的时期的。从 A brief history of Node.js 里面可以看到,当 2009 年 Node.js 问世的时候 NPM 的雏形也发布了。当然因为 Node.js 跟前端绑得很死,这里主要谈一谈前端在没有包管理器的时期是怎样的。

那时候做得最多的事情就是:

  1. 网上寻找各软件的官网,比如 jQuery;
  2. 找到下载地址,下载 zip 包;
  3. 解压,放到项目中一个叫 libs 的目录中;
  4. 想更方便的话,直接将 CDN 链接粘贴到 HTML 中。

四个字总结:刀耕火种。 模块化管理?版本号管理?依赖升级?不存在的。当然,那时候前端也没有那么复杂,这种模式勉强来说也不是不能用。

阅读全文 »

之前在 WSL on Windows 10 中尝试了 WSL,但是几经周折最后发现问题比较多,用得有点难受。最后还是换回了 windows。

下载

https://www.cygwin.com/

设置 Windows Terminal

注意,后面的 C:\cygwin64 换成实际安装路径。

增加 cygwin 配置

效果

设置 IDEA

修改 Shell path

注意里面填的是 C:\cygwin64\bin\env.exe CHERE_INVOKING=1 /bin/bash -l,这样才能在项目目录打开终端:

效果

设置 ssh keys

可以建一对新的 key pair,也可以直接使用 windows 下面建好的。

如果要使用 windows 的,只需将 .ssh 文件夹下面的内容复制到 C:\cygwin64\home\user\.ssh 即可。

博客迁移至 Hexo。主要原因是:

  1. Vuepress 有部分 bug 难以忍受,而且 v1 仓库已经停止维护了;
  2. Vuepress 的功能对于 blog 来说还是有些弱;
  3. Vuepress v1 存在文章数量增加,首屏加载大小不断变多的问题;
  4. Vuepress 没有 blog 主题,而我自己写的主题是基于 v1 的,且无法升上 v2 (因为:为了解决问题 3,v2 中 $posts 变量被移除了,而该主题的首页依赖这个变量做渲染);
  5. …… (其它难以忍受的问题)

@media (prefers-color-scheme: dark) {
    html {
        filter: invert(90%) hue-rotate(180deg);
    }

    img, video, svg, div[class*="language-"] {
        filter: invert(110%) hue-rotate(180deg);
        opacity: .8;
    }
}

具体效果参考本站(打开系统级别的暗黑模式)。 解释:

  1. invert 将所有色值反转,hue-rotate 将黑白以外的其它主色调再反转回来(防止页面主题色出现大的变化);
  2. 网上的 invert 通常取值为 100%,但是这样反转得到的黑色往往太过黑,眼睛看起来有点累,因此我觉得 90% 是一个更合理的值;
  3. 将图片、视频等其它不需要被反转的元素再反转回来,并加一个透明度,让其不那么刺眼;
  4. 如果 html 反转 90%,则图片等元素需要反转 110%
  5. div[class*="language-"] 对应的是本站 (VuePress) 上的代码块。

其实不需要装任何插件,IDE 自带的 Markdown 插件即可支持该操作:

  1. 使用任意截图软件截图到剪贴板;
  2. Ctrl + V 复制到编辑器中;
  3. IDE 会自动生成图片文件 img.png(如果已存在,则会加自增后缀),以及相应的 Markdown 标签 ![img.png](img.png)

但是,默认的插件不能配置保存路径(只能是 markdown 文件所在的路径),也不能配置命名规则,因此找了一个插件来增强这个功能。

阅读全文 »

关于 React Hooks 与 Vue Composite API:

二者为了共同的目的,在接近的时间点,以非常相似但是又带有本质区别的方式,推出了各自对于未来前端代码结构发展的新思路。本文在对二者做一些简单介绍的同时,也会重点关注二者之间的统一与区别。

阅读全文 »