lichong951-优快云博客

原创【React】调试模式开启-Win平台(2/100)

你可以在React Native Debugger中查看和调试React Native应用的状态变化，使用React Developer Tools，查看网络请求等。在Chrome DevTools的“Redux”标签页中，你可以查看和调试Redux的状态变化，回溯操作，甚至可以时间旅行。在React开发中，调试是一个常见的任务，特别是在处理复杂的组件和状态管理时。在“Components”标签页中，你可以直接编辑组件的状态和属性，查看组件的实时变化。

2025-01-18 08:00:00 627

原创【Flutter&Dart】MVVM（Model-View-ViewModel）架构模式例子-dio版本（31 /100）

功能：功能强大，支持多种高级功能，如拦截器、请求取消、请求日志记录、Cookie管理、文件上传/下载、超时设置、自定义适配器等。功能：提供了基本的HTTP请求和响应功能，如GET、POST、PUT、DELETE等。功能丰富度：功能相对简单，没有提供拦截器、请求取消、请求日志记录等高级功能。生态支持：http和dio在生态支持方面更加成熟，文档和社区支持完善。文档和社区支持：提供了详细的文档和示例，社区活跃度高。文档和社区支持：文档和社区支持完善，易于查找和学习。易用性：API简单，易于上手。

2025-01-17 17:12:58 818

原创【Flutter&Dart】MVVM（Model-View-ViewModel）架构模式例子-http版本（30 /100）

需要高可维护性和可扩展性的项目：ViewModel可以独立于View进行单元测试，提高代码的可维护性和可扩展性。ViewModel：负责处理用户交互，更新Model，并将数据转换为View可以显示的格式。大型项目：适合大型项目，因为ViewModel可以很好地管理视图和模型之间的交互。刚开始使用，的确不太友好，很多业务逻辑都不是很清晰，还需要再拆细致一些才能刚好理解。model 也放一起了，其实没有用到，只是为了符合结构。View：负责显示数据，通常是一个UI组件。适合大型项目，结构清晰，易于维护和扩展。

2025-01-17 15:57:51 684

原创【React】win系统环境搭建

创建完的React项目会有以下基本结构：node_modules：存放项目依赖的文件夹。public：存放静态文件，如 index.html。src：存放源代码，如 App.js 和 index.js。package.json：项目描述文件，记录了项目依赖和脚本等信息。通过以上步骤，你成功在VSCode中配置了React开发环境，并创建和运行了一个React项目。整个过程虽然简单，但却是前端开发的重要基础。希望这篇文章能帮助到你，让你在React开发的路上更加顺利。

2025-01-16 15:14:24 1749

原创【Flutter&Dart】Radio&RadioListTile 单选框（29 /100）

还有十天左右，SmartApi v2.0.0界面布局版本就应该收尾了；初步估计用一个月时间来打磨业务数据交互。去年单单布局就搞了接近三个月。从UI设计到icon设计到组件选用等等。这次只是改了技术栈。业务上也进行裁剪了。专注技术点，结构稍后附在最后面蛤！基本上就够用了，没啥特别需要说明的。

2025-01-14 08:15:00 334

原创【Flutter&Dart】flutter_code_editor 代码编辑器（28 /100）

有点小缺陷，没有能像vs code一样进行格式化处理。

2025-01-14 08:00:00 211

原创【Flutter&Dart】Table 表格-官方小例子（27 /100）

【代码】【Flutter&Dart】Table 表格-官方小例子（27 /100）

2025-01-13 08:15:00 157

原创【Flutter&Dart】DropdownMenu 下拉列表-官方小例子（26 /100）

【代码】【Flutter&Dart】DropdownMenu 下拉列表-官方小例子（26 /100）

2025-01-13 08:00:00 418

原创【Flutter&Dart】DropdownButton 下拉列表-官方小例子（25 /100）

