自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

咖啡花园

专注咖啡一百年!

原创 用Postwoman搭建团队使用的API调试工具

首先对比下Postwoman和Postman的优缺点。 Postman Postwoman 本地个人使用免费 本地个人使用免费 团队使用按人头收服务费 开源项目,部署到私有服务器供团队使用 下载客户端 直接在线访问 浏览器插件安装 PWA的方式安装 本地网络请求 本...

2020-03-31 11:17:29 618 2

原创 GitLab CI的入门搭建

搭建一个GitLab CI环境分两步 在服务器配置GitLab Runner GitLab Runner是一个用来执行持续集成脚本的网络服务,它的工作模式是 轮询GitLab仓库 一旦发现GitLab仓库中的代码分支有变化,就在服务器的工作空间内pull(拉取)最新代码 并执行项目目录下.git...

2019-11-17 01:00:45 522 0

原创 TFLearn的简单实例

通过使用TFLearn实现简单的逻辑非(NOT)、逻辑或(OR)、逻辑与(AND)和异或(XOR)运算符模型,我们可以一览TFLearn和TensorFlow中的一些基础知识。 首先,要在我们的demo文件中导入TFLearn和TensorFlow的python库,并声明使用UTF-8编码。 # ...

2019-09-27 16:37:55 172 0

原创 TFLearn入门实例

如果你了解过TensorFlow框架,会发现这个深度学习库需要我们自己定义所有的计算节点,通过将图片进行卷积处理、建立卷积网络、建立池化层网络、建立全连接层等步骤,实现一个卷积神经网络,让人头大。 而TFLearn是一个建立在TensorFlow之上的模块化的、透明的深度学习库,比TensorFl...

2019-09-26 17:39:46 170 0

原创 Flutter游戏:简单规则与结束页

本篇文章的内容需要在完成以下内容代码的基础上进行哦! 《开始用Flutter做游戏吧》 《Flutter游戏:万有引力定律》 《Flutter游戏:垃圾里会生蚊子》 《Flutter游戏:蚊子飞来飞去》 《Flutter游戏:启动时的欢迎页》 简单游戏规则 在创建的失败页面之前,要设置游戏失败...

2019-08-10 19:41:35 1073 2

原创 Flutter游戏:启动时的欢迎页

本篇文章的内容需要在完成以下内容代码的基础上进行哦! 《开始用Flutter做游戏吧》 《Flutter游戏:万有引力定律》 《Flutter游戏:垃圾里会生蚊子》 《Flutter游戏:蚊子飞来飞去》 加载更多资源 首先下载接下来要用到的游戏资源文件,因为之前已经下载过一部分,所以下面讲一下...

2019-07-22 23:51:29 1498 1

原创 Flutter游戏:蚊子飞来飞去

本文紧接上文《Flutter游戏:垃圾里会生蚊子》中完成的代码内容,建议先完成前面的代码呦。 更多蚊子种类 现在我们可以为蚊子添加更多种类,即为Fly类添加更多子类,这一步应该很快就可以完成,因为它们与components/mosquito-fly.dart文件基本相同,唯一的区别就是引用的图...

2019-07-15 10:33:13 761 1

原创 Flutter游戏:垃圾里会生蚊子

加载游戏资源 在开始下面的内容之前,最好的话是先把《开始用Flutter做游戏吧》过一遍,然后再完成《Flutter游戏:万有引力定律》里的游戏,因为下面的内容是在该游戏的基础上开发的。 首先下载这个游戏要用到的游戏资源文件,然后在项目目录下建立assets/images目录,在该目录下再分别建立...

2019-07-11 17:23:25 775 1

原创 Flutter游戏:万有引力定律

搭游戏主循环 要Flutter做一个游戏,我们需要先把一个简单的Flame游戏主循环脚手架给搭起来,这部分的内容在前面的《开始用Flutter做游戏吧》里面有详细的讲解哦! 新建一个hit-game.dart文件,用以下代码建立游戏主循环,这个游戏主循环是我们游戏的核心,我们待会再扩充里面的内容。...

2019-07-09 17:21:45 1624 1

原创 开始用Flutter做游戏吧

