B站视频 [链接][链接] 本节目标 app 升级策略 android 动态授权 android 设备目录 ios 支持 swift 语言 快速提示框 正文 ios 支持 swift 语言 出发点 社区第三方包都在用 swift 开发，打包的时候需要加入 swift 语言包。 操作 创建一个支持 swift 的新项目，然后把 lib assets pubspec.yaml 覆盖即可。 app 升级策略 代...

B站视频 [链接][链接] 本节目标 编译 build releae 程序瘦身 混淆程序 修改程序名称 制作图标 制作启动画面 正文 1. APP 图标 规格说明 [链接] [链接] 图标尺寸 android 512x512 ios 1024x1024 在线工具 [链接] flutter_launcher_icons 插件 [链接] pubspec.yaml {代码...} 生成图标 {代码...} 图标目录 android/app/src...

B站视频 [链接][链接] 本节目标 详情页技术方案比较 载入 web 内容 自动计算高度 清除广告、推荐 拦截请求 loading 状态显示 分享插件 远程 android 设备调试 详情展示 技术方案选择 分析工具 UI automator view 文件位置 /Users/ducafecat/Library/Android/sdk/tools/bin/uiautomatorviewer 淘宝方案 混合方式 头条 混...

B站视频 [链接] 本节目标 安装插件 路由定义 自动生成路由控制类 转场动画 登录检查中间件 带参数传递 获取返回值 正文 一些优秀的路由插件 fluro前端的使用体验 router.navigateTo(context, "/users/1234", transition: TransitionType.fadeIn); flutter_modular功能强大的路由管理：中间件、懒加载、状态管理、动态路...