还有一个例子是：DropdownMenuApp，看看效果为什么在这里介绍进行对比。添加了这几个属性，其他的没啥变化；elevation：阴影边界宽度。underline：下划线样式。style：字体样式。

2025-01-12 08:15:00 128

原创【Flutter&Dart】DropdownButton 下拉列表（24 /100）

【代码】【Flutter&Dart】DropdownButton 下拉列表（24 /100）

2025-01-12 08:00:00 231

原创【Flutter&Dart】tolyui_feedback组件例子效果（23 /100）

动画展示/隐藏浮层弹框。支持 12 种弹框与目标组件的对齐方式。支持气泡框和非气泡框，填充与边模式线的弹框。支持边界溢出检测，并自动适应偏移功能。使用方式非常简单，直接通过 TolyTooltip 组件嵌套在目标组件之上即可。其中：textStyle 参数可以指定浮窗内文字样式。padding 参数设置浮层弹框内边距。placement 参数设置浮层弹框和目标组件的对其方式。gap 参数设置浮层弹框和目标组件的距离。message 参数设置浮层弹框文字内容。

2025-01-11 00:15:00 1108

原创【Flutter&Dart】super_tooltip组件例子效果（22 /100）

居然需要点击效果，这个名称和实际作用不太符合；好吧可能是我理解的不到位；不过不是我想要的鼠标滑动就提示效果；提供更灵活的提示框显示方式，可以在屏幕的覆盖层中显示。可以通过控制器显式管理提示框的显示和隐藏。暂时不深入探究了，有业务需求再说。支持自定义背景颜色和弹出方向。

2025-01-11 00:00:00 343

原创【Flutter&Dart】smart_tooltip组件例子效果（21 /100）

如果还需要更细致的12种方向，那就需要找找其他组件了。支持自定义提示框的外观，包括颜色、字体、大小和形状。提供灵活的定位选项，可以自动调整提示框的位置。可以显示复杂的富内容，如小部件、图片和文本。支持自定义触发事件，如悬停、点击或聚焦。略微粗糙一些，但基本上够用；

2025-01-10 10:15:00 193

原创【Flutter&Dart】Tooltip 鼠标停留弹出提示框（20 /100）

官方API提供的Tooltip 一般在组件下面或者上面，但一般都不满足需要；TolyUI 框架TolyTooltip。所以需要第三方组件库方案试试。

2025-01-10 10:00:00 298

原创【Win】内存优化之WPS性能太坑了

前几天我有几次发现内存消耗会跑到20%以下的，然后今天仔细关闭软件进程发现居然是WPS干的。前几天搞开发由于内存性能问题差点没憋坏自己。以后时刻清理WPS提升电脑流程度。以前我以为是360太耗内存了；于是把360卸载了，以及相关组件也卸载了。WPS一个软件程序能干掉30%的内存性能。没开WPS的时候内存消耗占比18%是。

2025-01-09 06:15:00 195

原创【Flutter&Dart】 [ListView] or [GridView] 丝滑切换例子七（19 /100）

不知不觉已经搞到19篇了，快接近目标的五分之一了，按以前的情况大概率干到50篇左右应该完事了。但我想加强一下，把GitHub里开源的比较好的工具项目多搞几个。有兴趣的大佬可以推荐或者一起搞搞蛤！小工具开发一般也就一周或者两周，一个月的估计都算种大型项目了。官网的demo例子，这个比较完整；基本上网格和列表数据加载框架用这一套就够用了；这个列表和选中效果用在SmartApi左侧菜单栏里刚刚好！开始扣UI布局细节了！

2025-01-09 06:00:00 877

原创【Flutter&Dart】 listView 数据为空的效果例子六（18 /100）

整体UI 风格还不错，我加一个空的图标就更好了，就是这个图标可能不太合适蛤。主要是为了看实现效果，所以记录一下；

2025-01-08 08:15:00 140

原创【Flutter&Dart】CustomScrollView&SliverList 等同 listView 的效果例子五（17 /100）