一点点基础 游戏主循环(GameLoop) 游戏主循环是游戏的核心,计算机一次又一次运行的一组指令,用通俗的话来说,如果游戏有生命,那么游戏主循环就是游戏的心跳。 同时为了更好的理解游戏主循环,还需要引入一个计算机图像领域的知识——FPS,FPS全称是“Frames Per Second”,翻译为...

2019-07-03 12:12:16 8399 5

原创 Flutter:1个人,100天业余时间,能开发出什么?

项目介绍 这个一个淘电商APP,同类型的APP有粉象生活、花生日记、好省、折800等等,基本上一个常规电商APP该有的,这个项目都有了。目前,该项目的完成度为80%,剩余的20%因为没有后台项目支持,所以无法完成。 为啥要做这个东西勒,因为作为Flutter的早期研究者,有不少人都问过我,Flut...

2019-06-25 15:43:34 1742 4

原创 Flutter代码锦囊---淘口令复制弹窗

对于淘系电商APP或其他类似的APP而言,获取剪贴板上的淘口令,再解析出具体的商品详情,是整个APP的核心业务操作,就像下面图片展示的这样。 下面我们就用Flutter实现这个功能,首先是前面一部分导入相关引用和常规页面布局代码,直接复制就好了。 import 'package:flu...

2019-06-21 11:33:49 821 2

原创 Flutter代码锦囊---摇一摇

现在很多APP里面的会出现让用户拿起手机摇一摇的场景,除了最常见的微信、QQ等社交APP里面的摇一摇,我们在把APP给测试人员测试的时候,也经常要添加上摇一摇弹窗切换环境的场景,比如下面的场景。 所以,下面就来演示一下在Flutter上要怎么加上监听手机“摇一摇”并进行后续的操作逻辑。 首...

2019-06-20 19:49:32 534 0

原创 Flutter代码锦囊---自定义曲线裁剪

在实际开发中,很多APP里面都会有一些布局需要用到曲线,而不是直线,下面举两个例子,一个是京东APP的页面,一个是淘宝APP的页面,它们都用到了曲线。 在Flutter中可以怎么实现这个效果呢,有一个简单的方法,也有一个复杂的方法。首先简单的方法是什么呢?让UI给一张PNG图片文件,直接贴上去。那...

2019-05-07 20:59:42 1022 1

原创 Flutter代码锦囊---魔改进度条

Flutter框架提供了Material Design风格的线性进度条(LinearProgressIndicator)组件,就是下面的样子,方方正正的,一点也不圆润。 但是很多APP的设计都按照Material Design风格来玩的,各种各样的都有,我们选择最常见的一种来看一下,下面是“淘宝...

2019-05-07 14:17:01 1149 2

原创 Flutter代码锦囊---集中管理路由与导航

