这篇现在来看感觉是用 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

场景 GitHub 源码 在后台项目中，即便使用了 antd，仍然存在太多太多的列表页面。这些列表页面大多数又是非常相似的，所以吾辈需要解决重复的简单列表的编写，避免每次都手动控制过滤器/分页之类的东西，将之抽象成配置项，然后通过配置生成列表页面。或许已经有很多人做过了这件事情，但于吾辈而言，这仍然是全新的体验，所以也便于此记录，并供之以他人参考。 理念使用逐级递进的方式进行封装，使用者可以根据

esdoc 官网, 博客地址, 示例项目 场景在尝试过使用 markdown, jsdoc, docz 之后，吾辈终于找到了一个比较满意工具 – esdocs。 期望 开箱即用: 毫无疑问, js 正在把一切事情变得复杂，到处都是大量的配置，永远都学不会开箱即用 支持 jsdoc 注释: 已经熟悉了 jsdoc，所以不太希望切换到其他的注释规范了呢 可配置自定义页: 作为文档 API 列表还算

场景在碎片化学习的时代，没有体系化/总结的知识很快会被彻底遗忘，而博客可以帮助我们记忆平时零碎的知识。有人似乎认为想玩博客就必须要域名/服务器，这里吾辈不得不说明一下，这个认知是错误的。 对于绝大多数网站来说，静态是无法满足复杂的需求的。然而我们只是想要日常写点博客，分享到网络上的话，却是不需要这些，静态博客也便是足够了。 准备本文假设你是一位开发者并至少对下面打勾的内容有基本了解。 git：