Loading [MathJax]/jax/output/HTML-CSS/jax.js

Harmony

2024-10-25

状态管理

Catalogue

Posts

2024-2025年度总结

工作和学习今年接触了原生鸿蒙开发，整个开发体系还是存在较大的提升空间。官方提供的AI助手跟Cursor比起来差距非常大。他这个盘子太大了，Flutter、Rea

pub get过程

flutter pub get实际上调用的是dart pub get，pub是Dart的包管理工具，用于管理Dart项目的依赖关系。pub get命令会根据项目

包体积优化

打包体积大如何配置优化包体积问题

ArkTS

不支持在运行时更改对象布局对象字面量需要标志类型不支持structural typing

React Native项目

https://gitee.com/openharmony-sig/ohos_react_native 如何适配鸿蒙？在现行的 React Native 中，

系统推送

Push Kit 使用流程1. 开通推送服务，开通推送服务2. 获取对应Profile，获取Push Token123const pushToken: stri

状态管理

Context

UIAbilityContext：UIAbility对应的context，继承自Context，提供UIAbility的相关方法 AbilityStageCon

容器

线性容器 ArrayList：频繁读取集合中的元素时 List：单向链表，需要频繁的插入删除时 LinkedList：双向链表，需要频繁的插入删除时 Deque

作用域函数

以下是根据预期目的选择作用域函数的简短指南：对一个非空（non-null）对象执行 lambda 表达式：let 将表达式作为变量引入为局部作用域中：let

Compose

https://developer.android.com/develop/ui/compose

NIO

协程

协程Coroutine可以理解成轻量的线程，运行在线程中的非阻塞的Task；协程不会与特定的线程绑定，它可以在不同的线程之间灵活切换。相关API： Corou

基础语法

open关键字Kotlin 的类，默认是不允许继承的，除非这个类明确被 open 关键字修饰了。另外，对于被 open 修饰的普通类，它内部的方法和属性，默认也

注解

Kotlin 常见的元注解有四个： @Target，这个注解是指定了被修饰的注解都可以用在什么地方，也就是目标； @Retention，这个注解是指定了被修饰的

工程结构

项目结构介绍 AppScope：存放全局所需要的资源文件 resources： base： element：存放公共的字符串、布局文件等资源 media：多媒体

项目构建流程

hvigorconfig.ts：根目录下存在一份，可用于hvigor生命周期刚开始时操作某些数据 hvigorfile.ts：每个node都有一份，构建的必须文

Android KTX

Android KTX 是包含在 Android Jetpack 及其他 Android 库中的一组 Kotlin 扩展程序。它依托 Kotlin 的扩展能力，

Ability

@ohos.app.ability.Ability (Ability基类) 生命周期https://developer.huawei.com/consumer/

hdc

Harmony Device Connector 1234567891011121314151617181920212223242526# 查看连接设备hdc

build-profile.json5

build-profile.json5文件分为工程级与模块级，其中buildOption在工程级文件和模块级文件均可配置，其中相同字段以模块级的字段为准，不同字

ohpm

ohpm作为OpenHarmony三方库的包管理工具，支持OpenHarmony共享包的发布、安装和依赖管理。 oh-package.json512345678

hvigor-config.json5

hvigor-config.json5用于指定hvigor的版本、构建依赖以及构建行为的配置参数 https://developer.huawei.com/co

学习第一步

HarmonyOS第一课开发者指南 ArkTS语言应用框架项目结构 build-profile.json5 oh-package.json5 DevEco

Element

概念Widget是UI元素的配置数据，Element代表屏幕显示元素。主要作用：维护这棵Element Tree，根据Widget Tree的变化来更新Ele

路由管理

一些问题路由存在的意义？如果是你，会如何设计？ dialog、bottomsheet、snackbar、dropmenubutton的底层实现是怎样的？ p

Flutter体系

Flutter的基本控件是如何绘制的？比如Text、Image、Button Flutter是如何实现弹窗的？ Flutter是如何实现动画的？ Flutter

Flutter动画

https://flutter.cn/docs/development/ui/animations 动画的基本组成Animation作用：保存动画的差值和状态。

ContentProvider

概述ContentProvider是一种数据共享型组件，可以在应用之间共享数据。所以与BroadcastReceiver一样，其可以脱离Activity实现。在

Android动画

Activity转场动画ConstraintLayout动画插值动画Android动画之Interpolator(插值器) 参考 https://github.

电视应用开发笔记

启动流程分析

需要的前置知识： Mixin用法核心类和函数PlatformDispatcher平台事件转发器，单例对象。比如每一帧的渲染回调、系统语言切换等。 123456

Dalvik、ART虚拟机

概要Dalvik 是 Google 公司自己设计用于 Android 平台的虚拟机。它可以支持已转换为**.dex 格式**的 Java 应用程序的运行，.de

屏幕适配

基本概念屏幕尺寸屏幕尺寸指屏幕的对角线的长度，单位是英寸，1英寸=2.54厘米屏幕分辨率屏幕分辨率是指在横纵向上的像素点数，单位是px，1px&#x

组件化之路

Android项目架构发展史在说组件化之前，有必要讲讲Android项目的设计发展过程，也有必要讲讲在移动端兴起之前，其他语言是如何做项目架构设计的。写代码最

通知Notification

参考 https://developer.android.com/develop/ui/views/notifications?hl=zh-cn

flutter_ume

字节出品的开发调试工具，具备以下功能：查看具体Widget的信息（WidgetInfo）查看Widget树形结构，点击查询RenderObject树（Wid

zone

AIDL

Binder是一个工作在Linux层面的驱动，这一段驱动运行在内核态。Binder本身又是一种架构，这种架构提供了服务端、Binder驱动和客户端三个模块。服

