Lruihao's Note

不怕萬人阻擋，只怕自己投降

Vue2 + tailwindcss 初始化

Lruihao 发布于 2023-06-03 收录于 Vue.js

1 新建 Vue2 项目通过 vue-cli 创建一个叫 v2-tailwind 的项目： 1 vue create vue2-tailwind 根据需要选择其他的功能插件，例如：Babel, Router, Vuex, CSS Pre-processors, Linter。关于 ESLint 当在 Vue 创建项目时，你可以根据自己的需求选择不同的 ESLint 配置。以下是一些常见的选项及其优缺点和注意事项： ESLint with error prevention only: 优点：这个配置只会帮助你防止代码中的错误，它的规则相对宽松。适用于刚开始

新手向：Vue 2.0 的建议学习顺序

Lruihao 发布于 2023-03-14 收录于 Vue.js

注：2.0 已经有中文文档。如果对自己英文有信心，也可以直接阅读英文文档。
此指南仅供参考，请根据自身实际情况灵活调整。
转载自：尤雨溪，新手向：Vue 2.0 的建议学习顺序，2017-08-04 14:51

浏览器 IMG 图片原生懒加载 loading="lazy"

Lruihao 发布于 2023-02-12 收录于 HTML

记录使用 HTML 原生方案实现图片的懒加载。

浏览器渲染原理

Lruihao 发布于 2023-02-05 收录于 Browser

1 浏览器是如何渲染页面的？当浏览器的网络线程收到 HTML 文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。在事件循环机制的作用下，渲染主线程取出消息队列中的渲染任务，开启渲染流程。整个渲染流程分为多个阶段，分别是：HTML 解析、样式计算、布局、分层、绘制、分块、光栅化、画每个阶段都有明确的输入

中文技术文档的写作规范

Lruihao 发布于 2023-02-04 收录于程序猿的自我修养

以下参考来源：阮一峰的中文技术文档的写作规范

英语世界里，文档非常受重视，许多公司和组织都有自己的文档规范，清楚地规定写作要求，比如微软、MailChimp、Apple、Yahoo、docker、Struts 等等（维基百科有一份完整的清单）。中文的也有不少，但都不令人满意，要么太简单，要么不太适用。

对于开发者来说，在工作中也需要适当地产出一些技术文档，但是很多人都不知道怎么写文档，都是凭着感觉写。

对于开发的系统、软件而言，系统用词的准确性和统一性也显得十分重要。

参考上面的规范，于是有了下面一份中文技术文档的写作规范。

浏览器原理 - 事件循环

Lruihao 发布于 2023-01-11 收录于 Browser

最近在抖音上刷到很多次袁进老师的前端视频，然后就听了一下他的前端大师课，感觉了解一些浏览器原理后，原来工作中的一些疑问也自然解开了。

2022 年度总结

Lruihao 发布于 2022-12-17 收录于有所思

虚度有时候才是人生的最高境界

安装 Homebrew 后导致系统中原有的 npm 和 npx 失效

Lruihao 发布于 2022-12-15 收录于 Grocery

问题

前面一段时间，安装了 Homebrew, 但是今天切换 node 版本到 system version (8.10.0) 后，发现虽然 node 版本切换成功，但是 node 版本对应的 npm 和 npx 版本不相符，下面记录一下问题排查过程。

Beego 安装及配置

Lruihao 发布于 2022-08-31 收录于 Go

记录 GO 及 Beego 框架安装及基础配置。

语义版本控制（SemVer）

Lruihao 发布于 2022-08-13 收录于程序猿的自我修养

摘要

版本格式：MAJOR.MINOR.PATCH，版本号递增规则如下：

MAJOR: 主版本号，当你做了不兼容的 API 修改
MINOR: 次版本号，当你做了向下兼容的功能性新增
PATCH: 修订号，当你做了向下兼容的问题修正

先行版本号及版本编译信息可以加到 MAJOR.MINOR.PATCH 的后面，作为延伸。