代码拉取完成，页面将自动刷新
愿Blog代表我的青春
Web：主页推荐、直播可获取；其他403（Web接口时好时坏）；同时需要运行core目录下的cors目录下的文件，本地代理，否则跨域报错；已部署到github上bilibili.web.github网址
MacOs：正常运行 Ios：Xcode打开Ios目录正常运行，flutter run没反应 Android：正常运行
只是做了极少的一部分 macOs运行截图(4)
| 平台 | 1 | 2 | 3 | 4 |
|---|---|---|---|---|
| MacOs |  |
 |
 |
 |
| Web |  |
 |
 |
|
| IOS |  |
 |
 |
 |
| Android |  |
 |
 |
 |
发霉的学习计划
| 计划内容 | 完成 | 时间 |
|---|---|---|
| Flutter内存优化方案搜集 | 2023.6.28-～ | |
| Android 应用数据和文件 | ||
| ，更新BLOG | 延后 | 2023.6.28-~ |
| Android Kotlin语法 | ||
| ，更新BLOG | ||
| 延后 | 2023.6.28-~ | |
| 推进Flutter Flame游戏 | ||
| command-line | ||
| Flutter GETX学习视频 |
https://www.jianshu.com/p/66d3520e0841
沉淀知识 2023年11月20日更新
| 技术 | 进度 | 规划 | 优先级（1-5） |
|---|---|---|---|
| Flutter篇* | / | / | / |
| Flutter框架类知识 | Flutter框架笔记/动画笔记/手势笔记/绘制笔记 | 学习完手势册子、动画册子、Canvas册子 | 1 |
| 三棵树 | Widget/Element/RenderObject | ||
| 弹窗 | smartDialog/OverlayEntry | 其他弹框 | 5 |
| 蓝牙 | flutterBlue | 实战 | 5 |
| 音视频 | video_player;流媒体FLV(直播) | 音频，音乐类软件 | 2 |
| 上传 | FormData + MutilPartFile | 分块上传 | 2 |
| 下载 | flutter_downloader | 断点继续上传 | 2 |
| 压缩 | light_compress | 无 | 5 |
| 国际化I18N | translations | 无 | 5 |
| 轻量化存储 | FLutter持久化存储(sqlite/sharedpreference/realm) | 无 | 5 |
| 网络请求 | dio | HttpClient/Http库 | 2 |
| 图表 | fl_chart/syncfusion_flutter_charts/MPAndroidChart & MPIOSChart(点数很多时可以试试这个，flutter的chart插件，点数过多效果较差) | 无 | 5 |
| 二维码扫描 | mobile_scanner/qrscan;华为扫描(推荐使用),需要配置Android原生和IOS原生 | 无 | 5 |
| 3D模型 | model_viewer_plus | 无 | 5 |
| websocket | web_socket_channel | 无 | 5 |
| 性能优化 | Flutter优化方案收集(ResizeImage减少图片内存/局部刷新(Listenable/StreamBuilder)/绘制性能优化RepaintBoundary,作用是分隔开渲染对象、dart混淆(增加反编译难度)、apk包大小(压缩图片/分开打包)) | 继续补充 | 1 |
| 支付 | 无 | 无 | 5 |
| 分享 | 微信分享/QQ分享/ | 无 | 5 |
| 微信小程序 | 跳转微信小程序 fluwx | 无 | 5 |
| 极光推送 | 华为厂商推送/全推送/单个推送;极光推送(对接华为厂商通道)参考 在Flutter中使用极光推送集成华为通道踩坑 - aquilahkj - 博客园 (cnblogs.com) (55条消息) flutter 极光推送 华为 厂商通道_qq_614149475的博客-CSDN博客；后端实现推送nodejs-jpush-async | Tag推送 | 2 |
| 本地推送 | flutter_local_notifications | 无 | 5 |
| channel | MethodChannel | BasicMessageChannel/EventChannel | 5 |
| 原生界面 | AndroidView/UiKitView | 无 | 5 |
| 状态管理 | GETX | Provider/Bloc | 2 |
| 预制动画 | 动画组件（flare、rive、lottie） | 5 | |
| 路由管理 | Flutter路由管理GETX(initRoute + getPages) | 1 | |
| Key | ValueKey/ObjectKey/UniqueKey/GlobalKey | 1 | |
| Hero动画 | 从一个控件变成另一个控件可以给这两个控件都套个Hero，并设置完全一样的Tag，就能看到丝滑的过渡动画 | 1 | |
| DevTools/Debug | Flutter Inspector | 1 | |
| sizeAndViewsIn | 2 | ||
| IM | 5 | ||
| Overlay | 覆盖层 OverlayState / OverlayEntry | 1 | |
| 进程 | Future.wait():多个Future执行完后一起返回 | 1 | |
| 监听应用的生命周期 | 后台切换到前台监听等，参考链接 | 1 | |
| 1 | |||
| Android篇 | / | / | / |
| 编程语言 | JAVA | Kotlin学习BLOG | 1 |
| 上线APP流程 | 无 | 1 | |
| Service | Service笔记 | 仿微信 | 1 |
| Media3 | Media3笔记 | 仿微信 | 1 |
| workManager | 无 | 1 | |
| 应用存储数据 | 应用存储数据笔记 | 继续补充 | 1 |
| CameraX | CameraX例子BLOG | 1 | |
| 1 | |||
| 1 | |||
| IOS篇 | / | / | / |
| 上线 | appStore | 上线AppStore流程/GooglePlay流程 | 1 |
| 原生Swift | 学习IOS(Swift)Blog;入门IOS开发（Swift）学习视频 | 1 | |
| 1 | |||
| Web端 | 响应式布局 | ||
| UI篇 | |||
| Sketch | sketch UI 设计 | ||
| 1 | |||
| 项目管理篇 | / | / | / |
| 原型 | Axure/墨刀 | 无 | 2 |
| uml图 | 甘特图/类图/时序图/用例图 | 继续补充 | 2 |
| 其他 | / | / | / |
| 正则表达式 | 无 | 无 | 5 |
| 命令行 | command-line | ||
| NodeJs篇 | / | / | / |
| express | 仿微信 | 无 | 5 |
| nodejs-websocket | 仿微信 | 无 | 5 |
| 项目开发经验 | / | / | / |
| 项目目录结构清晰，模块化清晰 | 封装思想 | ||
| 设计模式 | 设计模式笔记 | 继续补充 | 2 |
2022年11月30日
华为通道（极光推送）
直播界面初步
QQ分享、微信分享、微信小程序
动态
2022年10月27日 flare动画 一些好看的rive动画 switch https://rive.app/community/2726-5857-switch-demo/ 爱心按钮、通知按钮 https://rive.app/community/3189-6916-animated-icon-pack/ 进度条 https://rive.app/community/3264-6879-tree-loading-bar/
点击视频左上角的三点更多按钮，有视频下载功能
2022年9月22日
不更新不行啦，虽然代码一直在更新，但还得做些视频哈哈，否则对不起我这60个粉丝哈哈
这次距离上次更新快三个星期了，不咕不咕
主要更新了
1直播房间的获取，内容还没有
2nestedscrollview嵌套tabview，内容缓存
3语言切换
当然有些效果我做不到，我后面看看能不能改改吧（比如这个子tab，因为nestedscrollview里面不能有controller，否则与顶部内容就无法联动）
4最主要是这个视频界面，之前我采用的是chewie这个组件，但是很多功能，还是自己做的比较好，所以我把那部分的内容全部去掉了，目前就用video_player，重新把视频这块内容重做了一遍。
5还有弹幕这块，之前也是做了一版，但是很卡，原因是我是模拟发弹幕的过程，每条弹幕都有一个controller，这样的话，卡的不行。所有弹幕这块我重做了，这次就六条轨道，使用singlechildscrollerview来控制滑动至底部，这样就只需要绘制横向的列表，而且还能与视频播放暂停快进联动起来。
但是顶部弹幕和底部弹幕目前还没有做，之前那一版是有的，之后再添加上去。
视频内容的接口，目前无法用了，之前的方法获取原视频是可以用的，但后来就不太行了，都是403了已经，不知道是不是我的方法有问题
6会员购界面顶部滚动监听改了下，是不是不那么卡了，getX的update() 能少用就少用，特别是监听这种，关键的地方update()一下就可以啦
有些接口，模拟器上抓来的基本是grpc的，这个问题我一直就解决不了，即便是有proto，也知道传的参数和数值，但是就是返回为null，所有我就不太想搞了。比如动态界面等等，拿不到数据就没办法进行下去。json的就好弄
之后的话，原来那版是有直播界面的，我还没有用getX搬过来，还有就是发布视频的那块，是要与原生建立通信的，目前也没搬过来。竖屏的视频，视频内的上侧的工具栏
ok，差不多是这样的啦
2022年9月11日
【我宁可痛苦，也不要麻木】20年前的农村女性，竟狠狠 戳中了我的心_哔哩哔哩_bilibili
2022年9月4日更新
昨天写了下会员购这一块 先看一下效果 头部是下拉会展开，上滑会收缩的效果 再是下面的的轮播图，水平滑动的列表 最后一部分是瀑布流的布局 整体效果看起来是这样的 感觉还是有些卡顿的
用这个getX来管理，先去安装一个插件GETX new一个GET，会生成下面的四个文件，state用来放共享的变量、bindind可以懒加载这个界面，也可以说是注册，logic放逻辑性的操作，比如上下滑动，更改某些控件的属性，view就是界面部分
获取b站的数据，先去打开一个模拟器，打开抓包的工具，设置代理。获取到json的数据之后，看下那些数据是需要改动的，做好之后，做网络请求，一般来说可以用postman来测试接口
处理完之后就在urlMap和request那里把网络请求的方法给写上 在logic里面的onReady或onInit生命周期中写上，销毁则在onCancel。区别见GetX状态管理之 GetxController 生命周期详解[GetX状态管理之 GetxController 生命周期详解 - 知乎 (zhihu.com)](https://zhuanlan.zhihu.com/p/445371503#:~:text=其实就是将 onReady 方法作为回调，当 onInit 完成之后的一帧来调用 onInit,。 这也就是我们上一篇说的， onReady 会在 onInit 完成后一帧后调用。)
整体的结构要清晰一些
整个项目结构，asset，就是存放一些静态的数据（图片、网页、json数据）等，flutter主目录的分为core和ui主目录。I18n为国际化，model为所有用到的模型，这个notifier是视频播放那块，之前用的还是provider。下面是这个proto，主要是用在视频弹幕，service为网络请求，有个比较重要的cors.dart，是本地代理。sharedpreference就是数据的持久化存储。
ui就是放的是界面和共用的widget，shared为共享的函数。入口main.dart。
整个目录还有Android、Windows、Web。涉及原生。
既然是个跨平台，那么在同一个界面，在不同的平台，就能显示不同的界面。而在同一个平台，不同机型、不同的屏幕大小，要屏幕适配。不同平台要功能适配。Platform，kIsweb
pubspec.yaml里面写依赖的插件
推荐一些网站
Instantly parse JSON in any language | quicktype 转换为model
Dart packages (flutter-io.cn) 搜索插件
开发软件Android Studio或VSCode
抓包工具Claris 或者 Fiddler
分析接口postman
分析grpc（BloomRPC或者postman）
还有请求数据一些细节的地方看这个bilibili-API-collect/dynamic.md at master · SocialSisterYi/bilibili-API-collect · GitHub 比如参数的sign是怎么来的，appkey，appkeyhash，这里都有提到。还有proto文件，找一下
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