这次使用的是CustomScrollView 和 SliverList。我也没有搞清楚这两个和 listview 有什么区别，下次补充。这个例子的确很令人意外！

2025-01-08 08:00:00 132

原创【Flutter&Dart】 listView例子四（16 /100）

【代码】【Flutter&Dart】 listView.separated例子四（16 /100）

2025-01-07 07:15:00 189

原创【Flutter&Dart】 listView.separated例子三（15 /100）

但我想表达的是，前端很多时候，甚至占比40%以上的UI布局开发量都是ListView。很有可能大部分的BUG也是因为列表list view使用上细节导致的，这个组件再怎么用心都不过分因为没有之一只有唯一！ListView.separated里才有separatorBuilder 参数。有读者会奇怪，博主有毛病吧！

2025-01-07 07:00:00 563

原创【Flutter&Dart】 listView.builder例子二（14 /100）

【代码】【Flutter&Dart】 listView.builder例子二（14 /100）

2025-01-06 17:04:29 788

原创【Flutter&Dart】 listView例子一（13 /100）

很多时候简单的技术点越简单越有利于排查问题，因为做减法有点反人性，但做加法容易让人迷失；所以如果搞不清楚了从头开始，从一开始。

2025-01-06 16:54:56 474

原创【Flutter&Dart】拖动边界线改变列宽并且有边界高亮和鼠标效果（12 /100）

基本达到交互效果了，就是丝滑度好像差一点点。这个有可能是相关参数没有调试好。后期看看能否改进改进。效果已经完成，也没啥好说的了，晚安。

2025-01-05 20:18:44 649

原创【Flutter&Dart】拖动边界线改变列宽类似 vscode 那种拖动改变编辑框窗口大小（11 /100）

比如鼠标停留后的高亮分割线，感觉是停留超过两秒才出现的，滑过不会出现。功能上符合要求了，但是交互效果上还是需要在进行细微调整的。这个在知乎里找到的效果，感觉很不错就给抄过来实现一下。还有左右可拖动的鼠标剪头等等。

2025-01-05 20:15:21 565

原创【Flutter&Dart】拖动改变 widget 的窗口尺寸大小GestureDetector～简单实现（10 /100）

预期的是通过拖动一条边界线改变窗口大小，类似vscode里拖动效果。这个是简单的拖动实现。所以预期的边界线效果，应该是对边界线进行处理，然后和关联的 widget 进行联动，

2025-01-04 11:10:45 609

原创【Flutter&Dart】页面切换 PageView &PageController（9 /100）

后续如果有动画效果修复了，再更新这篇，没有动画效果，总觉得感受的丝滑效果差了很多。有些不能理解官方例子里的动画为什么没有效果，有可能是我写法不对。还差一个拖动边界框改变 widget 的宽高效果；事实就是官方代码，不过有点细微差别。有解决动画效果的回复一下蛤！

2025-01-04 10:20:03 674

原创【Flutter&Dart】文件读写path_provider（7 /100）

导入的包：path_provider: ^2.1.5。调用还是那个构建布局文章。

2025-01-03 07:00:00 279

原创【Flutter&Dart】网络和Http（8 /100）～完成技术积累开始开发 SmartApi

SmartApi 开发工具使用 Futter& Dart 的基本技术已经完成积累了，以后就是搬砖迭代版本了。添加网络客户端权限: 打开macos/Runner/DebugProfile.entitlements和macos/Runner/Release.entitlements文件，如果是Android、IOS或者其他平台那也是需要申请网络权限的。在各个平台配置里进行配置，具体怎么配置我也不是很懂蛤！敬请期待 SmartApi-v2.0.0 版本的发布🙏🙏🙏。调用还是那个构建布局文章。

2025-01-03 07:00:00 554

原创【Flutter&Dart】文本输入TextField～更新时间 2025-01-12 19:04:24（5/100）

上效果：简单的实现了一下：还是在布局构建那一章里调用导入可以用快捷键实现：macOS 里是 command+.；其他系统平台没有用过就不知道了。