APK打包流程

APK文件的结构 xxx.apk res：未编译的资源文件 anim color drawable layout menu lib assets META-IN

Binder

一个进程空间分为: 用户空间：数据不可共享，所以用户空间 = 不可共享空间内核空间：数据可共享，所以内核空间 = 可共享空间 Binder

Android测试实践

为什么要做测试？很多公司为了节省成本，基本上是不会要求开发写单元测试的。自己做完的功能，动手点点看看基本流程是否通畅就丢给测试了。项目小的时候这样也不会有啥问题

错误报告

获取错误报告通过开启开发者选项，生成错误报告通过adb命令获取：adb bugreport D:\Reports 分析错误报告默认情况下，错误报告是 ZIP

Android中图片占用内存计算方法

我们在电脑上看到的 png 格式或者 jpg 格式的图片，png(jpg) 只是这张图片的容器，它们是经过相对应的压缩算法将原图每个像素点信息转换用另一种数据格

内存管理

概述有时候，线上会出现一些”莫名其妙”的bug，比如用户用的好好的，突然就爆出一个空指针异常，这个异常的提示信息如下： 12java.lang.RuntimeE

View的事件分发机制

分发过程事件分发过程由三个方法共同完成： dispatchTouchEvent方法返回值为true表示事件被当前视图消费掉；返回为super.dispatchT

WindowManager

概述Window是一个抽象的概念，每一个Window都对应着一个View和一个ViewRootImpl，Window和View通过ViewRootImpl来建立

View的工作流程

DecorView是视图的顶级View，我们添加的布局文件是它的一个子布局，而ViewRootImpl则负责渲染视图，它调用了一个performTraveals

Glide

此篇文章只是用于记录使用Glide时要注意的点和一些使用技巧，如需查看基本使用，请查阅官方文档。也可以看看Glide原理分析。注意点占位符1234567Gli

广播

广播接收器可以接收系统级的通知。比如监听闹钟

Hilt

参考 https://developer.android.com/training/dependency-injection?hl=zh-cn

Lifecycle

参考由浅入深，详解 Lifecycle 生命周期组件的那些事 https://developer.android.com/reference/androidx

LiveData

参考 https://developer.android.com/topic/libraries/architecture/livedata?hl=zh-cn

ViewModel

参考 https://developer.android.com/topic/libraries/architecture/viewmodel?hl=zh-cn

数据库绑定

参考 https://github.com/android/databinding-samples https://developer.android.com/

应用资源

Android的应用资源存放在res目录 animator：定义属性动画的xml文件 anim：补间动画的xml文件 color：颜色定义的xml文件 draw

Android sdk目录结构

sdk add-ons：第三方公司为Android平台开发的附加功能系统 build-tools：构建工具 28.0.3： aapt.exe：打包res资源文件

AndroidManifest描述文件

12345678910111213141516171819202122232425262728293031323334353637383940414243444

Intent

介绍Intent是一个消息传递对象，他的作用：启动Activity。不同的业务场景启动Activity又分为显示调用和隐式调用。启动Service 传递广播

RecyclerView之概述

目录 RecyclerView之概述 RecyclerView之绘制流程 RecyclerView之Adapter RecyclerView之ItemDecor

自定义View

目录自定义View自定义View之Canvas自定义View之Paint 概述自定义属性声明属性使用declare-styleable声明属性 12345678

自定义View之Paint

目录自定义View自定义View之Canvas自定义View之Paint API颜色设置123456789101112setColor(int color)pa

Activity

由来我们在做带UI的软件时，一般的做法是先创建一个窗口，然后在窗口上添加各种Button、Text、List等其他UI控件。Android、iOS也是类似，但代

Activity工作过程

概述Activity是一种展示型组件，具有两种启动方式，一种是显示的，通过intent实现；另一种是隐式的，也需要intent，但还需要在AndroidMani

Android系统架构

系统架构Linux内核层Linux Kernel：Android 的核心系统服务基于Linux 内核，在此基础上添加了部分Android专用的驱动。系统的安全性

ConstraintLayout

概述约束布局，可以降低布局的层次，对性能提升有帮助。可以把约束理解成一根绳子，比如，如果设置了左侧与父级依赖，则相当于左边有一根绳子拉着自己，就会贴着左边。当

ContentProvider

content provider管理一组共享的数据，比如通讯录，其他App都可以按照某种方式获取其内容

Service

服务是一种通用的入口点，服务不提供界面，是在后台运行的组件。比如播放音乐参考 https://developer.android.com/develop/ba

Jetpack Compose UI

参考 https://developer.android.com/develop/ui/compose/documentation?hl=zh-cn

Paging

Activity

activity是用户交互的入口点。它表示具有界面的单个屏幕。

绘制原理

相关类 Canvas：封装了Flutter Skia各种绘制指令，比如画线、画圆、画矩形等指令。 Layer：分为容器类和绘制类两种；暂时可以理解为是绘制产物的

Sliver布局模型

在Flutter中，列表的每个Item被称为Sliver。 Flutter常见的列表类最终都有Scrollable类实现，而该类内部包含RawGestureDe

Widget

Widget1234567891011121314151617181920212223242526272829303132333435363738394041@

RenderObject

概念RenderObject表示渲染树的一个对象，其职责包括：Layout、Paint、Hit Testing。作用：布局，从RenderBox开始，对Re

RepaintBoundary

UI系统会进行界面的图层划分，可以进行图层复用，减少绘制量，提升绘制性能。而RepaintBoundary是开放给开发者使用的独立图层。 RenderObjec

Paint过程

经过Build流程，Render Tree中绘制相关的基础信息已经完成更新；经过Layout流程，Render Tree中每个节点的大小和位置完成计算与存储，接

