RED

前言 在4月21日晚，Vue作者尤雨溪在哔哩哔哩直播分享了Vue.js 3.0 Beta最新进展。 里面尤大大所提到他最近在做的这个小工具 vite ,一个实验性的no build的vue开发服务器。(这个小工具可以支持热更新,且不用预编译) 一丶安装 命令行复制以下 mkdir vue-vite 新建文件夹 npm init - y 初始化项目 npm i vite - g 全局安装vite npm i vue@next 安装vue3.0 beta版 二丶新建文件 在项目目录下新建 一下文件 index.html <div id= " app " ></div> <script type= " module " > import { createApp } from ' vue ' import Comp from ' ./Comp.vue ' createApp(Comp).mount( ' #app ' ) </script> Comp.vue <template> <button @click= " count++ " >{{ count }}</button> </template> <script> export default { data: () => ({ count: 0 }) } </script> <style scoped> button { color:

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

html5 canvas+js实现ps钢笔抠图( 速抠图 www.sukoutu.com ) 根据html5 canvas+js实现ps钢笔抠图的实现，aiaito 开发者开发了一套在线抠图工具， 速抠图sukoutu.com 是一款公益性质的免费在线快速抠图工具， 支持支持8倍高清钢笔抠图、矩阵抠图、图片压缩、图片尺寸调整等，该工具旨在为用户提供更快捷高效的抠图服务。 1. 项目要求需要用js实现photoshop中钢笔抠图功能，就用了近三四天的时间去解决它，最终还是基本上把他实现了。 做的过程中走了不少弯路，最终一同事找到了canvans以比较核心的属性globalCompositeOperation = "destination-out", 属性可以实现通过由多个点构成的闭合区间设置成透明色穿透画布背景色或是背景图片，这样省了许多事。 2.实现效果： 鼠标点完之后会将所有的点连成闭合区间，并可自由拖拉任一点，当形成闭合区间后，可在任意两点之间添加新点进行拖拉。 3.实现思路： 设置两层div,底层设置图片，顶层设置canvas画布（如果将图片渲染到画布上，抠图时会闪烁，所以至于底层），在画布上监视 鼠标事件反复渲染点及之间连线，形成闭合区间后将整体画布渲染小块背景图片，并将闭合区间渲染透明色。并把点的相对画布 坐标记录或更新到数组中去。截完图后，将点的坐标集合传回后台

授权几乎是所以系统都不可或缺的部分，在 Nancy 中怎么授权呢 ? 我们这篇博文来说一下 Nancy 的 Forms 授权。 首先在 NuGet 上安装 Nancy.Authentication.Forms Nancy 的 Forms 验证得实现 IUserMapper 接口，用户类实现 IUserIdentity 接口（为了方便，我把 DB 的 User ， Model 的 User 全合成一个 User ） User.cs using Nancy.Security; using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace TestSelfHostWeb { public class User : IUserIdentity { public User() { } public User(string userName) { UserName = userName; } /// <summary> /// 实现接口的成员 /// </summary> public string UserName { get; set; } public string Password { get;

先通过命令查看节点的shard分配整体情况 curl -X GET "ip:9200/_cat/allocation?v" 说明：有16个索引未分片 2、查看未分片的索引 curl -XGET ip:9200/_cat/shards?h=index,shard,prirep,state,unassigned.reason| grep UNASSIGNED 说明：第一列索引名称、第二列分片名称、第三列主分片还是副本分片(p:主分片，r:副分片)、第四列分片状态、第五列未分片原因(DANGLING_INDEX_IMPORTED:由于有一个节点挂了一段时间，在这期间这16个索引已经被删除，后面我们重启这个节点重新加入集群后就出现Dangling问题了) 解决办法： 1、需要手动删除这16个索引，命令 curl -X DELETE "ip:9200/index_name?pretty" 返回"acknowledged" : true代表删除成功 2、再查看集群状态 curl -X GET "ip:9200/_cat/health" 来源： oschina 链接： https://my.oschina.net/u/4368375/blog/4312937

【目录】 一、布局相关的标签 二、盒子模型 三、浮动 （有个即刻偷师学艺的方法—— 在浏览器里，打开一个设计很棒的网页，鼠标点击右键，选择“检查”，即可查看网页的HTML+CSS代码和相对应的布局位置） 一、布局相关的标签 二、盒子模型 1、什么是盒子模型 # 就以快递盒为例 快递盒与快递盒之间的距离(标签与标签之间的距离 margin外边距) 盒子的厚度(标签的边框 border) 盒子里面的物体到盒子的距离(内容到边框的距离 padding内边距) 物体的大小(内容 content) # 如果你想要调整标签与标签之间的距离 你就可以调整margin # 浏览器会自带8px的margin，一般情况下我们在写页面的时候，上来就会先将body的margin去除 <! DOCTYPE html > < html lang ="en" > < head > < meta charset ="UTF-8" > < title > Title </ title > < meta name ="viewport" content ="width=device-width, initial-scale=1" > < style > body { margin : 0 ; /* 上下左右全是0 /*margin: 10px 20px; !* 第一个上下 第二个左右*! */ /* margin:

前言：在使用css给页面进行排版美化的过程中，经常会用到pposition属性。那么，接下来我们就详细介绍一下position属性。 首先，我们先写一个HTML文件，利用css实现多行内容垂直居中。 > <divclass="wrap"> > > <divclass="content"> > > <h1>hello world</h1> > > <h2>HELLO WORLD</h2> > > <h3>层叠样式表</h3> > > </div> > > </div> 接下来我们使用css进行布局排版： > .wrap{ > > width:100%; > > height:400px; > > display:table; > > } > > .content{ > > display:table-cell; > > vertical-align:table; > > text-align:center; > > } position属性： 一**、静态定位/常规定位/自然定位static** **作用：**使元素定位于自然流中 特点： 1 、忽略top、bottom、left、right或者z-index声明 2 、两个相邻的元素如果都设置了外边距，那么最终外边距=两者外边距中最大的 3 、具有固定width和height值的元素，如果把左右外边距设置为auto

1、for...in 循环：只能获得对象的键名，不能获得键值 for...of 循环：允许遍历获得键值 var arr = ['red', 'green', 'blue'] for(let item in arr) { console.log('for in item', item) } /* for in item 0 for in item 1 for in item 2 */ for(let item of arr) { console.log('for of item', item) } /* for of item red for of item green for of item blue */ 2、对于普通对象，没有部署原生的 iterator 接口，直接使用 for...of 会报错 var obj = { 'name': 'Jim Green', 'age': 12 } for(let key of obj) { console.log('for of obj', key) } // Uncaught TypeError: obj is not iterable 可以使用 for...in 循环遍历键名 for(let key in obj) { console.log('for in key', key) } /* for in key name for in

通常情况下，需要动态执行查询语句尽量使用语法更简洁的 OPEN {SYS_REFCURSOR} FOR ... 或 EXECUTE IMMEDIATE ... 但 当查询语句的列或绑定变量无法确定数量或类型时，还是需要使用更加灵活的 DBMS_SQL 包 ，下面是使用 DBMS_SQL 包执行列数量可变的查询示例；一个典型的应用场景就是报表的生成，因为我们可能无法事先知道这个报表有多少列。 DECLARE -- 可变列数的报表查询编程示例 l_Cursor_Id INTEGER ; l_Col_Count INTEGER ; l_Desc_Tbl2 Dbms_Sql.Desc_Tab2 ; l_Ret INTEGER ; l_Row_Count BINARY_INTEGER := 0 ; l_Row_Index BINARY_INTEGER := 1 ; c_Bulk_Size CONSTANT BINARY_INTEGER := 2 ; -- 每次提取的记录数 -- 报表的每一列最终都是 VARCHAR2 类型 TYPE Col_Val_Tbl_Type IS TABLE OF Dbms_Sql.Varchar2_Table INDEX BY PLS_INTEGER ; l_Col_Val_Tbl Col_Val_Tbl_Type ; BEGIN -- 打开并解析查询语句 l

Js--DOM详解 博客说明 文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！ 概念 Document Object Model 文档对象模型 将标记语言文档的各个组成部分，封装为对象。可以使用这些对象，对标记语言文档进行CRUD的动态操作 W3C DOM 标准被分为 3 个不同的部分： 核心 DOM - 针对任何结构化文档的标准模型 Document：文档对象 Element：元素对象 Attribute：属性对象 Text：文本对象 Comment:注释对象 Node：节点对象，其他5个的父对象 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML 文档的标准模型 核心DOM模型 Document：文档对象 创建(获取)：在html dom模型中可以使用window对象来获取 window.document document 方法： 获取Element对象： getElementById() ： 根据id属性值获取元素对象。id属性值一般唯一 getElementsByTagName()：根据元素名称获取元素对象们。返回值是一个数组 getElementsByClassName():根据Class属性值获取元素对象们。返回值是一个数组 getElementsByName():