2025-01-02 08:00:00 752

原创【Flutter&Dart】使用URL Launcher package to 启动浏览器（6 /100）

上个效果图随便搜搜一个教程里都有，我就不献丑啰嗦了url添加包：url_launcher: ^6.3.1；

2025-01-02 08:00:00 261

原创【Flutter&Dart】混合管理管理widget的state（4/100）

【代码】【Flutter&Dart】混合管理管理widget的state（4/100）

2024-12-31 08:43:15 135

原创【Flutter&Dart】父widget管理widget的state（3/100）

模板代码记录，没啥业务含量和技术含义，只是方便以后抄作业。

2024-12-31 08:41:53 200

原创【Flutter&Dart】交互～创建一个有状态的widget &StatefulWidget（2/100）

上效果：替换上一篇里《》这段代码就可以了把静态布局效果变成了可交互的点击的有状态模式了。写到这里突然觉得 flutter 开发非常丝滑，先进行无状态的布局，然后一点一点替换为有状态的交互。再加上热重载技术的刷新快速展示效果。底层理论使用 flutter 里都是widget 组合方式，从无状态替换有状态很容易。突然有个设想，；另外由于 flutter 是跨平台的，所以理论上可以使用 flutter 再进行转换为 Android、iOS、web、macOS、Linux 等静态界面布局代码。

2024-12-30 15:28:46 1488

原创【Flutter&Dart】构建布局（1/100）

另外宣传一下自研的 smartApi 开发工具，正在紧张的开发进行中。在 pubspec.yaml 里配置 assets images 资源图片。主要是市面上那些 Api 调试工具太难用了，稍微好用一点的又性能消耗巨大。没什么好介绍的，练习构建而已；

2024-12-30 10:09:10 663

原创【Harmony】@ohos.multimedia.audioHaptic (音振协同)填坑版～7

音振协同，表示在播放声音时，可同步发起振动。可用于来电通知、消息提醒等场景导入模块AudioHapticManager获取音振管理器。系统能力： SystemCapability.Multimedia.AudioHaptic.CoreAudioHapticManager管理音振协同功能。

2024-12-16 10:46:02 379

原创【鸿蒙】实现新闻上下轮播滚动效果-harmonyos

没啥原创内容，就是录了一个 GIF 动图让人更直观一些。给自己留个效果章节蛤。没啥好写的下面就是所有了。

2024-11-20 16:16:32 616

原创【Harmony】轮播图特效，持续更新中。。。。

效果预览swiper官网例子Swiper 高度可变化两边等长露出，跟随手指滑动Swiper 指示器导航点位于 Swiper 下方。

2024-09-18 10:45:18 647

原创【Harmony】文本高亮显示、关键字凸显字体大小、颜色、背景色等风格自定义、嵌入html脚本提取超链接及超链接文本或其他脚本片段

预览效果如图（网上找到demo，如有疑问请留评论蛤！）：这个是超链接这是例子里的数据定义方式，和从接口里解析的json数据有所区别再看看其他预览效果，比如有html超链接。

2024-09-06 14:54:13 694 7

原创【鸿蒙】状态栏的显隐和标题栏随滑动减增元组【感谢各位大佬支持粉丝数超过2万】

大部分的首页和主页的标题栏和状态栏需求效果都有细微的区别和差异；不要直接复制到生产工程里，先在练习项目里调试出大差不差的交互效果然后迁移到生产项目工程里比较合适。【最佳实践】是在页面生命周期里选择onPageShow()开启沉浸式效果，onPageHide()里关闭沉浸式效果。避免沉浸式效果干扰其他页面的状态栏和标题栏因为沉浸式设置导致的重叠错乱异常。1、标题栏、状态栏以及部分大标题共用同一个背景大图的情况下，在向上滚动过程中，隐藏了大标题，缩小大背景图片作为状态栏和标题栏的背景图。

2024-08-05 09:49:36 632