冷石Boy的小站

使用 Github Action 自动构建和更新 Tauri 应用

2026-09-10T10:08:40.816Z

访问 https://coldstoneboy.cn/posts/tauri-updatelink/index 阅读全文。

解决 Windows 下 MoonBit 构建错误

2026-09-10T10:08:40.816Z

访问 https://coldstoneboy.cn/posts/moonbit-build-error/index 阅读全文。

一种英雄联盟召唤师战力值算法

2022-08-29T02:15:51.000Z

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

TL;DR

一个玩家的战力值由排位分，游戏分，英雄分加其他分数组成。

前言

最近尝试计算出对局开始时一个玩家

访问 https://coldstoneboy.cn/posts/lol-summoner-power 阅读全文。

开源小事一则

2022-03-22T04:20:25.000Z

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

前言

上周收到了一封邮件，询问我两年前开发的一个 Flutter 插件，我惊讶于这个插件还有人在用，便

访问 https://coldstoneboy.cn/posts/flutter-tree-2 阅读全文。

关于新拟物设计 Neumorphism

2021-09-23T12:30:19.000Z

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

前言

前段时间发现了一种叫新拟物的

访问 https://coldstoneboy.cn/posts/about-neumorphism 阅读全文。

使用 Context 避免深层属性传递

2021-07-29T03:35:57.000Z

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

前言

作为一个前端切图仔，

访问 https://coldstoneboy.cn/posts/learn-ast 阅读全文。

JS 检查元素是否在视口内

2021-04-13T02:50:51.000Z

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

前言

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

1. 位置计算

使用 `Element.getBoundingCli

访问 https://coldstoneboy.cn/posts/js-check-element 阅读全文。

JS 文件转换

2021-04-01T09:52:22.000Z

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

前言

最近需要将 base64 格式的图片转化成 J

访问 https://coldstoneboy.cn/posts/js-file-transform 阅读全文。

画一颗圣诞树🎄

2020-12-23T00:49:20.000Z

JUST FOR FUN

初始化

新建页面，添加一个 canvas 元素，引入 css, js 文件



访问 https://coldstoneboy.cn/posts/christmas-tree 阅读全文。



Slate 介绍分析与实践
2020-12-13T14:21:01.000Z
Slate 是一个使用 TypeScript 开发富文本编辑器开发框架，诞生于 2016 年。

介绍
[Slate](https://github.com/ian

访问 https://coldstoneboy.cn/posts/slate-intro 阅读全文。


认识 Range 和 Selection 对象
2020-12-05T02:51:38.000Z
浏览器的 Range 和 Selection 对象

前置知识
DOM 文档对象模型中总共有 12 种节点类型，常见的有以下几种
| 常量

访问 https://coldstoneboy.cn/posts/selection-and-range 阅读全文。


什么是 peerDependencies
2020-11-29T11:30:00.000Z
package.json 里面的 peerDependencies 是什么意思

前言
众所周知 dependencies 是项目的依赖包，`devDe

访问 https://coldstoneboy.cn/posts/npm-peerDependencies 阅读全文。


学习观察者模式
2020-10-20T14:00:00.000Z
观察者模式是一种行为设计模式，允许你定义一种订阅机制，可在对象事件发生时通知多个 “观察” 该对象的对象。

什么是观察者模式
观察者模式是一种行为设计模式，允许你

访问 https://coldstoneboy.cn/posts/design-patterns-observer 阅读全文。


Flutter 绘制图形 Circle Packing
2020-09-17T13:28:44.000Z
本文讲解使用 Flutter 实现 Generative Artistry 教程里面的第六个图形 Circle Packing（圆形填充）

前言
懒癌发作，好久没

访问 https://coldstoneboy.cn/posts/flutter-generative-artistry-03 阅读全文。


阿里的三道面试题
2020-08-31T09:00:00.000Z
前段时间做了三道阿里的在线面试题，分享一下

前言
前段时间做了三道阿里的在线面试题，分享一下。
(一) 身为前端，我很抱歉
根据表达式计算字

访问 https://coldstoneboy.cn/posts/ali-interview-questions 阅读全文。


