开始使用 Beancount
使用 Beancount 记账已经有将近两个月了，简单写一写我都做了什么。 注：本文只是一个流水账，并不是一个 Beancount 使用教程，如果想详细了解 Beancount 的话，可以参考下面提到的那些文章。 一些背景 Beancount 是什么 如上文所说，Beancount 是一个记账工具，更准确些来讲，是一个复式记账工具。但直到我写这篇文章的时候才发现官方将其定义为“一种复式记账计算机语言”。 简单来讲，它可以让你以纯文本方式记账，并通过一种类 SQL 的语言来对交易进行查询。记账文件还可以配合 Git 进行版本控制。 此外，Beancount 官方提供了一个名叫 fava 的图形化管理工具，它基于 Web，能够提供比原生页面更加丰富的内容，一般记账所需要的信息一目了然。想体验的同学可以在..
更多阿里的三道面试题
前段时间做了三道阿里的在线面试题，分享一下前言前段时间做了三道阿里的在线面试题，分享一下。(一) 身为前端，我很抱歉123456789101112131415根据表达式计算字母数。说明： 给定一个描述字母数量的表达式，计算表达式里的每个字母实际数量 表达式格式： 字母紧跟表示次数的数字，如 A2B3 括号可将表达式局部分组后跟上数字，(A2)2B 数字为1时可缺省，如 AB3。示例： countOfLetters('A2B3'); // { A: 2, B: 3 } countOfLetters('A(A3B)2'); // { A: 7, B: 2 } countOfLetters('C4(A(A3B)2)2'); // { A: 14, B: 4, C: 4 }functi..
更多
使用 Github Action 发布 Flutter 插件
本文说明如何使用 Github Actions 自动发布 Flutter 插件到 pub.dev前言笔者有发布过几个 Flutter 插件，一直在手动更新。手动更新插件有点麻烦且容易失败（需要科学上网），因此研究了下如何使用 Github Actions（Github 提供的一种 CI/CD 服务）自动发布插件到 pub.dev，这样做的好处有避免手动发布，节约上传时间在 Github 合并别人提交的代码后也可以立即发布以下说明如何进行添加流程首先在插件的 .github/workflows 目录内创建一个配置文件 publish.yml。内容如下12345678910111213141516171819name: Publish to Pub.dev# 流程触发时机，当有标签创建时触发，如 v1.0.0..
更多
Flutter 绘制三角网格 Triangular Mesh
本文实现 Generative Artistry 教程的第 4 篇图形 Triangular mesh 效果如下前言本文实现 Generative Artistry 教程的第 4 篇图形 Triangular mesh 效果如下。没按顺序来，因为第二篇 Joy Division 我还没实现 😝创建画布首先创建一个用于绘制的画布，然后实现 TriangularMeshPainter 的 paint 方法。123456789101112131415class TriangularMesh extends StatelessWidget { @override Widget build(BuildContext context) { return CustomPaint( painter:..
更多
Flutter 绘制瓷砖线 Tiled Lines
前几天发现了一个使用 绘制图形的教程 generative artistry 感觉很有意思，尝试用 Flutter 实现。本文实现第一篇教程的图形 Tiled Lines 效果如下。前言前几天发现了一个使用 绘制图形的教程 generative artistry 感觉很有意思，尝试用 Flutter 实现。本文实现第一篇教程的图形 Tiled Lines 效果如下。创建画布首先使用一个 Container 控件创建一个 320*320 大小的绘制区域，添加 CustomPaint 画布和一个继承 CustomPainter的画笔 TiledLinesPainter。关于 CustomPaint 和 CustomPainter 的知识可以查阅这篇文章 使用 Flutter 绘制图表（一）柱状图 📊。1..
更多
当表格排版遇到了合并单元格
我负责的面单平台的需求复杂度已经越来越高了。自从寒假接了一个复杂表格排版的需求后，各类业务对于表格排版的使用场景也开始变多。毕竟，一个可以自动换页排版，并保持每一页都带有首部区域和尾部区域的表格，哪个业务不喜欢呢？（被打）表格的排版先回顾一下之前的需求：有一类专门的面单类型叫“拣货单”，用于给卖家拣货拣货单有三个部分：头部区域（展示 Logo、买家地址等）、表格（展示商品信息）、尾部区域（展示备注和页码）表格可能非常长，需要分页打印（纸张类型分为 A4、A5、A6 三种）第一页的表格之前一定会有一个头部区域每一页的表格之后都要接一个尾部区域，可以配置非第一页的表格之前是否也接一个头部区域表格的数据内容未知，列宽、字体、字号均可以自定义，行高不确定大概的效果嘛，类似于下图（A6，横向，非第一页的表格之前也接..
更多
用 Flutter 实现探探卡片布局
前几天写了一个 Fluter 插件 tcard，用来实现类似于探探卡片的布局。前言前几天写了一个 Fluter 插件 tcard，用来实现类似于探探卡片的布局。效果如下，本文讲解如何使用 Stack 控件实现这个布局。在线查看初识 StackStack 是一个有多子项的控件，它会将自己的子项相对于自身边缘进行定位，后面的子项会覆盖前面的子项。通常用来实现将一个控件覆盖于另一个控件之上的布局，比如在一张图片上显示一些文字。子项的默认位置在 Stack 左上角，也可以用 Align 或者 Positioned 控件分别进行定位。12345678910111213141516171819Stack( children: [ Container( width: 100, height:..
更多
最好的你
LeetCode 1014 最佳观光组合LeetCode 1014. 最佳观光组合
更多
Flutter 绘制图表（二）饼状图🍪
本文讲解如何使用 Flutter 绘制饼状图前言接上文，本文讲解如何使用 Flutter 绘制饼状图，最终效果如图在线查看定义 PieChart & PiePart第一步定义 PieChart 和 PiePart 类。PieChart 是整个饼状图控件，有 datas 和 legends 两个属性，表示饼图的数据和每部分的标识。PiePart 表示饼图的一部分，有 color, startAngle, sweepAngle 三个属性，分别表示颜色，起始弧度值，占据圆形的弧度值。PeiChartPainter 类实现了具体的绘制方法。123456789101112131415161718192021222324252627282930313233343536373839404142434445464..
更多
拯救者 Y9KK 换机指南
AMD！YES！R7K！NO！Y9KK! YES!前言我的第一个笔记本也是我现在 正在使用的笔记本，是 16 年花了五千大洋购入的华硕的暗影战神。当时很年轻没有做功课，只是想买台笔电打打DNF，写写代码这样。在逛了秦皇岛的几条街后，感觉笔记本都差不多，也不知道什么配置，就草草下单了。现在看来，这台笔电在当时就是个坑：4G 内存，DDR31T 机械硬盘intel 4 代 双核标压N 卡 980，2G 显存5200 毫安的电池2.7kg 的重量买完之后，打两局LOL就烫手，打开个Chrome内存基本就没了…幸好后来在大学这两年，我相继买入了内存条+固态，才勉强维持得了生活。前不久因为找到了实习工作，所以多年一直蠢蠢欲动 换电脑的想法 也随之强烈起来。我是非常想换Macbook Pro的，可惜那两万多的价钱对学..
更多