当一个Flutter项目的页面多来以后,页面跳来跳去的,开发者自己都会晕,所以需要用一个集中、灵活的方式去管理项目中所有页面的路由与导航。 通常我们是使用主页(home)属性设置应用程序的默认路由,即Navigator.defaultRouteName或/路由上的组件。除非指定了初始路由(init...

2019-04-23 16:40:08 464 1

原创 Flutter代码锦囊---切换时页面保持状态

一个正常的Flutter项目中,通过底部导航栏(BottomNavigationBar)或者标签栏(TabBar)组件来切换页面内容,是很正常的操作。但是大家是否有发现,每次导航栏或标签栏切换页面时,之前的页面就被清理了。比如,第一个页面的列表视图(ListView)已经滑动到底部,切换到第二个页...

2019-04-23 14:13:15 1802 0

原创 简单的识别猫狗的模型

从Google下载猫狗训练集与验证集的zip压缩包,提取到项目目录下。这个文件夹里面包含训练(train)和验证(validation)数据集的子目录,而且每个子目录都包含猫和狗的子目录。 可以直接在它这个目录下创建一个python文件,就叫猫和狗(cats_and_dogs.py),然后配置好...

2019-04-12 20:25:34 736 0

原创 TensorFlow版本的HelloWord

下面是TensorFlow官网提供的一个入门代码,对于一个机器学习的新手来说,好难呀,所以下面就只能一行一行的来理解了。 import tensorflow as tf mnist = tf.keras.datasets.mnist (x_train, y_train),(x_test, y_...

2019-03-28 20:11:10 421 1

原创 使用PyCharm快速安装TensorFlow

本来之前写的《使用VirtualEnv在Mac安装TensorFlow》已经搭建好TensorFlow学习环境了,后来发现使用PyCharm搭建TensorFlow学习环境简直不要太方便了,就重新搭建了一遍! 启动PyCharm,创建一个新项目,选择New environment using -&...

2019-03-28 11:59:49 818 1

原创 使用VirtualEnv在Mac安装TensorFlow

浏览器打开pypi.org网站,根据说明安装最新版本的virtualenv库,然后使用下面的命令在本机的~/development/目录下创建一个隔离的TensorFlow学习环境,名字是tensorflow: virtualenv --system-site-packages ~/develop...

2019-03-27 21:30:48 408 0

原创 Flutter代码锦囊---根据环境选择URL地址

现在要给公司开发一个内部使用的APP,但是因为是小公司,没有多余的服务器资源,只能拿公司的主机当服务器,也只能在通过映射实现外网访问。所以呀,很蛋疼,只能想办法判断用户是在内网使用APP,还是在外网使用APP,然后根据环境选择URL请求的IP地址。 首先是新建一个dart文件,把Flutter应用...

2019-03-11 17:39:11 785 0

原创 python操控chrome抓网页

通过chrome浏览器直接打开目标网站,然后直接抓取里面的前端代码,可以让我们不必分析、破解目标网站的接口加密规则,因为对于非目标网站的内部人员来说,这个工作可没有那么简单。 首先要了解的是,WebDriver是一个开源工具,用于跨多个浏览器自动测试Web应用程序,它提供了导航到网页、用户输入、J...

2019-01-28 19:38:25 603 0

原创 Flutter布局锦囊---绑定手机页

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “顶部导航栏”,标题+取消按钮+跳过按钮的应用栏。 “手机号输入框”,用于获取手机号码的圆角边框输入字段。 “验证码输入框”,用于获取验证码的圆角边框输入字段,还包括获取验证码的按钮。 “提交按钮”,在满足条件后让用户点击的提交按钮。 ...

2019-01-27 16:51:10 656 1

原创 Flutter布局锦囊---圆框的表单字段

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “黑色圆角边框”,因为文本字段(TextField)组件的没有符合需求的样式,所以要自己做一个边框。 “文本输入框”,去掉文本字段(TextField)组件默认样式的文本输入框。 然后就可以开始进行编码了。 第1步:绘制组件树 第2...

2019-01-24 20:27:07 523 1

原创 Flutter布局锦囊---完善信息页

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “用户昵称输入”,获取用户输入的昵称信息。 “用户头像选取”,获取用户选取作为头像的图片。 “用户性别选择”,获取用户选择的性别信息。 “提交按钮”,提交用户的信息。 然后就可以开始进行编码了。 第1步:绘制组件树 第2步:实现“用...

2019-01-23 22:07:05 494 1

原创 Flutter布局锦囊---男女性别单选

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “点击操作”,感应用户选择性别的区域。 “选择性别男”,性别男的选择区域,点击会更新图片和样式。 “选择性别女”,性别女的选择区域,点击会更新图片和样式。 然后就可以开始进行编码了。 第1步:绘制组件树 第2步...

2019-01-17 11:46:45 1394 1

原创 Flutter布局锦囊---有背景图的头像选择

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “获取相册图片”,Flutter团队开发的图片选择器(image_picker)插件,从手机相册中获取图片。 “默认头像图片”,新用户默认的头像图片,右下方通过一个小图片提醒用户可以点击设置头像。 “圆形头像图片”,经过简单裁剪后的圆形...

2019-01-15 15:09:56 1229 1

原创 Flutter布局锦囊---带输入字段的应用栏

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “堆栈容器”,使用大小框(SizedBox)和堆栈(Stack)组件搞的容器,用于实现层次结构。 “下层的导航”,放在堆栈容器下层,由图标按钮(IconButton)和图片(Image)组件实现的导航。 “上层的输入区域”,经过简单定制...

2019-01-12 18:42:21 394 0

原创 Flutter布局锦囊---简单的应用栏

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “公共应用栏”,可以给应用程序中的大部分页面使用的通用组件。 然后就可以开始进行编码了。 第1步:绘制组件树 第2步:实现“公共应用栏” 使用Flutter的应用栏(AppBar)组件,你可以实现一些简单定制效果...

2019-01-11 10:57:34 440 1

原创 Flutter布局锦囊---屏幕顶部提醒

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “提醒页面”,显示在屏幕上方的文字提醒页面,不会覆盖原路由页面。 “路由导航”,使用Flutter的路由与导航组件来推(push)提醒页面。 “倒计时抛”,使用Flutter的倒计时组件自动抛(pop)提醒页面。 “过渡动...

2019-01-07 22:13:59 2768 5

原创 Flutter布局锦囊---手机号登录页

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “运营位”,使用自定义的旋转木马滑块组件实现可以滚动的运营位。 “登录表单”,使用自定义的登录表单组件实现手机号、验证码登录的表单。 “用户协议”,使用自定义的用户协议组件实现用户协议的声明文本。 然后就可以开始进行编码了。 第1步:...

2019-01-05 01:02:47 2772 2

原创 Flutter布局锦囊---用户协议声明

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “用户协议声明”,使用文本(Text)组件和文字跨度(TextSpan)组件组成的用户协议声明文本。 然后就可以开始进行编码了。 第1步:绘制组件树 第2步:实现“用户协议声明” 因为Flutter的嵌套结构非常复杂,所以你必须将所...

2019-01-04 23:16:08 1559 2

原创 Flutter布局锦囊---蜡笔画的表单

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “手机号输入框”,使用自定义的登录表单字段组件实现的输入框。 “验证码输入框”,使用自定义的登录表单验证码组件和登录表单字段组件组合实现的输入框。 “登录按钮”,使用自定义的涂鸦按钮组件实现的按钮。 然后就可以开始进行编码了。 第1步...

2019-01-04 22:15:52 968 0

原创 Flutter布局锦囊---带彩条的文本字段

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “文本输入框”,使用文本字段(TextField)组件实现的输入框。 “状态指示条”,使用容器(Container)组件实现带颜色的长方形。 然后就可以开始进行编码了。 第1步:绘制组件树 第2步:实现“文本输入框” Flutter...

2019-01-03 19:29:49 811 0

原创 Flutter布局锦囊---涂鸦风格按钮

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “可点击框”,使用堆栈(Stack)组件布局的可点击区域。 “底部矩形”,用来衬托“主要矩形”,以形成立体效果的矩形。 “主要矩形”,按钮主体部分,通过调整上下位置来模拟按压效果。 然后就可以开始进行编码了。 第1步:绘制组件树 第...

2019-01-03 15:34:32 763 0

原创 Flutter布局锦囊---验证码倒计时

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “获取验证码按钮”,可以通过点击按钮来获取验证码。 然后就可以开始进行编码了。 第1步:绘制组件树 第2步:实现“获取验证码按钮” 获取验证码的按钮需要显示在文本字段的上面,所以你可以直接使用Flutter的墨水...

2019-01-02 14:11:53 5366 4

原创 Flutter布局锦囊---轮播图片与滑块

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “运营位”,可以通过左右滑动来切换图片。 “进度条”,显示“运营位”当前位置的进度条。 然后就可以开始进行编码了。 第1步:绘制组件树 第2步:实现“运营位” Flutter没有直接提供可以通过左右滑动来切换图...

2018-12-27 18:31:07 2667 1

原创 在Ubuntu 18.04上搭建HttpRunnerManager服务

首先在HttpRunnerManager的GitHub页面下载项目代码,然后存放在任意目录下。 安装python的Django库,可以使用pip3 list --format columns确认是否已经安装Django库。 使用pip3 install django-celery命令安...

2018-11-01 15:36:00 883 1

原创 使用SonarQube扫描器分析项目

SonarQube Scanner是SonarQube扫描器,它通过各种不同的分析机制对项目源代码进行分析和扫描,并把分析扫描后的结果上传到SonarQube的数据库,通过SonarQube的Web界面对分析结果进行展示与管理。 SonarQube建议将SonarQube Scanner用作使用S...

2018-10-15 15:09:53 6500 0

提示
确定要删除当前文章?
取消 删除