快速一览 周五正式离职 阿里云 DataV 内推失败 一家中小公司面试失败 周三请几位同事一起吃了顿饭 打算下周回老家休息一周 GitHub 评级上升至 A++ joplin-search-integration 功能已基本实现 尝试 git 约定式提交 工作天空中不会留下飞鸟的痕迹。这周五，吾辈已然从公司离职了，和吾辈相关的东西都会随着时间慢慢消失吧。曾经有人对吾辈说：“年轻真好，没有房贷家庭

已转入 yarn2，放弃使用 lerna+yarn1 的组合，具体原因参考 yarn2 使用 中描述的动机。 历史 上古时期，前端没有工程化的概念可言，复用代码也不过是将某些 css、js 代码片段保存到笔记，需要时复制到项目中，仅此而已。参考：55 个提高你 CSS 开发效率的必备片段，或是 jquery 库 莽荒时代，前端出现了 nodejs 和 npm，于是一大批通用代码被发布到了 np

背景 grid 可视化布局, css grid 完整指南 早就知道 css grid 布局非常强大，但之前由于兼容性问题一直没有机会尝试，近来在生产环境中大规模尝试使用它，并尝试在 react 中进行封装：在 react 中优雅的使用 grid 实现页面布局，于此记录一下各种常见布局的 grid 实现。 附：grid 真的是一个非常强大自适应布局系统。 示例 注：以下示例均默认引用了 Nor

这篇现在来看感觉是用 react 组件用疯了，好孩子不要学。 场景吾辈在做 electron 应用的时候遇到了这种布局，顶部是 header，然后是页面中的 toolbar，紧接着右边有一个侧边栏列表，左侧的内容又分为了两块区域。这种布局在中后台系统中应该很常见，但之前并未特别留意过布局通用化。 使用 css calc() 计算高度 基于 css calc() 封装 Col/Row 组件，

场景 吾辈同时是 vue/react 的使用者。 在使用现代前端框架时，我们经常要要面对的问题之一就是组件之间的通信，目前我们有着很多选择，包括但不限于以下这些。 Super Component Props: 将状态或操作放在父组件，然后传递到子组件。该特性在 vue/react 都存在 Context/Provider Pattern: 将状态放在父组件，然后所有的子组件都可以获取到。例如

joplin, joplin-vscode-plugin 为什么吾辈使用 Joplin 注: 开源、不受平台限制以及基于 markdown 容易迁移这是很重要的一点，因为没有人知道哪个笔记工具是最终的赢家，如果没有选对，那么至少要容易迁移。 吾辈曾经使用过一些笔记工具，包括 印象、OneNote、Notion 这些，但最终都放弃了。关键还是在于吾辈核心的一些需求未能得到满足: 搜索要快 编

去年国庆节时写的，忘记发了 xd 前言国庆回老家散心，和家人交流了一些事情之后，想起了自己的工作，便想于此浅谈一番。 好吧就是一个表妹需要写作业，但看着吾辈不写作业便缠着让吾辈写一篇关于工作的文章而已。 家人 当其他标准都不存在，金钱便成为唯一的标准。 在老家的人看来，吾辈的工作算是非常好的了，而且大概率，他们也会希望自己的孩子进入这个行业吧。其实本质上，核心原因只有一条：这个行业的工作

上古时期 吾辈来的时候已然不多，但部分 mobile 嵌入的静态页面仍然是这种形式 后端模板（JSP/FreeMarker）+ 前端静态 HTML 页面。那是个前端开发非常卑微的时代，除了还原 UI 和兼容性之外，所有业务逻辑、路由跳转、状态管理、部署维护都由后端包办完成。前端能做的事情非常有限，UI 还原、CSS 样式以及浏览器兼容性（例如传统前端需要掌握的精确到 1px 的兼容到 IE6 的

场景 问：为什么吾辈要使用 React？ 答：React 拥有更加庞大的生态，以及对 TypeScript 的更好支持。前者让需求实现变得更加简单，例如目前使用 Vue 做的后台管理系统使用了 Ant Design Vue 这个 UI 库，而它的上游 Ant Design 实际上官方维护的是 React 版本，而 Vue 并不是 亲儿子，导致一些问题并不像官方那么快解决。后者强大的类型系统能降低维

场景 官网 或许对于现在很多人来说，浏览器是一个很少使用的 App，因为所有功能都可以在 App 做，不需要使用浏览器。一方面，是由于国内的大环境就是把用户当成傻瓜（事实上，即便是吾辈目前所在的公司，在 UI/UX 设计方面也倾向于将用户当成傻瓜），导致用户真的是越来越傻瓜，甚至遇到了除了微信其他的都不怎么会用的地步，更何况浏览器这种“高端”的 App 呢？然而对于某些特定人群来说，尤其是不喜欢

前置要求本文假设你已经了解或知道以下技能，尤其而且是勾选的内容。 Gradle SpringBoot MongoDB SpringBoot 集成 MongoDB 注：本文不谈 SpringBoot 如何整合 MongoDB，如果需要可以去吾辈的另一篇记录 将 Mybatis/MongoDB 集成到 SpringBoot 中的示例 查看，并且本文以项目 spring-boot-myba

前置要求本文假设你已经了解或知道以下技能，尤其而且是勾选的内容。 Gradle SpringBoot Mybatis Plus MongoDB SpringBoot MongoDB Data H2DB SpringTest 场景 GitHub 项目, Blog 教程 需要同时使用 Mybatis-Plus 和 MongoDB，所以就去了解了一下如何集成它们。 集成 Mybati