使用 Github Action 发布 Flutter 插件
2020-07-28T06:49:16.000Z
本文说明如何使用 Github Actions 自动发布 Flutter 插件到 pub.dev

前言
笔者有发布过几个 Flutter 插件，一直在手动更新。手

访问 https://coldstoneboy.cn/posts/github-action-publish-flutter-plugin 阅读全文。


Flutter 绘制三角网格 Triangular mesh
2020-07-14T09:56:19.000Z
本文实现 Generative Artistry 教程的第 4 篇图形 Triangular mesh 效果如下

前言
本文实现 [Generative Arti

访问 https://coldstoneboy.cn/posts/flutter-generative-artistry-02 阅读全文。


Flutter 绘制瓷砖线 Tiled Lines
2020-07-07T08:20:50.000Z
前几天发现了一个使用  绘制图形的教程 generative artistry 感觉很有意思，尝试用 Flutter 实现。本文实现第一篇教程的图形 Tiled Lines 效

访问 https://coldstoneboy.cn/posts/flutter-generative-artistry-01 阅读全文。


用 Flutter 实现探探卡片布局
2020-06-18T04:22:08.000Z
前几天写了一个 Fluter 插件 tcard，用来实现类似于探探卡片的布局。

前言
前几天写了一个 Fluter 插件 [tcard](https://gith

访问 https://coldstoneboy.cn/posts/flutter-tinder-card 阅读全文。


最好的你
2020-06-17T06:19:00.000Z
LeetCode 1014 最佳观光组合

[LeetCode 1014. 最佳观光组合](https://leetcode-cn.com/problems/best-si

访问 https://coldstoneboy.cn/posts/leetcode-1014 阅读全文。


Flutter 绘制图表（二）饼状图🍪
2020-06-09T06:08:00.000Z
本文讲解如何使用 Flutter 绘制饼状图

前言
接上文，本文讲解如何使用 Flutter 绘制饼状图，最终效果如图


访问 https://coldstoneboy.cn/posts/flutter-pie-chart 阅读全文。


Flutter 绘制图表（一）柱状图📊
2020-05-31T14:00:00.000Z
本文讲解如何使用 Flutter 绘制一个带有动画效果的柱状图表

前言
本文讲解如何使用 Flutter （Goo

访问 https://coldstoneboy.cn/posts/flutter-bar-chart 阅读全文。


选择适合的 Flutter 动画控件
2020-05-07T02:04:58.000Z
如何在 Flutter 中选择合适的动画 Widget 中文翻译

前言
Flutter 团队推出了一个关于 [如何在 Flutter 中选择合适的动画 Widge

访问 https://coldstoneboy.cn/posts/flutter-animation-decision 阅读全文。


从零开始的 Flutter 动画
2020-04-26T12:00:00.000Z
Flutter 中的动画

前言
动画本质是在一段时间内不断改变屏幕上显示的内容，从而产生[视觉暂留](https://zh.wikipedia.org/wiki/

访问 https://coldstoneboy.cn/posts/flutter-animation-from-zero 阅读全文。


在 Flutter 里使用 Stream
2020-04-13T04:07:56.000Z
在 Flutter 中有两种处理异步操作的方式 Future 和 Stream，Future 用于处理单个异步操作，Stream 用来处理连续的异步操作


访问 https://coldstoneboy.cn/posts/flutter-stream 阅读全文。


Flutter 是如何渲染的？
2020-04-03T04:40:04.000Z
总结一下关于 Flutter 渲染方面的知识

前言
使用 Flutter 开发移动端有一段时间了，总结一下关于 UI 渲染方面的知识。了解关于 Flutter 渲

访问 https://coldstoneboy.cn/posts/how-flutter-render 阅读全文。


PlantUML 类图及 Flowchart 流程图绘制入门
2020-03-26T02:00:00.000Z
学习 PlantUML

前言
前段时间设计后端表结构的时候接触了 PlantUML，它能够直观表现出类的属性和方法，反应出类与类之间的关系。之前有同事就是

访问 https://coldstoneboy.cn/posts/learn-classchart-flowchart 阅读全文。


记录两个使用 Flutter 的 DropdownButton 问题
2020-03-24T08:08:27.000Z
记录两个关于 DropdownButton 的问题

这几天在使用 Flutter 开发应用过程中遇到关于 DropdownButton 两个问题，记录一下。

访问 https://coldstoneboy.cn/posts/flutter-dropdown-problem 阅读全文。


数据结构与算法之二叉树
2020-03-15T03:05:00.000Z
二叉树是一种非线性的数据结构，以分层的方式存储数据。在二叉树上进行添加，查找和删除数据非常快。

前言
二叉树是一种非线性的数据结构，以分层的方式存储数据。用于存储

访问 https://coldstoneboy.cn/posts/das-tree 阅读全文。


如何使用 Gitlib 持续发布 Flutter 应用
2020-02-27T03:01:00.000Z
本文介绍如何使用 Gitlib CI/CD 构建发布 Flutter 应用

前言
[前一篇文章](https://coldstone.fun/post/2020/

访问 https://coldstoneboy.cn/posts/flutter-gitlab-pineline 阅读全文。


使用 Github Actions 持续发布 Flutter 应用
2020-02-26T17:59:06.000Z
本文讲解如何使用 Github Actions 构建并发布 Flutter 应用

前言
[Github Actions](https://help.github.

访问 https://coldstoneboy.cn/posts/flutter-github-actions 阅读全文。


MySQL 入门笔记 📒
2020-02-12T07:37:26.000Z
工作需求学习一下 MySQL 数据库

前言
什么是 MySQL？引用官方说明

MySQL is the world's most popular open


访问 https://coldstoneboy.cn/posts/mysql-getting-start 阅读全文。


使用 Codemagic 持续部署 Flutter 应用
2020-02-03T14:36:16.000Z
Codemagic 持续部署 Flutter 应用

前言
持续集成和持续部署能够自动化应用开发的测试，构建和部署过程，如果在应用开发初期解决了这个问题无疑提升应用

访问 https://coldstoneboy.cn/posts/flutter-cicd 阅读全文。


为 Flutter 应用添加搜索功能
2020-01-26T09:34:54.000Z
使用 SearchDelegate 给 Flutter 应用添加搜索功能

前言
SearchDelegate 是 Flutter 框架提供的一个实现搜索功

访问 https://coldstoneboy.cn/posts/flutter-show-search 阅读全文。


Flutter 创建自定义路由过渡动画
2019-12-10T08:37:52.000Z
Flutter 应用进行路由跳转的时候有默认的过渡动画，但是自定义的跳转动画会让应用更具特色

TL;DR

使用 PageRouteBuilder 创建自


访问 https://coldstoneboy.cn/posts/flutter-route-transition 阅读全文。


Egg.js 上传接口开发总结
2019-12-05T12:00:00.000Z
总结一下之前用 Egg.js 开发的文件上传接口的任务

需求
要在浏览器端将文件上传到阿里的 OSS 对象存储，需要用到阿里云提供的 [SDK](https://

访问 https://coldstoneboy.cn/posts/egg-api-dev 阅读全文。


使用 Flutter 实现一个走马灯布局
2019-11-20T07:55:26.000Z
走马灯是一种常见的效果，本文讲一下如何用 PageView 在 Flutter 里实现一个走马灯

效果
实现的效果如下，当前页面的高度比其它页面高，切换页

访问 https://coldstoneboy.cn/posts/flutter-carousel 阅读全文。


分享两道面试题
2019-11-15T02:33:15.000Z
前几天遇到两个前端面试题，要写代码的那种，然后我都没做对...记录一下

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

Ja


访问 https://coldstoneboy.cn/posts/two-interview-question 阅读全文。


使用 FFmpeg 转换视频格式
2019-11-11T12:12:26.000Z
用 B 站下载助手 下载下来的视频格式是 flv，用 QuickTime 看不了也不能导入 iMovie 进行编辑，所以需要转换一下视频格式

前言
用 B 站

访问 https://coldstoneboy.cn/posts/simple-use-ffmpeg 阅读全文。


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

前言
优秀的代码需要有

访问 https://coldstoneboy.cn/posts/eggjs-test 阅读全文。


Docker ARG vs ENV
2019-10-25T06:12:19.000Z
构建 Docker 镜像的的时候有两种环境变量 ARG 和 ENV, 一种是在运行 build 命令时通过 --build-arg 参数设置的 build-time variables

访问 https://coldstoneboy.cn/posts/docker-arg-vs-env 阅读全文。


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

前言

访问 https://coldstoneboy.cn/posts/code-standard 阅读全文。


使用 Intl 对象进行日期时间格式化
2019-10-05T04:04:00.000Z
本文主要说明如何使用浏览器自带的 Intl 对象进行日期时间的格式化

前言
平时项目中要对日期时间格式化通常会使用如 [dayjs](https://github

访问 https://coldstoneboy.cn/posts/js-intl 阅读全文。


数据结构与算法之集合
2019-10-01T02:46:48.000Z
集合是一种包含不同元素的数据结构，集合中的元素称之为成员。集合有两个重要的特性，一是集合中的成员是无序的，其次集合中不存在相同的成员。

前言
集合是一种包含不同元

访问 https://coldstoneboy.cn/posts/dsa-set 阅读全文。


使用 Provider 管理 Flutter 应用状态 (下)
2019-09-23T08:17:17.000Z
为了存储数据可以将数据存到手机的存储里面或者存到远程服务器上，本文就实现如何使用 dio 将数据存到服务器

前言
紧接上篇，对于一个代办事项的新增，修改，删除功能

访问 https://coldstoneboy.cn/posts/flutter-provider-todos-02 阅读全文。


使用 Provider 管理 Flutter 应用状态 (上)
2019-09-11T13:48:56.000Z
本文说明如何使用 Provider 来管理这种应用的全局性的数据

前言
一个应用内通常会有两种数据，部件内部的使用的临时性数据以及很多部件使用的全局性数据，部件内

访问 https://coldstoneboy.cn/posts/flutter-provider-todos-01 阅读全文。


数据结构与算法之哈希表
2019-09-08T08:26:45.000Z
哈希表是一种常用的数据结构，可以快速的插入和取用，但是查询数据效率低下

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

访问 https://coldstoneboy.cn/posts/dsa-hash 阅读全文。


在 Egg.js 中使用 redis 缓存提升性能
2019-08-31T05:20:56.000Z
Redis 是一款开源的，基于 BSD 许可的，高级键值缓存和存储系统

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

访问 https://coldstoneboy.cn/posts/egg-redis-cache 阅读全文。


数据结构与算法之字典
2019-08-28T13:09:13.000Z
字典是一种以键值对形式存储数据的数据结构，键用来查找，值用来保存数据

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

访问 https://coldstoneboy.cn/posts/dsa-dictionary 阅读全文。


数据结构与算法之链表
2019-08-25T04:49:36.000Z
链表是一组节点组成的集合，每个节点都使用一个对象的引用指向它的下一个节点，指向节点的引用叫做链

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

访问 https://coldstoneboy.cn/posts/dsa-linklist 阅读全文。


如何在 Egg.js 中使用 Sequelize 的事务 Transaction
2019-08-22T06:07:14.000Z
Egg.js 框架中使用事务

前言
在查了几遍 Sequelize 关于 [Transactions](htt

访问 https://coldstoneboy.cn/posts/egg-sequelize-transaction 阅读全文。


数据结构与算法之队列
2019-08-18T14:18:36.000Z
队列是一种列表，只能在队尾插入元素，在队首删除元素。队列用于存储按顺序排列的的数据，先进先出，可以将队列想象成在饭店排队取餐的人群，在队伍前面的先取餐，后来的人后取餐



访问 https://coldstoneboy.cn/posts/das-queue 阅读全文。


关于 Flutter 的安卓打包
2019-08-14T01:56:55.000Z
Flutter 在打包安卓应用时有两种方式 flutter build apk 和 flutter build appbundle，本文说下这两种方式有什么区别


访问 https://coldstoneboy.cn/posts/flutter-android-build 阅读全文。


数据结构与算法之栈
2019-08-10T15:12:09.000Z
栈是一种高效的数据结构，因为它只能在栈顶添加或删除，这样的操作很快，它是被称之为后入先出（LIFO，last in first out）的数据结构。可以将栈想象成一叠装菜的盘子，用的时候先拿最上面的

访问 https://coldstoneboy.cn/posts/dsa-stack 阅读全文。


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

前言
列表是一种常用的数据结构，如代办事项

访问 https://coldstoneboy.cn/posts/datastructure-list 阅读全文。


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

前言
部门

访问 https://coldstoneboy.cn/posts/create-privite-npm-server 阅读全文。


在 Centos 中安装 java8
2019-08-01T10:56:29.000Z
由于要在服务器上安装 Jenkins 所以首先要安装 java

前言
由于要在服务器上安装 Jenkins 所

访问 https://coldstoneboy.cn/posts/centos-install-java8 阅读全文。


理解 Flutter 应用和部件的生命周期
2019-07-28T13:21:03.000Z
在 Flutter 里面部件以及应用本身都有自己的生命周期，本文分别说明它们的生命周期

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

访问 https://coldstoneboy.cn/posts/understand-flutter-lifecycle 阅读全文。


对于 Workbox Strategies几种策略的解释
2019-07-27T04:36:13.000Z
要将自己的网站支持 PWA，需要注册一个 serviceWorker 到浏览器中，通常使用 Google 的 Workbox 工具，Workbox 可以在浏览器请求资源的时候提供了几种不同的策略对请

访问 https://coldstoneboy.cn/posts/about-workbox-strategies 阅读全文。


使用 Travis CI 部署 Hugo 博客到 Github Pages
2019-07-26T20:58:25.000Z
原本使用的是 Netlify 去部署博客的，域名解析也是通过 Netlify 的 DNS 服务器，但是发现博客在别人的电脑上打不开...

原本使用的是 Netlify 去

访问 https://coldstoneboy.cn/posts/hugo-travis-github-page 阅读全文。


对于 PWA 应用的 manifest.json 文件的解释
2019-07-25T05:31:51.000Z
网站要支持 PWA，需要一个 manifest.json 文件，W3C Web App Manifest 的草案上定义了以下的字段，解释一下每个字段是什么意思。

网站

访问 https://coldstoneboy.cn/posts/about-manifest 阅读全文。


让 Hugo 博客支持 PWA
2019-07-24T05:34:17.000Z
让用 Hugo 搭建的博客支持 PWA 很简单，只需 2 个步骤即可

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

访问 https://coldstoneboy.cn/posts/add-pwa-support-to-hugo 阅读全文。


了解  标签上 rel=prexxx 的作用
2019-07-22T09:39:27.000Z
在 HTML 中  标签指定了当前文档与外部资源之间的关系，本文说明  标签的 rel 属性分别设置 dns-prefetch，preconnect，prefetch，pre

访问 https://coldstoneboy.cn/posts/understand-link-prexxx 阅读全文。


浏览器请求耗时阶段解释
2019-07-18T08:04:07.000Z
对于一个浏览器网络请求耗时阶段解释

Queueing
浏览器会在以下情况时将请求加入队列，有优先级更高的请求；当请求协议是 HTTP/1.0 和 HTTP/1.

访问 https://coldstoneboy.cn/posts/request-timimg 阅读全文。


Dart 语言中的 final 与 const 的区别
2019-07-16T09:23:06.000Z
在 Dart 中有 final 和 const 两个关键字，貌似都是表示常量的，但是它们还是有区别的

在 Dart 中有 final 和 const 两个

访问 https://coldstoneboy.cn/posts/dart-final-vs-const 阅读全文。


关于应用的 Code Signing
2019-07-15T12:54:56.000Z
Flutter 项目代码签名

代码签名
要将应用发布到 Apple store 或者 Goople play 上就必须对你的应用进行代码签名，代码签名目的

访问 https://coldstoneboy.cn/posts/code-signing 阅读全文。