Layout过程

12345678910111213class RenderBinding { void drawFrame() { pipelineOwne

Build过程

概括 runApp，初始化构建Widget树，Widget通过createElement创建对应Element树，Element通过createRenderOb

go_router

官方出品路由管理库go_router 路由管理需要的基本功能：命名路由，方便通过系统消息栏等地方打开具体的路由页面，且能带上参数路由嵌套，一个路由页面嵌套多

Image原理分析

_ImageState是Image所对应的State，也是图片加载的驱动者，它将通过ImageProvider的resolve方法获取一个ImageStream

Layer

Layer是Flutter中针对SceneBuilder的一些方法做的一个封装，每种Layer都对应了一个或多个SceneBuilder的方法。 Layer分类

文本处理

TextPainter12345678910111213141516171819class MyPainter extends CustomPainter &#

media_query

MediaQueryMediaQuery 用于查询解析给定数据的媒体信息（例如，window宽高/横竖屏/像素密度比等信息）官方提供这个组件

裁剪

相关类 ClipOval ClipRRect ClipRect ClipPath

CustomSingleChildLayout

CustomSingleChildLayout解决以下几个问题：设置child的大小设置child的位置 1234567891011121314151617

Focus

用于光标管理相关类FocusNode用于Widget获取键盘焦点和处理键盘事件的对象 12345678910class FucusNode { //

Widget

WidgetFlutter中的一切都是Widget。关于Flutter的UI绘制原理可以参考纷争再起：Flutter-UI绘制解析。简要概括就是，我们写各种w

CustomPaint

基本概念我们的手机屏幕可以当成一块画板（Canvas），使用我们自定义的Painter，就能绘制出各种图形。而Flutter中提供了CustomPaint组件来

DevTools

开发者工具介绍 Flutter Inspector：检查 Flutter 应用程序的 UI 组件布局和状态 Performance View：在 Flutter

Gesture原理分析

消息循环原理分析

Platform View原理分析

AndroidView、PlatformViewLink、UiKitView是表示Platform View的Widget接口，它们底层分别对应的RenderO

Flutter学习资源汇总

[基本使用] [源码分析] Widget Element RenderObject BuildOwner PipelineOwner RepaintBounda

Box布局模型

Lyaout的本质是父节点向子节点传递自己的布局约束Constraints，子节点计算自身的大小（Size），父节点再根据大小信息计算偏移（Offset）。在二

Composition过程

经过Build、Layout、Paint后，Render Tree变成Layer Tree，那么Layer Tree是如何合成，以变成最终的渲染数据呢？这就是C

2023-2024年度总结

时间过的真快啊，一年又要过完了。还是要记录一下这一年的成长和收获，以及对未来的展望。今年的行情很不好，不管是就业还是A股市场。虽说疫情已经放开管控，可不见经济

首帧渲染

关键类Widget关键类 Widget是对Element的配置或描述。Widget的子类主要有3类： RenderObjectWidget的子类，可以进行Lay

Android引擎启动流程

Embedder启动流程 FlutterEngine初始化 FlutterView初始化 Framework启动 Engine入口 Engine启动流程 Eng

PipelineOwner

在runApp时，RenderBinding创建PipelineOwner。PipelineOwner的作用：不断收集Dirty Render Objects

InheritedWidget

相关API InheritedWidget ProxyWidget InheritedElement 基本用法提供一种在widget树中从上到下共享数据的方式。

PaintingContext

概要继承自ClipContext，提供裁剪相关辅助方法 PictureLayer _currentLayer、_recorder、_canvas用于具体的绘制

Key、ValueKey、ObjectKey、UniqueKey、PageStorageKey、GlobalKey

概述Key的分类 ValueKey:以一个值为key。 ObjectKey:以一个对象为key。 UniqueKey:生成唯一的随机数作为key。 PageSt

setState具体做了什么

setState流程标脏，将对应element添加到dirtyElement队列中触发vsync 下一帧drawFrame 1234567891011121

TypeScript入门

在JavaScript的基础上添加了类型系统，可以在编译时检查类型，提高代码的可读性和可维护性。约定使用 TypeScript 编写的文件以 .ts 为后缀，

集成到现有Android应用

不同版本的RN可能配置不一样，这里使用0.62版本 1. 创建一个空目录用于存放React Native项目，然后在其中创建一个/android子目录

Windows下Charles支持HTTPS

SSL握手过程客户端发出加密通信请求提供：协议版本(如 TSL1.0) 随机数 1(用于生成对话密钥) 支持的加密方法(如 RSA 公钥加密) 支持的压缩方法

tsconfig.json

如果一个目录下存在 tsconfig.json 文件，那么它意味着这个目录是 TypeScript 项目的根目录。 1234567891011121314151

react-native-elements

https://reactnativeelements.com/docs是一套UI组件库 Icon基本用法12345678<Icon type="

RN常用的开源库

antd-mobile-rn https://rn.mobile.ant.design/ antd-mobile-rn是一个基于React Native的UI组

性能优化

本地项目依赖

本地项目依赖是一个很常见的功能，在开发过程中，本地主项目依赖本地的其他文件夹的子模块，方便调试，开发完后再发布到仓库。而在React Native中却不支持np

手势事件监听

Touchable 系列组件PanResponderhttps://reactnative.cn/docs/handling-touches

react-native-form

useFormuseControlleruseFormContextuseWatchuseFormStateuseFieldArray参考 https://ww

react-navigation

https://reactnavigation.org/docs/ @react-navigation/native、@react-navigatio

react-redux

Facebook 提供的 react-redux 这样一个工具库，工具库的作用就是建立一个桥梁，让 React 和 Redux 实现互通。 https://cn

启动流程

渲染原理

Android原生UI组件

RN中可以直接使用原生自定义UI组件，提供原生视图的流程：创建一个ViewManager子类实现createViewInstance 导出视图的属性设置器

Android原生模块

模块的定义要实现通信，需要先定义ReactContexBaseJavaModule，并将ReactPackage注册到ReactInstanceManager中

基础知识

facebook先开源了React，然后基于React，开源了可以在App上用的React Native。先了解一下ReactReact 入门实例教程 Reac

开发者工具

react-devtools 独立的开发者工具，可以查看UI的层次结构。

JavaScript入门

先了解一下JS的历史：Javascript诞生记。基本的语法，从官方文档开始：https://developer.mozilla.org/zh-CN/docs/

React Hooks

React Hooks产生的原因由于类组件存在一些缺点：大型组件很难拆分和重构，也很难测试。业务逻辑分散在组件的各个方法之中，导致重复逻辑或关联逻辑。组件

Redux

了解历史 Flux：https://www.ruanyifeng.com/blog/2016/01/flux.html 基本概念和APIRedux 引入的概念其

声明文件的写法的区别

基本的声明声明文件12345678910111213141516171819202122232425262728var x = 1;module.exports

npm发布

配置package.json发布到Nexus将npm本地包上传到nexus私服的实践发布Nexus服务器，需要注意不同仓库地址的使用 123456789# 添

打包

下载证书，本地安装到钥匙链中配置Xcode 打包命令修改项目的版本号和构建次数若要使pubspec.yaml文件中的version生效，需要修改Android

滚动条

分类 CustomScrollView DraggableScrollableSheet GridView ListView NestedScrollView

布局管理

基本概念Widget的大小通过constraints来约束，它有minWidth、maxWidth、minHeight、maxHeight几个属性。 Tight

自定义Lint

Flutter默认提供了许多的Lint规则，但有时候我们可能有特殊的需求。如果按照官方的方式，你需要了解： Introduction：https://githu

Flutter静态代码检测

代码检测是规范写法，提高质量的一种重要方案，几乎所有的主流语言都有相关方案。在Flutter开发过程中，我们可以使用IDE自带的Inspect Code功能，也

Flutter命令详解

create在指定的目录中,创建新的flutter项目,如果没有指定目录,则在当前目录下创建项目 12345flutter create ~/flutter #

一些Flutter开发技巧

使用Text的注意事项如果字符串中有特殊字符，在有多行的情况下，可能会出现异常截断的情况，建议封装一个扩展函数处理这种情况123456import '

flutter_easy_refresh

Flutter的刷新组件以前比较流行的是pull_to_refresh，现在已经不再维护了，新的刷新组件是easy_refresh，支持Flutter SDK

syncfusion

syncfusion公司提供了一整套强大的图表UI库，其中图表、日历、PDF等功能非常强大。图表库图表的分类和名词解释：数据可视化 - 图表对于产品如何选

嵌入Android原生View

参考

Handler原理

Hanlder系列目录： Handler基本用法 Handler原理概要Handler是Android子线程和主线程之间通信的一种机制。像Qt等技术使用的也是

状态栏、标题栏、导航栏设置

状态栏（Status Bar）：显示系统icon、时间、电量等信息标题栏（ActionBar）：显示应用页面标题、返回键、菜单等信息导航栏（Navigati

项目结构

android：#Android 项目 ios： node_modules：项目依赖 app.json：描述app信息 index.js：入口文件 pac

Git使用笔记

基本概念 Working Space/Working Directory：工作区/工作目录，平时存放项目代码的地方 Index/S

package.json说明

12345678910111213141516171819202122232425262728293031323334353637383940{ &q

环境搭建

Mac 环境搭建12345678910111213141516171819# 安装nodebrew install node# 安装文件监控，方便开发brew

状态管理

flutter Android端编译流程

Android编译源码流程 settings.gradle配置 123456789101112131415161718// 当前 app moduleinclu

sentry_flutter

Sentry是一款多平台支持的异常信息收集解决方案。sentry_flutter可以在Flutter项目中收集异常信息。 https://docs.sentry

单元测试

单元测试的作用？保证代码质量，当一个方法在某个版本进行了调整，如果对应的单元测试无法通过，说明这个方法的改动有问题。单元测试中也能包含很多边界条件，甚至可以把

Flutter项目良好的编码tips

Flutter项目结构代码规范良好的编码tips 首先，代码编写需要满足一定的规范，统一团队内的代码风格。参考Flutter代码规范。除此之外，为了提升质量

form_bloc

form_bloc是结合bloc的表单库，运用bloc的特性实现UI和逻辑的分离，使得表单的逻辑更加清晰，代码更加简洁。基本用法123456789101112

Flutter项目Android端构建流程

ReactiveX

Observables概述ReactiveX是Reactive Extensions的缩写，一般简写为Rx，最初是LINQ的一个扩展，由微软的架构师Erik M

flutter_bloc

基本用法核心概念：将UI和数据分离，数据使用Event、Bloc（Cubit）、State来进行单项流转。通过BlocProvider提供Bloc供不同地方使

资料收集

https://github.com/openkraken/kraken：阿里出品，已经不维护 https://github.com/ymm-tech/thre

Flutter事件分发原理

Flutter中，Android设备上的事件分发流程： Android的事件响应，通过Engine发送到framework层，Flutter侧的GestureB

Flutter代码规范

好的代码有一个非常重要的特点就是拥有好的风格。一致的命名、一致的顺序、以及一致的格式让代码看起来是一样的。 Dart代码规范标识符在 Dart 中标识符有三种类

Flutter与Android通信

PlatformChannelFlutter可以通过PlatformChannel与原生侧互发消息，有三种类型： MethodChannel：用于传递方法调用

Dart虚拟机

Runtime System Object Model Garbage Collection Snapshots Core libraries native m

native crash 分析

Crash类型： Framework/App Crash：Java层崩溃 Native Crash：C/C++层崩溃 Kernel Cras

RxDart

ReactX的dart实现，React X的原理可参考 Stream相关APICombineLatestStream（combine2，combine3…com

与JS通讯

原生侧有许多库可以实现与JS直接通讯，而不需要使用webview容器。 V8、JSCore、Hermes、QuickJS，hybrid开发JS引擎怎么选

内存分析

https://github.com/bladeofgod/memory_detector_of_kit https://github.com/dart-lan

flutter_redux

使用 Redux 的好处是：共享状态单一数据 Redux 主要由三个部分组成： Action 用于定义数据变化的行为 Reducer 用于根据Action来

Kraken

阿里出品使用前端技术开发，Flutter渲染。因为种种原因，Kraken不在维护，openwebf是其继任者。如何看待阿里北海Kraken项目即将弃坑？深

dart_eval和flutter_eval

dart_eval 是一种基于 Dart AOT 动态执行 Dart 代码的技术，能够实现动态化（CodePush），支持 Flutter。它包含编译器和解释器

openwebf

Kraken的替代品 Web端开发指导开发流程使用Vue、React等进行开发安装openwebf cli，https://github.com/openw

fair

58同城的开源动态化方案，目前市面上比较完善的开源方案。将build方法内的代码使用dart2dsl转化成json，将非build方法里的代码使用dart2j

Flutter包体积优化

包的构成主要组成部分： so库，包含第三方依赖，flutter打包后的libapp.so等 assets文件夹中的资源文件 dex文件字体文件 resour

shorebird

https://github.com/shorebirdtech/shorebird Flutter创始人之一打造，只支持Flutter侧的热更，patch包存

flutter_hooks

什么是Hook？Hooks 是来自 React 的一个概念，flutter_hooks 只是 React 实现到 Flutter 的一个端口。 https://

Dart内存管理

Dart运行环境（VM）和Android Art一样，Flutter也对Dart源码做了AOT编译，直接将Dart源码编译成了本地字节码，没有了解释执行的过程，

Dart资料收集

Dart Programming Language Specification 5th edition draftdart pragma注解 vm:entry-

如何客观的评估开发人员的绩效

北京游玩总攻略

很小的时候就希望能去北京看看，看看古时候皇帝生活的地方，看看为了抵御外敌而修建的万里长城，看看皇帝的陵墓。那就做一份北京游玩攻略吧。以下从游住吃三个方面来介绍。

flutter_sound

Flutter中音频的处理库，可以用来播放、录制。播放支持主流的格式，支持网络地址。播放音频123456789101112131415161718192021

in_app_purchase苹果内购

使用in_app_purchase这个库流程1. 修改XCode配置文件，支持内购 2. 项目中添加in_app_purchase配置1234567depen

空安全

概述为什么需要空安全？当你选择使用空安全时，代码中的类型将默认是非空的，意味着除非你声明它们可空，它们的值都不能为空。有了空安全，原本处于你的运行时的空值

isolate

定义isolate是Dart对actor并发模式的实现。运行中的Dart程序由一个或多个actor组成，这些actor也就是Dart概念里面的isolate。i

dart命令行工具

dart analyze 命令代码分析工具 1234567# 设置分析等级 --no-fatal-warningsdart analyze --fatal-in

颐和园

历史背景路线西郊宾馆坐地铁到北宫门站北宫门走几百米到北如意门宿云檐城关石舫、清晏舫画中游长廊排云门乘船去南湖岛十七孔桥八方亭铜牛文昌阁玉澜堂乐寿堂仁寿殿

清华北大

历史背景景点介绍博雅塔未名湖图书馆路线游客只能从东侧门进入（地铁站北京大学A口向北），要求19:00前由东侧门离开。就餐家园四层、农园三层、艺园二层、勺园西餐

长城

景点介绍八达岭长城介绍：是明長城的一個隘口，岔道城、古炮、关城、敌楼、烽火台、战台營業時間： 07:30-16:00營業地址：北京市延慶區G6京藏高速58

故宫

历史背景故宫是中国明清两朝二十四位皇帝的皇宫。故宫始建于明成祖永乐四年（1406年），永乐十八年（1420年）落成。故宫南北长961米，东西宽753米，四面围

恭王府

恭王府介绍：和珅住处，恭亲王住处，银安殿、嘉乐堂、锡晋斋、王府花园。戏楼内可欣赏北京传统节目演出、喝茶、品小吃地址：北京市西城區前海西街17號路线： ti

天坛

历史背景介绍：明、清兩朝皇帝祭天、求雨和祈禱豐收的專用祭壇，整個天壇分為內壇、外壇兩部分，祈年殿、回音壁等知名的建築都位於內壇。遊玩天壇，除了觀感受古代帝王祭

十三陵

历史背景十三陵是明朝皇帝的墓葬建筑群。自永乐七年五月（1409年）起用，直到安葬崇祯帝后结束，历时230多年，共葬有13位皇帝，23位皇后、2位太子、30余名妃

Nexus笔记

Nexus作为私有仓库，可以用来存储jar、aar、js库，一般公司内可以搭建一个用来存储共用的库，一来可以提升同步时间，一来统一管理基础库，提升开发效率。搭

BuildContext

BuildContextBuildContext就是Widget对应的Element。 WidgetsFlutterBinding，其在创建的时候绑定了如果W

前端模块化概念

在NodeJS之前，由于没有过于复杂的开发场景，前端是不存在模块化的，后端才有模块化。NodeJS诞生之后，它使用CommonJS的模块化规范。从此，js模块化

文本参数

布局参数

先看Flex 布局教程：语法篇，了解Flex布局的历史和基本概念。 Flexbox布局 flex flexDirection justifyContent al

动画

动画组件 Animated.View 12345Animated.timing(this.state.xPosition, { toValue: 10

props和stat的区别

UI = Component(props, state) React 的核心思想是组件化的思想，所有的页面会被切分成一些独立的、可复用的组件。那么数据

View参数

图片参数

build_runner

dart的build系统 build_config： build_modules： build_resolvers： build_runner： build_t

Path的使用

12345678910111213141516171819202122232425262728293031323334353637383940414243444

ES6

Babel 转码器Babel 是一个广泛使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码，从而在老版本的浏览器执行。这意味着，你可以用 ES6 的

常用开源库

12345678910111213141516171819202122232425262728293031323334353637383940414243444

bloc_test

创建Mock1234import 'package:bloc_test/bloc_test.dart';class MockCounterB

集成测试

integration_test集成测试框架，可分析测试用例的性能指标官方文档：https://flutter.cn/docs/cookbook/testin

flutter_test

描述基于dart的test库，用于Flutter项目的测试库。可用于测试：方法、函数 UI 基本用法1. 添加配置123dev_dependencies:

Mockito

描述用于模拟数据的Flutter测试库。为了使用模拟类，需要在pubspec.yaml中添加build_runner依赖。基本用法1. pubspec.yam

数据埋点方案

数据埋点是一种数据采集方法，主要用于收集用户在使用产品或服务过程中的行为、操作、事件等数据。这些数据可以帮助分析用户行为、优化产品设计、提升用户体验等方面。数

数据埋点方案

Firefox插件推荐

AdGuard去广告神器 https://github.com/AdGuardTeam/AdGuardBrowserExtension In My Pocket

调试方式

使用流程启动Metro服务 npm start，可以设置不同端口号npm run start –verbose – –port 8082 启动项目npm ru

npm使用

npmnpm配置文件为$Home/.npmrc 123456789101112131415161718192021222324252627282930

React入门

React时一个用于构建用户界面的库，使用JSX（JavaScript和XML）的HTML-in-JavaScript语法。该语法能提升编码效率，浏览器是无法直

异常分析

Crash文件符号化iOS crashsdk文档是什么意思转载Symbolicating stack traces for engine crashesFl

rtw

https://pub.dev/packages/rfw rfw（Remote Flutter Widgets）库是一个用于在 Flutter 应用程序中渲染远

《渐行渐远的红利》读书笔记

rebase

当执行rebase操作时，git会从两个分支的共同祖先开始提取待变基分支上的修改，然后将待变基分支指向基分支的最新提交，最后将刚才提取的修改应用到基分支的最新提

Git使用技巧

amend将本地提交和最后一次提交合并成一个新的提交 1git commit --amend rebase 交互式变基9使用场景调整提交记录的顺序（通过鼠标拖

cherry-pick

cherry-pick像摘桃子一样，可以选择具体某个commit记录到当前分支 12# 选择两个提交记录到本分支git cherry-pick commit_1

merge

merge用于分支的合并 123git merge branch_name 参数-ff：快速合并 –ff-only：只有能快速合并的时候才合并–no-ff：不使

Mac新系统环境配置

安装必备软件安装Alfred基本配置配置常用文本安装Sublime Text安装安装必备workflow安装TinyCal安装Commander One安装

滑动原理

用到的API Viewport：视窗，滑动可以看见的区域 Scrollable：对手势的处理，实现滑动效果 Sliver：用于在Viewport里面布局和渲染内

热重载原理

在开发项目中，我们直接点击Hot Reload或Hot Restart按钮可以方便的进行更新，那Flutter是如何实现的呢？首次编译：第一次启动会生成全量a

编译Flutter源码

Mac下编译EngineEngine实现了Flutter的核心库，包括动画、图形、文件、网络、访问支持、插件架构、Dart的运行时、编译工具链等准备工作123

AspectD

AOP的作用减少代码入侵的埋点性能监控参考咸鱼aspectd 贝壳Beike_AspectD Flutter aspectd （二）源码解析

性能优化之分帧渲染

https://github.com/LianjiaTech/keframe https://github.com/fzyzcjy/flutter_smooth

extended_image

https://pub.dev/packages/extended_image https://github.com/fluttercandies/extend

Image基础

图片也是一种二进制文件，图片的原始数据中每个像素在内存中一般占用2-4个字节 type bits memory ARGB_8888 32 4wh ARBG_44

Android面试题收集

https://github.com/Moosphan/Android-Daily-Interview https://github.com/lizhangqu

Handler使用不当造成的OOM

问题重现编写以下代码 123456789101112131415161718public class OOMHandlerActivity extends Ac

HTTP协议

HTTP 协议的请求报文和响应报文的结构基本相同，主要由三大部分组成：状态行（status line）：描述响应的基本信息，也就是服务器响应的状态；头部字段

计算机网络知识总结

计算机网络的带宽网络可通用的最高数据率，即每秒多少比特bit。计算机网络性能指标速率带宽吞吐量时延（delay或latency）：传输时延：从发送数

HTTPS

工作流程 Client发起一个HTTPS(比如 https://juejin.im/user )的请求，根据RFC2818的规定，Client知道需要连接Ser

复杂度定义

时间复杂度一般情况下，算法中基本操作重复执行的次数是问题规模n的某个函数f(n)，进而分析f(n)随n的变化情况并确定T(n)的数量级。这里用”O”来表示数量

查找算法

顺序查找顺序查找（Sequential Search）又称线性查找。从表中第一个(或最后一个)记录开始，逐个进行记录的关键字和给定值比较，若某个记录的关键字和给

排序算法

插入排序直接插入排序具体算法：从第一个元素开始，该元素可以认为已经被排序；取出下一个元素，在已经排序的元素序列中从后向前扫描；如果该元素（已排序）大于新元

线性表

定义线性表（Linear List）是具有相同特性的数据元素的一个有限序列。该序列中所含元素的个数叫做线性表的长度，用n表示，n>=0。当n&#

动态规划

回溯算法

回溯法（Back Tracking Method）（探索与回溯法）是一种选优搜索法，又称为试探法，按选优条件向前搜索，以达到目标。但当探索到某一步时，发现原先选

红黑树

定义红黑树是一种自平衡二叉查找树，它可以在 O( $\log(n)$ ) 时间内完成查找、插入和删除，这里的n是树中元素的数目。红黑树是每个节点都带有颜色属性的

稀疏矩阵和广义表

定义矩阵矩阵是一个具有m行 x n列的数表，共包含m x n个数（元素），每个元素处在确定行和列的交点位置上，都与一对行号和列号唯一对应。当一个矩阵中的行数和列

平衡二叉树AVL

定义平衡二叉树也叫自平衡二叉搜索树（Self-Balancing Binary Search Tree），所以其本质也是一颗二叉搜索树。在AVL树中，任一节点对

栈和队列

栈栈（Stack），也叫后进先出表（Last In First Out），是一种运算受限的线性表，其限制是仅允许在表的一端进行插入和删除运算。这一端称为栈顶，栈

树

定义树是由n（n>=1）个有限节点组成一个具有层次关系的集合。把它叫做“树”是因为它看起来像一棵倒挂的树，也就是说它是根朝上，而叶朝下的。它具

B树、B+树

B树B树也称B-树,它是一颗多路平衡查找树。描述一颗B树时需要指定它的阶数，阶数表示了一个结点最多有多少个孩子结点，一般用字母m表示阶数。当m取2时，就是我们常

图

定义图（Graph）是图形结构的简称。 G = (V, E) V称为顶点集（Vertices set），E称为边集（Edges set）。E的元素是一

开发流程的思考

目前大多数互联网公司的开发流程如下图：需求收集一个新功能的出现，可能来自多个地方。运营觉得有了XX功能，用户量就能增加XX倍；产品觉得XX竟品做了XX功能，我

Mac瘦身

Mac软件安装笔记

brew命令1234567brew services list 查看服务状态brew services run mysql # 启动mysql 服务brew s

热更新

基本使用安装CodePush CLI 注册账号注册App 原生端配置 RN代码集成发布 123456789101112131415161718192021

React JS源码分析

参考 reactjs源码分析-下篇（更新机制实现原理）

图片内存优化

Flutter中图片内存优化策略：使用ResizeImage 使用cacheWidth、cacheHeight Android中图片占用内存计算方法 Flut

flutter_image_compress

https://pub.dev/packages/flutter_image_compress https://github.com/fluttercandie

image_cropper

https://pub.dev/packages/image_cropper https://github.com/hnvn/flutter_image_cro

虚拟主机的玩法

代理神器Shadowsocks安装 wget --no-check-certificate -O shadowsocks.sh https://raw.gith

Ruby版本管理工具rbenv

类似Java、Python、Flutter，Ruby也进行版本管理，主流有rvm、rbenv两种方案，这里因为Java选择jenv，看名字选的rbenv。其实大

Mac OS常用命令

12345678# 查看端口使用sudo lsof -i :8088# 杀掉进程kill -9 pid

高效的使用Mac

Effective use of XXX系列 Effective use of Mac Effective use of iPhone Effective us

Mac M1使用问题记录

Python命令使用不同CPU架构 mach-o file, but is an incompatible architecture (have ‘x86_64

资源处理

QListWidget

一些技巧让QListWidget的高度跟着内容的高度变化12345678910111213141516from PySide import QtGui, QtC

emoji表情处理

在QLabel上显示emoji表情，win10和win7显示的效果不一样，win10能显示出彩色的，但win7只能显示黑白色，且有些表情甚至不能显示。不同系统

Qt中圆形头像

业务需求中经常需要头像是圆形的，一些数字底部有圆形背景，于是将其整理出来，以便以后方便的使用。 12345678910111213141516171819202

快捷键处理

屏蔽alt+F4等快捷键12345678910111213141516171819202122232425262728class GlobalEventFilt

编译PyQt5

目录：官方文档翻译编译MinGW版本编译VS版本下载SIPSIP必现在编译和使用PyQt5之前安装。你可以从https://www.riverbankc

编译QtWebEngine

由于QtWebEngine本身并不支持H.264编码的音视频，现自行编译，整个过程如下：依赖准备VS2015 Update3 下载地址安装Qt 5.10.1

Qt视图模型

数据（Data）：是实际的数据，如数据库的一个数据表或SQL查询结果，内存中的一个 StringList，或磁盘文件结构等。视图或视图组件（View）：是屏幕

PyQt5开发心得

其实大部分的客户端开发都有共通性。一套GUI API，Button、Text、Dialog等等，绘制机制，事件传递机制，都是根据不同平台的特性做了封装。但开发的

异步编程

isolate机制Dart是单线程模型，它的并发机制叫isolate。APP的启动入口main函数就是一个类似Android主线程的一个主isolate。和Ja

消息机制

概述Dart在执行完main函数后，就会由Loop开始执行两个任务队列中的Event。首先Loop检查微服务队列，依次执行Event，当微服务队列执行完后，就检

async and await

async用于声明方法是异步的 await用于调用异步方法使用，表示等待异步方法执行完成后再执行后续的代码 async 和 await 关键字用于实现异步编程，

运算符

描述运算符一元后缀表达式++ 表达式– () [] . ?. 一元前缀 -表达式 !表达式 ~表达式 ++表达式 –表达式乘除法 * / %

Future

Future 是在未来某个时间获得想要对象的一种手段。Future 表示一个不会立即完成的计算过程。与普通函数直接返回结果不同的是异步函数返回一个将会包含结果的

Stream

Stream 是一系列异步事件的序列。其类似于一个异步的 Iterable，不同的是当你向 Iterable 获取下一个事件时它会立即给你，但是 Stream

泛型

泛型的好处适当地指定泛型可以更好地帮助代码生成。使用泛型可以减少代码重复。使用集合字面量List、Set 以及 Map 字面量也可以是参数化的。定义参数化

类

隐式接口每一个类都隐式地定义了一个接口并实现了该接口，这个接口包含所有这个类的实例成员以及这个类所实现的其它接口。如果想要创建一个 A 类支持调用 B 类的 A

数据类型

内置类型：数据类型：num 字符串类型：String 布尔类型：bool 列表类型：list 集合类型：Set 映射类型：Map Unicode：Runes

函数

Dart 是一种真正面向对象的语言，所以即便函数也是对象并且类型为 Function，这意味着函数可以被赋值给变量或者作为其它函数的参数。你也可以像调用函数一样

基本语法

语言特性一切皆对象。 Dart没有 public、protected、private 等关键字，如果一个标识符以 _开头则表示私有。标识符以小写字母或下划线

异常

接口

定义使用implements关键字来使用接口，实现类必须实现接口中所有的方法。Dart中没有interface关键字，implements后可以接任意类。imp

Mixin

定义字面意思理解成混合，它可以混合多个类，达到多继承的效果。当继承多个mixin，mixin内重写覆盖了同一个方法，则调用方法时会命中最后with的mixin

Map

遍历1234567891011121314151617181920212223242526// 使用 forEach 进行遍历president.forEach

《万历十五年》读书笔记

CustomMultiChildLayout

CustomMultiChildLayout从字面意思就说的很清楚了，自定义多个孩子的布局控件基本用法1234567891011121314151617181

沉浸式处理

基本使用(全局生效)Flutter侧设置123456789101112131415// 黑色沉浸式状态栏颜色黑色文字SystemUiOverlayStyle

资源使用

Flutter 应用程序包含代码和 assets（也为资源）。资源是被打包到应用程序安装包中，可以在运行时访问的一种文件。常见的资源类型包括静态数据（例如 JS

《置身事内》读书笔记

数据监控方案

client对相关数据进行上报，服务端对数据进行处理，后台提供一个网站进行数据展示，展示可以使用各种图表。Grafana就提供了如此一套开源解决方案。 Graf

《现代中国的形成》读书笔记

权力结构、政治激励和经济增大

最近读了《权力结构、政治激励和经济增大》这本书。书中通过分析开国到至今浙江地区的经济发展与政治的联系，很受启发。政治人物的首要目的在于确保其政治生存地方政治

证书的坑

人类之旅

摘要共产主义革命没有在大多数社会取得成功？一种解释是，革命的威胁推动工业化国家采纳相应政策，缓和了阶级矛盾与不平等，主要是投票权的普及、财富再分配权力的扩大以及

通讯原理

Flutter定义了三种不同类型的Channel： BasicMessageChannel：用于传递字符串和半结构化的信息 MethodChannel：用于传递

Shell用法-awk

Shell用法-sed

Shell基本用法

basename example.tar.a.b.c.gz .c.gz => example.tar.a.bFILE=”example

Git hooks

Git 能在特定的重要动作发生时触发自定义脚本。有两组这样的钩子：客户端的和服务器端的。客户端钩子由诸如提交和合并这样的操作所调用，而服务器端钩子作用于诸如

汽车是怎样跑起来的

汽车的组成动力传动发动机中有气缸和活塞，汽油在气缸中的燃烧室内进行然后，发热后膨胀，膨胀下压活塞，从而带动活塞下的轴转动，从而使轮胎转动。转向系统制动系统

Gerrit使用笔记

Gitlab、Github的Pull Request功能可以进行Code Review，但Gerrit更强大，可以搭配Jenkins、LDAP等在企业内部搭建完

丰田汽车

福特汽车

大众汽车

汽车发展史笔记

ParentData

概念RenderObject有一个parentData插槽（slot）用于存储父节点的一些信息，这个插槽，就是预留一个接口或位置，由其他对象来接入或占据。 Bo

RepaintBoundary

参考说说Flutter中的RepaintBoundary

《网络是如何连接的》读书笔记

《计算机是怎么跑起来的》读书笔记

计算机三个根本性基础：计算机是执行输入、运算、输出的机器；程序是指令和数据的集合；计算机的处理方式有时与人们的思维习惯不同。计算机的硬件由大量集成电路组

《大明王朝1566》经典语录

朝野都知道，我是严阁老提携的人。千秋万代以后，史书上我胡宗宪还会是严阁老的人。可你谭纶，还有朝里那些清流为什么还会看重我？就是我胡某在大事上从来上不误国，下不误

工程师的成长

原文地址：https://limboy.me/2021/06/29/eng-growth/ 这是libboy博客上的一篇文章，看了之后深有同感。也会反思自己在平

火车票黄牛

今天“长见识”了。开始以为回广州的高铁票应该很容易买到，所以，并没有提前买票。然而，在家用某行火车票刷票到7点也没买到票。明天可还要上班呢。想着要不去人工售票

读书笔记6：存储器层次结构