在小团队中如何做前端自动化部署

目前我所在的团队规模不大,人员不多,研发流程并没有像之前在大厂时那么规范,也没有成熟的基建来给到我们提供辅助,所以上线发布流程就是一个任性,直接在本地打完包手动上传到OSS就完事,简单高效,但问题也很多,急切需要用自动化手段来解决一些手工劳动。 因为我们用了 gitlab 来管理代码,所以直接上方案:gitlab CI/CD runner gitlab CI/CD runner 本质上,Gitlab Runner 就是一个可以执行脚本的环境,它会根据你 gitlab 仓库中的配置文件,来执行一连串的任务。而 Gitlab Runner 可以被安装在服务器,虚拟机,甚至是Docker容器中。 准……

继续阅读»»»

◷2024/05/17   @老猿𝕏𝕏   ▤分享   ⚑

Flutter入门: Drawer 详解

当前版本 Flutter 3.19.5 前言 Drawer 是Flutter中用于实现抽屉式导航菜单的组件,通常位于屏幕左侧,可以通过滑动或点击按钮打开。 Drawer 常用于放置应用程序的主要导航选项、设置菜单或用户个人资料等内容。 Drawer API 属性 属性一览 backgroundColor: 抽屉背景颜色 child: 抽屉的内容 clipBehavior: 抽屉shape剪裁方式 elevation: 阴影大小 semanticLabel: drawer打开和关闭时候的通知信息 shadowColor: 阴影的颜色 shape: 抽屉的形状 surfaceTintColor: ……

继续阅读»»»

◷2024/05/13   @老猿𝕏𝕏   ▤编程   ⚑

又又又又想改网名了 ㊢

大学:ystar 初入社会:加菲鱼 上班多年:gafish 奔四了:leox 最近发现身边叫Leo的人太多了,一不小心就重名 来个简单的:老猿𝕏𝕏

◷2024/05/13   @老猿𝕏𝕏   ▤生活   ⚑

Flutter入门: NavigationBar 详解

当前版本 Flutter 3.19.5 前言 NavigationBar 通常位于顶部或底部,用于导航和页面切换。它可以包含标题、操作按钮和导航指示器,提供了用户在应用程序中浏览和导航的方式。 NavigationBar API 属性 属性一览 animationDuration: 标签背景动画时长 backgroundColor: 导航栏自身的颜色 destinations: 导航标签列表 elevation: 导航栏的层级 height: 导航栏的高度 indicatorColor: 选中的标签颜色 indicatorShape: 选中的标签形状 labelBehavior: 标签显示模式……

继续阅读»»»

◷2024/05/10   @老猿𝕏𝕏   ▤编程   ⚑

Flutter入门: CupertinoTabBar 详解

当前版本 Flutter 3.19.5 前言 CupertinoTabBar 是一个 iOS 风格的底部导航标签栏,一般跟 CupertinoTabScaffold 配合使用。 也可以用于 Scaffold 的 bottom 属性。 一个完整的使用示例 CupertinoTabScaffold( tabBar: CupertinoTabBar( items: const [ BottomNavigationBarItem( icon: Icon(CupertinoIcons.star_fill), label: ‘Favorites’, ), BottomNavigationBarItem( ……

继续阅读»»»

◷2024/05/6   @老猿𝕏𝕏   ▤编程   ⚑

Flutter入门: TabBar 详解

当前版本 Flutter 3.19.5 前言 TabBar 是用于创建选项卡式导航栏的组件。通常创建为 AppBar 的 AppBar.bottom 部分并与 TabBarView 结合使用, 它通常与TabBarView一起使用,TabBar用于显示选项卡的标签,而TabBarView用于显示与选中标签相关联的内容。 我们既可以手动创建一个 TabController ,也能够直接使用 DefaultTabController widget。最简单的选择是使用 DefaultTabController widget,因为它能够创建出一个可供所有子 widgets 使用的 TabControl……

继续阅读»»»

◷2024/04/28   @老猿𝕏𝕏   ▤编程   ⚑

Flutter入门: AppBar 详解

当前版本 Flutter 3.19.5 前言 AppBar 是 实现了 PreferredSizeWidget 的 StatefulWidget。一般用于传给 Scaffold ,显示于屏幕的顶部,可以返回、显示当前页面标题。也可以叫它 标题栏、顶部导航栏、状态栏。 AppBar API 属性 属性一览 actions: 标题后面连续显示的 widget 列表 actionsIconTheme: 设置 actions 中图标的样式 automaticallyImplyLeading: leading 是 null 时 是否自动创建 leading backgroundColor: AppBar……

继续阅读»»»

◷2024/04/26   @老猿𝕏𝕏   ▤编程   ⚑

Flutter入门: Scaffold 详解

当前版本 Flutter 3.19.5 前言 Scaffold 用于构建应用程序的基本布局结构。它提供了一个标准的应用程序布局,包括顶部的应用栏、底部的导航栏、抽屉菜单等,以及中间可变化的主体内容区域。 Scaffold API 属性 属性一览 appBar: 页面上方导航条 backgroundColor: 背景色 body: 页面容器 bottomNavigationBar: 底部导航条 bottomSheet: 一个持久停留在body下方,底部控件上方的控件 drawer: 左侧侧边栏 drawerDragStartBehavior: 控制侧边栏的一些特性 drawerEdgeDragW……

继续阅读»»»

◷2024/04/26   @老猿𝕏𝕏   ▤编程   ⚑

Flutter入门: AppBarTheme详解

当前版本 Flutter 3.19.5 前言 AppBarTheme用于定义AppBar的主题样式。是Material组件库中常用的顶部应用栏,它通常包含标题、操作按钮和其他相关内容。AppBarTheme允许您自定义AppBar的外观,包括标题样式、背景色、图标样式等。 AppBarTheme API 属性 属性一览 actionsIconTheme: 右侧actions图标主题 backgroundColor: 定义AppBar的背景色 centerTitle: 标题居中 elevation: 阴影的大小,默认值为 4 foregroundColor: 前景色 iconTheme: 所有图……

继续阅读»»»

◷2024/04/18   @老猿𝕏𝕏   ▤编程   ⚑

Flutter入门: TextStyle详解

当前版本 Flutter 3.19.5 前言 TextStyle用于定义文本的样式,包括字体、字号、颜色、加粗、斜体等属性。通过TextStyle,我们可以为文本设置不同的外观,使得文本在应用程序中呈现出不同的风格和效果。 TextStyle API 属性 属性一览 background: 背景色 backgroundColor: 背景色缩写(与background只能存在一个) color: 文字颜色 debugLabel: 调试描述 decoration: 文本附近的装饰 decorationColor: 装饰颜色 decorationStyle: 装饰样式(如: 虚线) decorati……

继续阅读»»»

◷2024/04/18   @老猿𝕏𝕏   ▤编程   ⚑