wxsm's pace
0%

发表于 Waline：

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

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

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

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

发表于 Waline：

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

638f7ff6d334b2d7616039a3787efe6.png

发表于 Waline：

在没有包管理器之前

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

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

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

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

阅读全文 »

发表于 Waline：

之前在 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 即可。

发表于 Waline：

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

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

发表于 Waline： 
@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) 上的代码块。

发表于 Waline：

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

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

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

阅读全文 »

发表于 Waline：

关于 React Hooks 与 Vue Composite API：

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

阅读全文 »