百瓶技术的博客

Flutter 绘制（基础应用篇）

Flutter 绘制（基础应用篇）前言在移动开发中，无论是平常的按钮还是炫酷的动画都离不开绘制，每个平台都有自己的绘制体系，系统绘制工具以及随时间积累下来的各种优秀的开源框架。日常开发中，我们不仅要会使用这些轮子，往往为了更好的满足设计的需求，还需要对其进行修修补补，升级改造。这个时候，我们就需要对绘制的知识有更深一步的了解，作为一名移动开发者，我们可能对 Android/iOS 的绘制有所了解，

ide

贝塞尔曲线

flutter

原创 2022-04-22 11:35:11 834 阅读

H5 唤醒 APP 的那些事儿

前言随着互联网的快速发展，人们在 App 内停留的时间越来越多，渐渐地对它也越来越依赖，但是每个 App 又都是相互独立的，我们必须要打开不同的手机客户端来获取不同的信息，这些信息无法传播分享出去，所以为 App 架起一座沟通桥梁的重要方式就是通过 H5 页面，由 H5 直接唤醒 App 页面也成为了一种常见的技术需求。在这个技术需求的背后，更重要的是优化用户体验，因为 App 的日活和用户增长量

微信

ios

android

原创 2022-04-22 11:34:12 2367 阅读

打造你的 Markdown 语法

为什么要创造个性化的 Markdown 语法？开始这个话题前，我们必须先介绍一下我们公司的产品——百瓶（ https://web.billionbottle.com/download ）。它是一个专业的威士忌社区，在里面你可以看到由我们优秀的写手以及 KOL 所撰写的文章，涵盖了威士忌历史、品牌、测评等一系列话题。这些文章都是由我们独立开发的文章编辑器进行编写的，文章保存的实际内容是 M

词法

ide

json

原创 2022-04-22 11:33:30 602 阅读

Flutter 状态管理：Fish Redux 是如何完成配置组装的？

「百瓶 App」（各市场搜索「百瓶」体验 ????）在 2019 年 11 月开始接入 Flutter 时，就选定了闲鱼的 Fish Redux 作为状态管理方案。经过近两年的迭代，已经完成了 80 个以上的 Page 级功能，积累了丰富的使用经验。虽然 GitHub[^2] 迭代更新较少，但是它在 2021-05-18 对外宣布正在进行「2.0 架构的演进[^3]」以及最近

fish

flutter

github

原创 2022-04-22 11:32:56 383 阅读

深入浅出 Kotlin 协程

一文理解 Kotlin 协程的优势。

作用域

主线程

android

原创 2022-03-28 15:18:11 999 阅读

Android Compose 的使用

初步认识 Android Compose

android

控件

修饰符

原创 2022-03-28 15:17:49 3670 阅读

Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？

一次性搞懂 WeakMap。

弱引用

数组

引用计数

原创 2022-03-28 15:14:55 222 阅读

多此一举生成器 - 从开发到使用

仅需提供文字即可生成聊天截图的工具，详细讲解了如何实现以及结合个人工作流达到便捷使用。

4s

环境变量

内边距

原创 2022-03-28 15:14:35 320 阅读

Flutter - 不听话的 Container

Container 源码分析

flutter

ide

最小宽度

原创 2022-03-28 15:14:05 469 阅读

揭开 Auto Layout 的神秘面纱

想了解 Auto Layout 背后的基本原理吗？来读这篇吧

子视图

ide

方程组

原创 2022-03-15 17:38:17 496 阅读

移动产业下的 NFC 生态链

如何让 NFC 功能包围你的应用

android

ide

ios

原创 2022-03-15 17:36:29 705 阅读

ES7 到 ES12 常用新语法

ES7、ES8、ES9、ES10、ES11、ES12 常用新语法

字符串

数组

迭代

原创 2022-03-15 17:35:05 823 阅读 1收藏

CocoaPods 入门指北

