0%

昨天正式受邀(实际上是我申请的)进入了 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:

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

阅读全文 »

在不想全局 vpn 的情况下,可以用 host 加速。

该方法主要利用 github.com/ineo6/hosts 的 hosts 文件,国内镜像 gitee.com/ineo6/hosts

方法一:手动

手动复制 hosts 的内容,并粘贴至对应操作系统的 hosts 文件内。

方法二:自动

  1. 下载开源的 host 切换软件 SwitchHosts
  2. 新建一条规则:
    1. 方案名:随便
    2. 类型:远程
    3. URL 地址:https://gitee.com/ineo6/hosts/raw/master/hosts
    4. 自动更新:随便,或 1 小时
  3. 保存,保存后可以先手动刷新一次
  4. 启用即可