2020-05-22周五
为原有的 NextJS 构建 PWA

花了一上午的时间,总算是把 pwa 整上了。先来说说什么是 pwa。 > 渐进式 Web 应用会在桌面和移动设备上提供可安装的、仿应用的体验,可直接通过 Web 进行构建和交付。它们是快速、可靠的 Web 应用。最重要的是,它们是适用于任何浏览器的 Web 应用。如果你在构建一个 Web 应用,其实已经开始构建渐进式 Web 应用了。 简单来说,支持 pwa 的网站再移动端或者桌面端都可以模拟成设备中的一个 app,存在于主屏幕上。 image.png 开始之前 每个 pwa 应用都需..

2020-05-21周四
jsDelivr cdn 托管的临时解

jsDelivr 是一个公益开源的 cdn,因此不少第三方库都可以从上面获取到,相对于 GitHub,jsDelivr 在国内有着先天独厚的优势。因此我的博客全站使用 jsDelivr 提供的加速服务。 但是在这几天开始,jsDelivr 出现了不稳定的现象,导致了很多 js 和 css 文件无法加载出来。 满屏的 404.png 直接访问的话就提示 Failed to fetch version info web-cdn 导致我今天博客挂了一天,到了晚上才发现。去 GitHub 搜了..

2020-03-30周一
为什么我叛变到了 VIM

大概在三个月之前,我就开始和 VIM 磨合,从机键位开始,到改配置。断断续续一直到今天,从难以理解到如今越来越来觉得 VIM 是有好么好用。 我是一个前端开发者,所以不可能和其他 VIMer 一样,做到键盘不离手,在必要调试的时候仍然需要使用鼠标。但是我仍然觉得 VIM 从很大程度上提升了我的效率。 这篇文章主要介绍一些在前端开发过程中,VIM 本身或者其他插件提供的便利功能。 当然如果使用 VIM 作为生产力编辑器自然也离不开 TMUX。 场景 快速添加多行被遗漏的属性 以前几天接到一个的项目..

2020-03-21周六
从零开始的 Nest.js

Nest.js 久有耳闻了,但是一直没有时间去真正学习他,一直鸽子到了现在。我想借着学习 nest 的先进思想,来重构我的博客后端。 Nest.js 是一个基于 Express.js 的渐进式 Web 框架,一提到 express 很多人就觉得性能太弱,不太适合使用,但是它的生态好,也正是这一点 Nest.js 选择了 Express.js 作为底层。 > Nest.js 现已支持更快的 fastify 作为底层框架 准备 首先安装 nest-cli,前往官方阅读相关内容,不多赘述。 ..

2020-03-06周五
NeoVim,神一样的编辑器

开始之前想必大家都有所耳闻 Vim,玩过服务器的应该都用过。还有不少人被 Vim 的复杂键位劝退,转而使用 vsc 之类简易的 GUI Editor。然而我也是其中之一,曾经多次想过学习 Vim,屡次被劝退。终于这次我在终于学会了使用它。 这篇文章主要不是教学,而是介绍 NeoVim 的强大。 主角 这次的主角是 NeoVim,它是 Vim 的升级版,加入了很多 Vim 还没有实现的功能,所以他并不稳定。写这篇文章时,它的版本为 NVIM v0.4.3。 NeoVim 依然是一个字符终端下的文本..

2020-01-08周三
从零开始的 Redux

Redux 是什么 Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 目前一般与 React 配合使用。React 提供了 React-redux 库,两者能轻松结合起来。 开始之前需要知道的东西 为什么需要状态管理? 多次向下传递 props 过于繁琐 同一个 api 可能在不同情况下请求多次 如果你有 Vuex 的开发经验,那么上手起来会很快。 简单上手 在 Redux 中,状态 (state) 是通过 action 改变的,而 action 其实调用了 reduce..

2019-12-24周二
从 AS 中引申出的新玩意

无意间,想去了解一下 ASN,深入了解之后才知道背后还有很多更深入的知识。然后现在来总结一下我今天学习到的新名词。 AS (自治系统) > 自治系统(英文:Autonomous system, AS)是指在一个(有时是多个)实体管辖下的所有IP网络和路由器的全体,它们对互联网执行共同的路由策略。 每个 AS 都会被分配一个 ASN,也就是唯一的编号。 光看概念看不太懂,说白了就是整个网络就是有很多个 AS 组成的,你可以看成一个个村,每个村都有好多人家,看作是被管辖的 IP 地址,这个 IP 地..

2019-12-09周一
经历了数次失败后对Adsense的一些猜想

前提摘要 我从今年 6 月开始申请 Google Adsense,当时文章还比较少,大概就十几篇文章。基本都是关于生活的随记,(现在的这个网站迁移到了 )当时申请了大概3次左右都失败了,我觉得可能是内容不够多,然后就没有再去尝试。 今年 12 月,我新购入一个域名,上面提到了,我把原先的生活博客,迁移到了新购的域名,把这个博客从二级域名解析到一级域名,再次申请 Adsense,无奈又失败三次。 失败的理由无非就是这句话。 从一次次的失败中,我不断在改自己的网站,包括不限于以下: 解析到 www ..

2019-12-07周六
Nuxt 踩坑记

最近开始学习 Nuxt 框架,写此博文记录学习中遇到的坑。 Nuxt 默认路由与自定义 API 路由 Nuxt 是一个服务端渲染框架,与普通的前后端分离不同(需要同时开两个端口进行开发),而 Nuxt 只需要开一个服务端的端口。默认是 3000。使用 Nuxt 脚手架建立一个 Express.js 模板,打开 server/index.js,发现其中有一行为 app.use(nuxt.render),这行为 Vue-ssr 全部路由的捕获,在这一行下面的所有应用的路由都无法生效,因为 Expre..

2019-12-06周五
Typecho Paul Theme QA

前几天在 Typecho.me 这个主题站提交了这个主题,最近有很多人下载使用这个主题。首先这个主题使用上是完全没有问题的,本人从 7 月开发完成后使用至今并没有碰到功能上的 Bug。但是最近却有很多人产生了无数个 Bug。 仓库: 首先请阅读文档。仔细的跟着去做。我发现放到 GitHub 上的 Readme 是不是没人看啊。那我在这再写一遍。 由于工作和学习的双重打击,此项目将长期暂停。 文档说明 浏览器兼容性 至少需要支持 ES6 的现代浏览器, 推荐使用 Chrome ⚠️ ..