傻傻积累被虐经验不能让你精通 CocoaPods，主动了解原理才能运用得游刃有余。

cocoa

swift

git

原创 2022-03-15 17:34:16 1632 阅读

Vue 3.0 vs. React Hook

cover目前三大主流前端框架中，Angular 作为单页应用的先行者，虽然目前市场占有份额正在被 Vue

生命周期

数据

响应式

原创 2022-03-15 17:32:42 1419 阅读

MutationObserver 和 IntersectionObserver

两大原生监听元素的利器

回调函数

数组

可见性

原创 2022-03-15 17:32:11 428 阅读

AppID、UnionID 和 OpenID 傻傻分不清楚

目前互联网应用的推广和传播都离不开微信，进而了解微信相关生态十分重要，本文主要带领大家一起梳理一下微信生态下的微信开放平台、微信公众平台、微信小程序、AppID、UnionID 以及 OpenID，从此让你明明白白做人。微信公众平台（OpenID）1.会给微信用户生成 OpenID；2.不管是微信公众号还是微信小程序

微信

公众号

小程序

原创 2022-03-15 11:05:22 831 阅读

Apple App Clip（苹果「轻应用」）详解

前言App Clip (Apple 官方称之为「轻应用」)是你已有 App 的一个轻量级版本，它拥有你 App 的部分功能，可以把它看做已有 App 的 lite 版本。App Clip 体积非常小，压缩前包体积最大不超过 10 M，且无需经 App Store 下载，因此它能保证及时性，显示 App Clip 卡片的同时它几乎就已经安装在了设备上，响应迅速，如果你迫切希望用户访问某些功能也许 A

应用程序

环境变量

数据

原创 2022-03-15 11:02:17 5597 阅读

单元测试？即刻搞定！

前言今天你胃口好吗？如今随着一个项目业务不断壮大，重构与迭代也日趋频繁，为保证项目的稳定性与可维护性，单元测试也逐渐成为不可忽视的一环。本文将带来单元测试的介绍，有关框架选择，环境安装与书写测试用例等，内容较为简单，极易上手。什么是单元测试在计算机编程中，单元测试（Unit Testing）又称为模块测试，是针对程序模块（软件设计的最小单元）来进行正确性检验的测试工作。程序单元是应用的最小可测试部

单元测试

测试用例

测试框架

原创 2022-03-15 11:00:07 105 阅读

Android 64位架构适配

cover前言随着手机硬件的不断发展，近两年的新式手机已经全部采用了 64 位 CPU，64 位真的比 32 位快吗？实际上 32 位和 64 位的差异主要体现在内存寻址上，32 位最高只支撑 4GB 内存，而 64 位则能够最高支撑 128GB 内存。目前各个应用市场也对 64 位适配提出了要求。Google Play：自 2019 年 8 月 1 日起，在 Google Play 上发布的应用

v8

应用市场

ide

原创 2022-03-15 10:58:43 684 阅读

「按需引入」的多种实现方式

为什么要「按需引入」通常情况下，按需引入区别于异步加载，但是本文会统一讲述这些「有需要时」才去拿取或剔除相关资源的类似场景，因此标题中的「按需引入」代表了这些做法的泛概念。随着项目体量提升，如果我们不作干涉，可能会碰到项目首页加载慢、chunk 体积大、各环境配置未相互分离、调试代码需手动剔除等一系列问题，其中有不少问题是构建行为不合理引起的。本文就这些问题分享一些「按需引入」的实现方式。异步加载

条件编译

自定义

三方库

原创 2022-03-15 10:57:40 1140 阅读

面试官：知道 Flutter 生命周期？下周来入职！

flutter

生命周期

ide

原创 2022-03-15 10:55:40 225 阅读

GitLab + Jenkins + ACK 自动化部署方案

