研究如何计算一个玩家在对局开始前的战力值

这两天更新了一个两年前的 Flutter 插件，有感而发。

前段时间发现了一种叫新拟物的 UI 设计 Neumorphism，感觉很新鲜。于是研究的一番，本文将分享新拟物设计的相关知识。

最近在项目发现了一些看起来很神奇的代码，一个组件 A 的方法通过 props 传到组件 B，然后到组件 C，再到组件 D，再到组件 E，最后到组件 D， 简直是千层饼😂。

作为一个前端切图仔，工作中少不了用上 Babel，ESLint，Prettier 这些工具，但是这些工具背后的工作原理却不求甚解😅

分享两个监测元素是否在视口内的方法

最近需要将 base64 格式的图片转化成 JS 里的 File 对象进行上传，于是学习了一下这方面的知识

JUST FOR FUN

Slate 是一个使用 TypeScript 开发富文本编辑器开发框架，诞生于 2016 年。

浏览器的 Range 和 Selection 对象

package.json 里面的 peerDependencies 是什么意思

观察者模式是一种行为设计模式，允许你定义一种订阅机制，可在对象事件发生时通知多个 “观察” 该对象的对象。

本文讲解使用 Flutter 实现 Generative Artistry 教程里面的第六个图形 Circle Packing（圆形填充）

前段时间做了三道阿里的在线面试题，分享一下

本文说明如何使用 Github Actions 自动发布 Flutter 插件到 pub.dev

本文实现 Generative Artistry 教程的第 4 篇图形 Triangular mesh 效果如下

前几天发现了一个使用 <canvas> 绘制图形的教程 generative artistry 感觉很有意思，尝试用 Flutter 实现。本文实现第一篇教程的图形 Tiled Lines 效果如下。

前几天写了一个 Fluter 插件 tcard，用来实现类似于探探卡片的布局。

LeetCode 1014 最佳观光组合

本文讲解如何使用 Flutter 绘制饼状图

本文讲解如何使用 Flutter 绘制一个带有动画效果的柱状图表

如何在 Flutter 中选择合适的动画 Widget 中文翻译

Flutter 中的动画

在 Flutter 中有两种处理异步操作的方式 Future 和 Stream，Future 用于处理单个异步操作，Stream 用来处理连续的异步操作

总结一下关于 Flutter 渲染方面的知识

学习 PlantUML

记录两个关于 DropdownButton 的问题

二叉树是一种非线性的数据结构，以分层的方式存储数据。在二叉树上进行添加，查找和删除数据非常快。

本文介绍如何使用 Gitlib CI/CD 构建发布 Flutter 应用

本文讲解如何使用 Github Actions 构建并发布 Flutter 应用

工作需求学习一下 MySQL 数据库

Codemagic 持续部署 Flutter 应用

使用 SearchDelegate 给 Flutter 应用添加搜索功能

Flutter 应用进行路由跳转的时候有默认的过渡动画，但是自定义的跳转动画会让应用更具特色

总结一下之前用 Egg.js 开发的文件上传接口的任务

走马灯是一种常见的效果，本文讲一下如何用 PageView 在 Flutter 里实现一个走马灯

前几天遇到两个前端面试题，要写代码的那种，然后我都没做对…记录一下

用 B 站下载助手 下载下来的视频格式是 flv，用 QuickTime 看不了也不能导入 iMovie 进行编辑，所以需要转换一下视频格式

优秀的代码需要有单元测试进行质量保证，每个测试用例都给应用的稳定性提供了一层保障，本文说一下如何对使用 egg.js 写的接口进行单元测试

构建 Docker 镜像的的时候有两种环境变量 ARG 和 ENV, 一种是在运行 build 命令时通过 --build-arg 参数设置的 build-time variables 以及通过在 dockerfile 里面设置 ENV 指令配置的环境变量。

良好的代码规范有利于提高项目开发效率以及减少阅读代码的困难，本规范结合了(chaoxi)多个流行的代码规范以及前人的开发经验而成，参考规范进行开发提高代码质量

本文主要说明如何使用浏览器自带的 Intl 对象进行日期时间的格式化

集合是一种包含不同元素的数据结构，集合中的元素称之为成员。集合有两个重要的特性，一是集合中的成员是无序的，其次集合中不存在相同的成员。

为了存储数据可以将数据存到手机的存储里面或者存到远程服务器上，本文就实现如何使用 dio 将数据存到服务器

本文说明如何使用 Provider 来管理这种应用的全局性的数据

哈希表是一种常用的数据结构，可以快速的插入和取用，但是查询数据效率低下

Redis 是一款开源的，基于 BSD 许可的，高级键值缓存和存储系统

字典是一种以键值对形式存储数据的数据结构，键用来查找，值用来保存数据

链表是一组节点组成的集合，每个节点都使用一个对象的引用指向它的下一个节点，指向节点的引用叫做链

Egg.js 框架中使用事务

队列是一种列表，只能在队尾插入元素，在队首删除元素。队列用于存储按顺序排列的的数据，先进先出，可以将队列想象成在饭店排队取餐的人群，在队伍前面的先取餐，后来的人后取餐

Flutter 在打包安卓应用时有两种方式 flutter build apk 和 flutter build appbundle，本文说下这两种方式有什么区别

栈是一种高效的数据结构，因为它只能在栈顶添加或删除，这样的操作很快，它是被称之为后入先出（LIFO，last in first out）的数据结构。可以将栈想象成一叠装菜的盘子，用的时候先拿最上面的，洗好的盘子又会放到最上面

列表是一种常用的数据结构，如代办事项，十佳榜单等。当不需要在一个很长的序列中查找元素，或者对其排序时，列表显得尤其有用

部门需要建一个 npm 私服，我查了一下发现有一个很好用的开源工具 Verdaccio，有 3 中方式可以在自己的服务器上搭建，以 Centos 为例

由于要在服务器上安装 Jenkins 所以首先要安装 java

在 Flutter 里面部件以及应用本身都有自己的生命周期，本文分别说明它们的生命周期

要将自己的网站支持 PWA，需要注册一个 serviceWorker 到浏览器中，通常使用 Google 的 Workbox 工具，Workbox 可以在浏览器请求资源的时候提供了几种不同的策略对请求响应，本文对几种策略进行说明

原本使用的是 Netlify 去部署博客的，域名解析也是通过 Netlify 的 DNS 服务器，但是发现博客在别人的电脑上打不开…

网站要支持 PWA，需要一个 manifest.json 文件，W3C Web App Manifest 的草案上定义了以下的字段，解释一下每个字段是什么意思。

让用 Hugo 搭建的博客支持 PWA 很简单，只需 2 个步骤即可

在 HTML 中 标签指定了当前文档与外部资源之间的关系，本文说明 标签的 rel 属性分别设置 dns-prefetch，preconnect，prefetch，preload，prerender 的时候有说明作用

对于一个浏览器网络请求耗时阶段解释

在 Dart 中有 final 和 const 两个关键字，貌似都是表示常量的，但是它们还是有区别的

Flutter 项目代码签名