RED | 易学教程

【opencv4.3.0教程】02之图像的读取、显示、修改及保存

阅读更多关于【opencv4.3.0教程】02之图像的读取、显示、修改及保存

目录一、前言二、图像基本操作 0、啥是API 1、加载图像CV :: imread 1.加载图像是什么？ 2.API 2、创建窗口cv::namedWindow 1.创建窗口是什么？ 2.API 3.它是必要的吗？ 3、显示图像CV :: imshow 1.显示图像是什么？ 2.API 4、修改图像 (cv::cvtColor) 1.修改图像是什么？ 2.API 5、保存图像 (cv::imwrite) 1.保存图像是什么？ 2.API 三、全部代码及结果展示 1、代码 2、运行效果图五、几个图像基本概念一、前言上一篇文章我们讲了安装和配置，这节课我们还是了解几个最基本的操作，包括图像的读取、图像的显示、图像的修改、图像的保存。如果你已经有了解过OpenCV，那对这些概念可能比较清楚，如果你是一个小白，想入门学习OpenCV4.3.0，那先不要想太多，先跟我一起读懂每一个API，跟我一起学着写代码。我们这一系列文章，会讲解API，API的功能、API调参、API的原理，但是我们不会讲API的实现细节，如果你对具体实现细节有兴趣，你可以查看源码以及数字图像处理原理。二、图像基本操作图像基本操作包括加载，修改，显示，保存。 0、啥是API 从今天这篇文章开始往后，我们会经常讲到API，所以我们要介绍一下，什么是API？ API的定义如下： API（

python_接口自动化测试框架

阅读更多关于 python_接口自动化测试框架

本文总结分享介绍接口测试框架开发，环境使用python3+selenium3+unittest+ddt+ requests 测试框架及ddt数据驱动，采用Excel管理测试用例等集成测试数据功能，以及使用HTMLTestRunner来生成测试报告，目前有开源的poman、Jmeter等接口测试工具，为什么还要开发接口测试框架呢？因接口测试工具也有存在几点不足。测试数据不可控制。比如接口返回数据不可控，就无法自动断言接口返回的数据，不能断定是接口程序引起，还是测试数据变化引起的错误，所以需要做一些初始化测试数据。接口工具没有具备初始化测试数据功能，无法做到真正的接口测试自动化。无法测试加密接口。实际项目中，多数接口不是可以随便调用，一般情况无法摸拟和生成加密算法。如时间戳和MDB加密算法，一般接口工具无法摸拟。扩展能力不足。开源的接口测试工具无法实现扩展功能。比如，我们想生成不同格式的测试报告，想将测试报告发送到指定邮箱，又想让接口测试集成到CI中，做持续集成定时任务。测试框架处理流程测试框架处理过程如下：首先初始化清空数据库表的数据，向数据库插入测试数据；调用被测试系统提供的接口，先数据驱动读取excel用例一行数据；发送请求数据，根据传参数据，向数据库查询得到对应的数据；将查询的结果组装成JSON格式的数据，同时根据返回的数据值与Excel的值对比判断

用纯 CSS 判断鼠标进入的方向

阅读更多关于用纯 CSS 判断鼠标进入的方向

在之前某一个前端技术群里，有一个群友说他面试的时候遇到了一个问题，就是面试官让他用纯 CSS 来实现一个根据鼠标移动位置觉得物体移动方向的 DEMO。给出的初始结构如下： <style> body { padding: 2em; text-align: center; } .block { position: relative; display: inline-block; width: 10em; height: 10em; vertical-align: middle; } .block_content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 10em; background: #333; color: #FFF; } </style> <p class="text">从不同方向使鼠标指针移过下面的内容</p> <p>↓</p> <span>→ </span> <div class="block"> <div class="block_content"> Hover me! </div> </div> <span> ←</span> <p>↑</p> 实现净会问这种不实用又跟业务没啥关系的问题，气抖冷

一分钟了解HTML 与 CSS（乐字节，乐字节java，乐字节架构）

阅读更多关于一分钟了解HTML 与 CSS（乐字节，乐字节java，乐字节架构）

HTML 与 CSS（1）如果你想成为一名优秀的java架构师，看这里 → 乐字节免费公开课（腾讯课堂）如需要跟多资料请点击右侧 → 这是一条不归路，有秃头风险，请慎重选择！ HTML HTML（ HyperText Markup Language ）就是超文本标记语言。"超文本"就是表示页面内可以包含非文字元素，如：图片、链接、音乐等等。它是一种建立网页文件的语言，通过标记式的指令（Tag），将影像、声音、图片、文字等链接显示出来。这种标记性语言是因特网上网页的主要语言。 HTML 网页文件可以使用记事本、写字板、HBuilder、Sublime 等编辑工具来编写，以 .htm 或 .html 为文件后缀名保存。将 HTML 网页文件用浏览器打开显示，若测试没有问题则可以放到服务器（Server）上，对外发布信息。基础语法标签 HTML 标记是由"<"和">"所括住的指令标记，用于向浏览器发送标记指令。主要分为：单标记指令、双标记指令（由"<起始标记>"＋内容＋"</结束标记>"构成）。 HTML语言使用标志对的方法编写文件，既简单又方便。它通常使用"<标志名>内容</标志名>"来表示标志的开始和结束，因此在HTML文档中这样的标志对都必须是成对使用的。为了便于理解，将HTML标记语言大致分为：基本标记、格式标记、文本标记、图像标记

CSS两列布局的N种实现

阅读更多关于 CSS两列布局的N种实现

