本周是2022年的第十七周(4.25-5.1)–每周小结的第54期，这里记录过去一周，我的一些小总结。
HEXO

个人博客

之前用hexo搭建了一个个人网站：https://liugezhou.github.io. 文字输出13万+，累计94篇日志，网站集归档、分类、标签，还有舒适的全文搜索功能，网站至今累计运行近三年半。
之前弄此博客还加入了七牛云图片、Valine评论功能、文章阅读次数、评论个数、单篇文章字数统计、发表更新日期、liugezhou.online域名等等加入其中。可谓是煞费苦心。
而博客的输出最终停留在2020年8月9日。

最近看了好多的个人博客，对他们养成这种习惯且十几年如一日的文字输出，叹之赞之，于是就想着重新捣鼓下自己的博客。
节后第一天clone下之前的代码后，数次启动，由于没有写说明文档以及之前提代码的不完全性，以及众多的第三方引用，最终自己写的项目，在自己的操作下还是没有成功运行。
为此堵了一天心情。
想想还是要趁这个假期重新捣鼓起来。
博客的记录承载着个人的生活与成长，不受平台规则的束缚，相对的个人自由意志的实现，想想之前一路懵懂，即使是为了写博客而写博客，收获也是颇多，如此优良的习惯岂可如此决断？
接下来的计划是：博客重新搭建，搭建的步骤说明、之前留存以及新写博客的加入、每一个第三方引用的详细存档、字数统计、图床使用、评论功能、全文搜索、分类标签等等再说整他个一遍。

极客时间

最近极客时间搞了一个超级会员活动。
第一次可领取会员五天，然后每邀请一个人，并且邀请的人有过学习时长，那么会再次赠送五天会员时长。
成为会员后，大多数的一百两百的原价专栏都可以免费阅读，本来计划着五一假期，薅薅羊毛，抄几个专栏来学学。
看来还是抓紧把博客再重新搭建一番了，此事不解决，万事没心情啊。

爱德华*蒙克(Edvard Munch)

挪威画家，最为著名的画作是《呐喊》，被认为是表现主义人类苦闷的代表性作品。
《呐喊》是鲁迅的一部短篇小说结集，作品真实地描绘了从辛亥革命到五四时期的社会生活，揭示了种种深层次的社会矛盾，对中国旧有制度及陈腐的传统观念进行了深刻的剖析和比较彻底的否定.
鲁迅认为“救国救民需先救思想”，于是弃医从文，希望用文学改造中国人的“国民劣根性”。

$event

Vue中有时会需要在内联处理器中访问原始DOM的事件，可以使用特殊变量$event把它传入到方法中去。

relingo

Google浏览器插件，类似沙拉查词，可对页面单词进行分级管理，所标单词存入所有生词。

apifox

官方介绍集文档、调试、Mock、测试一体化的接口协作文档。
Apifox = Postman + Swagger + Mock + JMeter。

camelCase PascalCase kebab-case

本周又在看Vue基础文档的时候，对自定义事件命名要求使用kebab-case方式，产生了这么一个疑惑：
官方文档表达的意思是v-on监听器在DOM模版的时候会全自动转为小写，也就是说@myEvent会变成@myevent,
然后根据文中意思：我理解就是在子组件this.$emit(‘myEvent’)的时候会监听不到，而我们实际项目中几乎都使用的是camelCase监听事件的写法，且可以自由监听。
最后郁闷了两天，找到原因是官方文档所说的camelCase写法变成全小写是基于DOM模版中，而在实际开发中，.vue文件其实已经不算是DOM模版，而是字符串模版，字符串模版不会在页面初始化参与页面渲染，会被vue进行解析编译之后再被渲染，不受camelCase的影响。

jsconfig.json

之前项目中未使用过jsconfig.json,做个粗浅的总结：
jsconfig.json来源于tsconfig.json,相当于tsconfig.json的allowJS配置成了true。
它主要作用就是解决文件跳转的。
在vscode中打开一些Vue项目时，由于@符号的文件引入，导致无法跳转，为此上周我还专门安装了一个插件pathAlias, 与jsconfig.json官方支持相比后，我将此pathAlias插件卸载了，毕竟写在项目中的jsconfig.json运行在别人的电脑上凸出一种服务精神，而且·pathAlias·插件还很占内存。
直接进行项目的快速跳转操作，配置如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
{
  "compilerOptions": {
    "experimentalDecorators": true, 
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"],
      "components/*": ["src/components/*"],
      "assets/*": ["src/assets/*"],
      "views/*": ["src/views/*"],
      "common/*": ["src/common/*"],
    }
  },
  "exclude": [
    "node_modules",
    "**/node_modules/*",
    "dist"
  ]
}
  • @首先需要在webpack配置或者vue.config.json中配置别名，例如**@**
  • 项目中引入文件的时候路径含有别名的配置，例如**@**
  • 此时带**@**的js文件是可以跳转的，如果跳转vue文件的话需要带后缀.vue。

然后就引出了下一个问题，书写引入文件的时候要不要写上带.vue的后缀
首先这个.vue后缀可以不写是因为在webpack的resolve中，通过extensions配置了。
由此可见，为了jsconfig配置可跳转，在写代码的时候，把后缀写上或者不省略路径对文件跳转来说是友好的。

小结

诚然如上，总结如下：

  • Seven Days 百词斩
  • 《全球通史》书籍阅读十五章
  • 《VSCode开发秘籍》博文一篇
  • 本周小结一篇

That’s all, See you next week!