B站视频 [链接][链接][链接][链接][链接][链接] 本节目标 第一次登录显示欢迎界面 离线登录 Provider 响应数据管理 实现 APP 色彩灰度处理 注销登录 Http Status 401 认证授权 首页磁盘缓存 首页缓存策略，延迟 1~3 秒 首页骨架屏 视频 b 站 油管镜像 资源 蓝湖设计稿（加微信给授权 ducafecat）[链接] YAPI 接口管理[链...

B站视频 [链接] 1 本节目标 代码规范 业务代码组织 首页代码编写 2 代码规范 2.1 官方代码规范 [链接] 2.3 chrome 插件 <彩云小译 - 网页翻译插件> [链接] 2.4 阿里项目规范 [链接] 3 业务界面代码组织 3.1 redux、fish-redux redux 架构 fish-redux 架构 进一步的细分，进行规范 [链接][链接] fish-redux 代码 3....

B站视频 [链接] 本节目标 全局数据、响应数据、持久化 http get 缓存 http proxy 代理 fiddle 抓包工具 iconfont 字体库 主界面搭建 BottomNavigationBar 导航控件 编写 api 接口代码 客户端数据管理 数据类型 全局数据 存储在内存 用户数据、语言包 响应数据 存储在内存 用户登录状态、多语言、皮肤样式 Redux、Bloc、p...

B站视频 [链接] 本节目标 前后端分离、契约开发模式 API 接口管理、工具 RESTful 接口规范 TOKEN 安全通讯 自动生成 entity 接口实体类 dio 封装 localstorage 本地存储 密码加密 1. 接口管理 1.1 前后端分离、契约模式 1.2 常见接口管理工具 yapi[链接] easymock[链接] RAP2[链接] swagger[链接] 1.3 yapi 接口管理工具...

B站视频 [链接] 本节目标 静态路由 带阴影的椭圆图标 输入有效性校验 组件抽取方法 通用组件、业务组件 程序目录组织 抽取透明导航栏 toast 提示组件 1 静态路由 1.1 定义静态路由 登录页 lib/pages/sign_in/sign_in.dart 注册页 lib/pages/sign_up/sign_up.dart 静态路由 lib/routes.dart {代码...} 1.2 注册静态路由 l...

B站视频 [链接] 本节目标 加入图片资源 加入字体资源 设计稿适配 编写界面代码的逻辑和组织 1 加入图片资源 1.1 flutter 图片资源规则 官方说明 [链接] 按这个规则编排，flutter 自动适配分辨率图片 assets 目录 yaml 配置 {代码...} 代码调用 {代码...} 1.2 蓝湖切图 注意选着下 ios 目标，这样会自动切图 1x 2x 3x 三...

B站视频 [链接] 本节目标 需求分析 使用蓝湖平台作为标注工具 构建 Flutter 项目 1 需求说明 1.1 样式表 颜色 组件 图标 1.2 整理页面+组件列表 页面名称 组件数量 欢迎页 3 登录页 3 首页 6 搜索页 4 新闻页 4 1.3 排查技术点 数据拉取 图片懒加载 图片缓存 新闻、频道、搜索历史数据缓存 2 使用蓝湖平台作为标注工具 2...

gitlab + sonarqube 集成代码审检平台 1 启动 sonarqube 编写 docker-compose.yml 文件 {代码...} 2 安装插件 进入 配置 -> 应用市场 汉化插件 GitLab 插件 GitLab 登录插件 3 配置 Gitlab 集成 3.1 创建 gitlab 同步账号、设置访问令牌 3.2 配置 sonar 插件 配置 gitlab 地址、访问令牌 开启每次提交建议 显示所有建...

gitlab + gitlab-runner 集成 CICD 1 gitlab-runner 安装 1.1 下载执行文件 {代码...} 1.2 设置执行权限 {代码...} 1.3 创建 GitLab CI 用户 {代码...} 1.4 运行服务 {代码...} 2 gitlab-runner 注册 2.1 获取 Gitlab 注册令牌 打开 gitlab 项目 -> 设置 -> CI / CD -> Runners 设置 2.2 LINUX 注册 运行注册 {...

Gitlab Setup 1 社区版本 1.1 docker run 官方 ce 版本 {代码...} 1.2 docker run 汉化 ce 版本 {代码...} 1.3 docker compose 方式 {代码...} 2 开启 ssh 修改宿主机 ssh 默认端口 22 => 1022 {代码...} 防火墙 firewall {代码...} SELinux {代码...} 2 配置邮件 修改 /etc/gitlab/gitlab.rb {代码...} 更新配置 git...

docker 私仓建设 Registry + Portainer 环境说明 服务器 centos 7.4 ip 172.0.0.10 客户端 centos 7.4 macos windows 1 服务端 1.1 运行 registry 服务 {代码...} 2.1 修改配置 config.yml {代码...} 2 客户端 2.1 改仓库地址 centos {代码...} macos 2.2 打包上传 {代码...} 修改 tag 服务器上保留一个 latest 版本 {代...

目录 01 Docker 常用指令、参数配置速查表 02 Dockerfile 指令速查表 03 Docker Compose 指令速查表 Docker - 03 编排容器 Docker Compose 指令速查表 1 docker-compose CLI 命令 1.1 主要  命令 说明 使用 up 创建并运行作为服务的容器 down 停止服务容器并清除 1.2 其它  命令 说明 使用 bind build需要的镜像 build [...

目录 01 Docker 常用指令、参数配置速查表 02 Dockerfile 指令速查表 03 Docker Compose 指令速查表 Docker - 02 创建镜像 Dockerfile 指令速查表 docker build 命令 参数 说明 示例 -f 指定 Dockerfile 位置 docker build -f /path/to/a/Dockerfile . -t 指定镜像名称 docker build -t shykes/myapp:v1.1.2 . -t -t 生...

目录 01 Docker 常用指令、参数配置速查表 02 Dockerfile 指令速查表 03 Docker Compose 指令速查表 Docker - 01 常用指令、参数配置速查表 Centos7 安装 Docker 阿里镜像安装 官方repo地址被墙，所以我用阿里 {代码...} 加速 国内镜像慢，所以我用阿里 {代码...} 使用镜像加速器 加速器地址 命令速查表 常用度排序 镜像...

目录 01 前言 02 开发环境搭建 03 脚手架创建项目 一切都是组件 04 基础特性 JSX、Props、State、Lifecycle、Event、Style 05 组件渲染控制 06 容器组件、展示组件 07 前端路由 react-router 08 状态管理 react-redux 09 数据请求 fetch 10 属性类型检查 prop-types React 快速上手 - 10 类型检查 PropTypes 目标 了解类...

目录 01 前言 02 开发环境搭建 03 脚手架创建项目 一切都是组件 04 基础特性 JSX、Props、State、Lifecycle、Event、Style 05 组件渲染控制 06 容器组件、展示组件 07 前端路由 react-router 08 状态管理 react-redux 09 数据请求 fetch 10 属性类型检查 prop-types React 快速上手 - 09 数据请求 fetch 本文重点在 fetc...

今天我会快速的过一下 redux 知识，然后讨论下 适用性，最后为了让大家能快速学习，简化了官方的经典 Demo todo ，跟着我做一遍就行。

目录 01 前言 02 开发环境搭建 03 脚手架创建项目 一切都是组件 04 基础特性 JSX、Props、State、Lifecycle、Event、Style 05 组件渲染控制 06 容器组件、展示组件 07 前端路由 react-router 08 状态管理 react-redux 09 数据请求 fetch 10 属性类型检查 prop-types React 快速上手 - 07 前端路由 react-router 目标 基...

目录 01 前言 02 开发环境搭建 03 脚手架创建项目 一切都是组件 04 基础特性 JSX、Props、State、Lifecycle、Event、Style 05 组件渲染控制 06 容器组件、展示组件 07 前端路由 react-router 08 状态管理 react-redux 09 数据请求 fetch 10 属性类型检查 prop-types React 快速上手 - 06 容器组件、展示组件、操作组件 ...

理论上来说，渲染分两种方式 JSX React.createElement （我在本文最后会稍微点到下） ，如何灵活使用大家自己权衡，存在必有理由。

目录 01 前言 02 开发环境搭建 03 脚手架创建项目 一切都是组件 04 基础特性 JSX、Props、State、Lifecycle、Event、Style 05 组件渲染控制 06 容器组件、展示组件 07 前端路由 react-router 08 状态管理 react-redux 09 数据请求 fetch 10 属性类型检查 prop-types React 快速上手 - 04 基础特性 JSX、Props、State、Li...

目录 01 前言 02 开发环境搭建 03 脚手架创建项目 一切都是组件 04 基础特性 JSX、Props、State、Lifecycle、Event、Style 05 组件渲染控制 06 容器组件、展示组件 07 前端路由 react-router 08 状态管理 react-redux 09 数据请求 fetch 10 属性类型检查 prop-types React 快速上手 - 03 脚手架创建项目 一切都是组件 目...

目录 01 前言 02 开发环境搭建 03 脚手架创建项目 一切都是组件 04 基础特性 JSX、Props、State、Lifecycle、Event、Style 05 组件渲染控制 06 容器组件、展示组件 07 前端路由 react-router 08 状态管理 react-redux 09 数据请求 fetch 10 属性类型检查 prop-types React 快速上手 - 02 开发环境搭建 目标 安装 git 软...

我认为对于初学者，过多的信息知识是一种干扰、是阻碍踏出学习的第一步，比如讲 redux 我不会过多讲过多的预备知识，而是通过分析代码的方式希望大家一开始先通过模仿代码来体会（就是自己敲一遍代码），而不是一开始就去关注背后的知识，比如什么 mvvm 双向绑定 flux 等等，这些随着时间推移你都会遇到的，但不是现在

GraphQL 渐进学习 09-graphql-apollo-client-vue-客户端开发 软件环境 vue > 2.5.x 目标 创建 graphql 客户端 封装请求处理 基于 token 验证 代码 ducafecat/eggjs-graphql-example/vue-client 步骤 1 安装依赖包 npm install {代码...} webpack.json 包清单 {代码...} 如果遇到代码编译问题，请对照我使用的包版本 2...

GraphQL 渐进学习 08-graphql-采用eggjs-服务端开发 软件环境 eggjs 2.2.1 请注意当前的环境，老版本的 egg 可能配置有差异 目标 创建 graphql 服务 用户登录授权 用户访问鉴权 代码 ducafecat/eggjs-graphql-example/egg-server 步骤 1 使用 egg-graphql 安装包 {代码...} 开启插件 /config/plugin.js {代码...} 配置插...