本篇文章从实践角度介绍如何结合我们常用的 GitLab 与 Jenkins,通过 K8s 来实现项目的自动化部署,以公司目前正在使用的生产架构图做为此次讲解的重点,如图所示：生产环境架构图本文涉及到的工具和技术包括：•GitLab：常用的源代码管理系统；•Jenkins（Jenkins Pipeline）：常用的自动化构建、部署工具，Pipeline 以流水线的方式将构建、部署的各个步骤组织起来；

docker

git

jar

原创 2022-03-15 10:52:08 1806 阅读 1点赞 1收藏 1评论

产品经理：「点这里，我要跳到任何我想跳的页面」—— 解耦提效神器「统跳路由」

1. 背景我们知道前端领域以路由来定位页面，要跳转到对应页面只需访问对应路由即可，十分方便。可一直以来 iOS 领域没有路由这个概念，跳转一个页面需要创建出目标页面的实例，然后通过导航控制器进行跳转，十分繁琐。有这么个需求：当点击推送消息(或点击某个区域)时需要跳转到任意一个可能的页面。乍一听我是抗拒的，但这个需求似乎又合情合理。作为一群有追求的开发者我们正式启动了百瓶统跳路由项目。统跳：即通

路由表

拦截器

flutter

原创 2022-03-15 10:50:26 167 阅读

扔掉 Electron，拥抱基于 Rust 开发的 Tauri

Tauri 是什么Tauri 是一个跨平台 GUI 框架，与 Electron 的思想基本类似。

自定义

菜单项

html

原创 2022-03-15 10:49:05 1639 阅读

基于 DataWorks + MaxCompute 构建大数据平台

cover简介：DataWorks 是阿里云重要的 PaaS 平台产品，提供数据集成、数据开发、数据地图、数据质量和数据服务等全方位的产品服务，一站式开发管理的界面，帮助企业专注于数据价值的挖掘和探索。MaxCompute 是适用于数据分析场景的企业级 SaaS 模式云数据仓库，以 Serverless 架构提供快速、全托管的在线数据仓库服务，消除了传统数据平台在资源扩展性和弹性方面的限制，最小化

数据

表名

业务流程

原创 2022-03-15 10:47:27 1808 阅读

被催稿了，所以聊聊长链接在移动端开发中如何做到和短链接一样高效

近日，被波哥催稿，营业时间被迫提前，就翻了数十年来翻深不见的代码仓库，找到了多年前在移动端做长链接开发中的一种实践方法，可以让长链接的业务代码和短链接一样高效、简洁的小技巧，就拿来应付交个差。此文并不会针对 TCP 做详尽的展开说明，也不会针对如何使用 Socket 库进行说明、协议格式定义、如何传输等都不在本文范围之内，本文关注的是移动端如何进行高效并简洁地编写基于 TCP 的

短链接

长链接

缓存

原创 2022-03-15 10:46:40 172 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

百瓶技术

Flutter 绘制（基础应用篇）

H5 唤醒 APP 的那些事儿

打造你的 Markdown 语法

Flutter 状态管理：Fish Redux 是如何完成配置组装的？

深入浅出 Kotlin 协程

Android Compose 的使用

Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？

多此一举生成器 - 从开发到使用

Flutter - 不听话的 Container

揭开 Auto Layout 的神秘面纱

移动产业下的 NFC 生态链

ES7 到 ES12 常用新语法

CocoaPods 入门指北

Vue 3.0 vs. React Hook

MutationObserver 和 IntersectionObserver

AppID、UnionID 和 OpenID 傻傻分不清楚

Apple App Clip（苹果「轻应用」）详解

单元测试？即刻搞定！

Android 64位架构适配

「按需引入」的多种实现方式

面试官：知道 Flutter 生命周期？下周来入职！

GitLab + Jenkins + ACK 自动化部署方案

产品经理：「点这里，我要跳到任何我想跳的页面」—— 解耦提效神器「统跳路由」

扔掉 Electron，拥抱基于 Rust 开发的 Tauri

基于 DataWorks + MaxCompute 构建大数据平台

被催稿了，所以聊聊长链接在移动端开发中如何做到和短链接一样高效

欢迎