一、什么是两列布局　　两列布局分为两种，一种是左侧定宽、右侧自适应，另一种是两列都自适应（即左侧宽度由子元素决定，右侧补齐剩余空间）。在CSS面试题里面属于常考题，也是一个前端开发工程师必须掌握的技能，下面将分别介绍实现方式。二、左侧定宽、右侧自适应如何实现？　　1.双inline-block 　　　　原理：两个元素都设置dislpay:inline-block，为了消除html空格的影响，父元素的font-size需要设置为0，右侧自适应元素的宽度使用calc函数计算。如果两个元素的高度不一样，可以给元素设置vertical-align:top调整。　　　　缺点：由于父元素设置了font-size为0，子元素内文字不会显示 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> *{ padding: 0; margin: 0; } .box{ height: 600px; width: 100%; font-size:0; } .left{ display: inline-block; width: 100px; height: 200px; background-color: red; vertical-align: top; } .right{ display:

实现虚拟DOM

阅读更多关于实现虚拟DOM

一：完整代码 ;( function (w){ function createElement(type, attribute, ...childs){ // 创建虚拟DOM let element = { type: '' , attribute: {}, childs: [] }; element.type = type; element.attribute = attribute; for (let item of childs){ element.childs.push(item); } return element; } function render(vElement, domNode){ // 把虚拟DOM渲染到真实DOM节点 let elementList = [], // 保存着一些元素数组，这些元素数组的第一项是父元素，其他项是子元素 listItem = [], // 迭代中临时保存elementList的每一项 topE = [vElement], // 保存着上一层元素列表 tempE = [], // topE的临时变量 elementRef = [], // 保存元素引用，不保存文本节点的引用 elementRefs = []; // 另一个，交替使用 while (topE.length != 0){ // 生成符合符合要求的elementList数组

Hacker News 简讯 2020-08-01

阅读更多关于 Hacker News 简讯 2020-08-01

最后更新时间: 2020-08-01 23:01 JS1024 Results – 1k JavaScript Demos - (js1024.fun) JS1K JavaScript演示结果得分:35 | 评论:8 Derek Sivers and the Art of Enough - (brendancahill.io) 德里克·西弗斯和足够的艺术得分:22 | 评论:5 Perl7 is a fork of values - (perl.org) Perl7是一个价值的分支得分:63 | 评论:44 Show HN: JavaScript-free personal bio hosting - (plumebio.com) 显示HN:JavaScript免费个人生物托管得分:71 | 评论:44 Data isn't just being collected from your phone. It's being used to score you - (chron.com) 数据不仅仅是从手机上收集的。它被用来给你打分得分:41 | 评论:14 T-Mobile blocking SMS containing specific words - (reddit.com) T-Mobile拦截包含特定单词的短信得分:54 | 评论:7 What I learned

LayUI入门基础篇4（乐字节架构、大数据）

阅读更多关于 LayUI入门基础篇4（乐字节架构、大数据）

分页如果需要更多资料点击下方图片加好友领取⬇（注明来意） <font color="red">模块加载名称： laypage </font> 快速使用 laypage 的使用非常简单，指向一个用于存放分页的容器，通过服务端得到一些初始值，即可完成分页渲染。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>分页</title> <link rel="stylesheet" href="layui/css/layui.css"> </head> <body> <div id="test1"></div> </body> <script src="layui/layui.js"></script> <script type="text/javascript"> layui.use('laypage', function(){ var laypage = layui.laypage; //执行一个laypage实例 laypage.render({ elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号 ,count: 50 //数据总数，从服务端得到 }); }); </script>

css：选择器（标签、类、ID、通配符）

阅读更多关于 css：选择器（标签、类、ID、通配符）

1、css概述主要的使用场景就是美化网页，布局页面（1）html的局限性它只关注内容的语义，只能做一些简单的样式，并且非常的臃肿和繁琐（2）css对网页美化的作用 css是层叠样式表的简称，它和html是一样的，都是一种标记语言，css主要用于设置html页面的文本内容（字体、大小、对齐方式等）图片的外形（宽度、高度、边框样式、边距等）以及版面的布局和外观显示样式。css可以美化html使得页面更加漂亮，页面的布局更加简单。（3）html与css html主要做结构，显示元素内容，css美化html，布局网页。因此，html专注结构呈现，css做样式，即结构与样式相分离 2、css语法规范（1）代码 < html > < head > < meta charset ="utf-8" > < title ></ title > < style > p{ color: red; font-size: 20px; } </ style > </ head > < body bgcolor ="aquamarine" > < h2 > 静夜思 </ h2 > < p > 床前明月光，疑似地上霜 </ p > < p > 举头望明月，低头思故乡， </ p > </ body > </ html > （2）测试在style标签中，p被称为选择器，用于指定css的html标签

search（14）- elastic4s-统计范围：global, filter,post-filter bucket

阅读更多关于 search（14）- elastic4s-统计范围：global, filter,post-filter bucket

聚合一般作用在query范围内。不带query的aggregation请求实际上是在match_all{}查询范围内进行统计的： GET /cartxns/ _search { " aggs " : { " all_colors " : { " terms " : { " field " : " color.keyword " } } } } } GET /cartxns/ _search { " query " : { " match_all " : {} }, " aggs " : { " all_colors " : { " terms " : { " field " : " color.keyword " } } } } } 上面这两个请求结果相同： " aggregations " : { " all_colors " : { " doc_count_error_upper_bound " : 0 , " sum_other_doc_count " : 0 , " buckets " : [ { " key " : " red " , " doc_count " : 4 }, { " key " : " blue " , " doc_count " : 2 }, { " key " : " green " , " doc_count " : 2 } ] } }

订阅 RED