box

用css画图标

筅森魡賤 提交于 2019-11-26 18:19:39
css3的属性 transform(转换) 用途很广泛,功能也很强大,为了熟悉它的各种转换方式(平移 translate,旋转 rotate,扭曲 skew,放缩 scale),我做了一些平常常用的一些简单的图标。 这些图标很多是通过三角形来拼贴起来的,所以我们需要知道怎么样画三角形。 1. 我们要将该 div 的 width 和 height 都设置为 0,三角形是通过设置 border 来实现; 2. 通过我们需要画成的三角形的目标分析,这个三角形的朝向(只针对规则的朝向:上、右、下、左、上左、上右、下右、下左,不规则的朝向可以通过旋转来实现); 3. 如果是上、右、下、左四种中的一种,将朝向的对面的 border-color 设置为我们需要的颜色,该朝向的这一边不设置 border,其它两边的 border-color 设置为 transparent; 4. 如果是上左、上右、下右、下左中的一种,以上右为例,设置相关的两边:上和右的 border-color 设置成我们想要的颜色,其它两边的 border-width 设置成 transparent。 5. border-width 的值就是底边长和高。 看几个例子: 例1: 图形: 该图形中,只有上方位有边,这个边就是三角形的底边了,底边长为 3.6em(左右相加),高为 2em。右、下、左没有边。于是 border-top

友元函数

筅森魡賤 提交于 2019-11-26 05:58:46
类的友元函数是定义在类外部,但有权访问类的所有私有成员和保护成员。尽管友元函数的原型有在类的定义中出现过,但友元函数并不是成员函数。 友元可以是一个函数,该函数被称为友元函数;友元也可以是一个类,该类被称为友元类。在这种情况下,整个类及其所有成员都是友元。如果要声明函数为一个类的友元,需要在类定义中该函数原型前使用关键字friend,如下所示: class Box { double width; public: double length; friend void printWidth(Box box); void setWidth(double wid); }; 声明类ClassTwo的所有成员函数作为类的ClassOne的友元,需要在类ClassOne的定义中放置如下声明: friend class ClassTwo; /*** friend.cpp ***/ #include<iostream> using namespace std; class Box { double width; public: friend void printWidth(Box box); void setWidth(double wid); }; void Box::setWidth(double wid) { width = wid; } void printWidth(Box box) {

css多种方法实现已知宽度和未知宽度的元素水平垂直居中

▼魔方 西西 提交于 2019-11-26 04:39:49
// html <div class="box-wrapper"> <div class="box"> 内部box <p>更多内容</p> </div> </div>//css .box-wrapper{ width: 100%; height: 300px; border: 1px solid #f00; .box{ } } 1、已知box宽高 .box-wrapper{ position: relative; .box{ position: absolute; top: 50%; left: 50%; width: 200px; height: 100px; margin-top: -50px; margin-left: -100px; } } 2、未知box宽高 .box-wrapper{ position: relative; .box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } 3、未知box宽高 .box-wrapper{ display: flex; justify-content: center; align-items: center; } 4、未知box宽高, 内容垂直居中 .box-wrapper { display: table-cell;

Jmeter源码之响应断言分析(六)

给你一囗甜甜゛ 提交于 2019-11-26 02:09:18
截图: 类名:AssertionGui.java 它的祖宗是JPanel 数据结构: { Asserion.test_strings = [message ":" success ], TestElement.gui_class = org.apache.jmeter.assertions.gui.AssertionGui, TestElement.test_class = org.apache.jmeter.assertions.ResponseAssertion, TestElement.name = 响应断言, TestElement.enabled = true, Assertion.test_field = Assertion.response_data, Assertion.assume_success = false, Assertion.test_type = 16, Assertion.custom_message = } 布局代码: private void init() { // WARNING: called from ctor so must not be overridden (i.e. must be private or final) setLayout(new BorderLayout()); Box box = Box

Ansible开发环境搭建

旧时模样 提交于 2019-11-25 20:02:49
ansible是新出现的自动化运维工具,基于Python开发,集合了众多运维工具(puppet、cfengine、chef、func、fabric)的优点,实现了批量系统配置、批量程序部署、批量运行命令等功能。 搭建步骤 一、创建虚拟机 1、安装VirtualBox 2、安装Vagrant 3、使用Vagrant安装配置虚拟机 二、在虚拟机安装Ansible 1、安装Ansible 三、安装 VS Code 1、安装Visual Studio Code 本次搭建环境为win10 一、创建虚拟机 1、安装VirtualBox 1.1 安装包下载 本次虚拟机是使用 Vargrant进行创建,基于VirtualBox,下载安装包之后,一直点击下一步安装即可,安装成功会在桌面生成下图的快捷图标 1.2 安装完成之后,打开VirtualBox软件,打开管理》全局设定,把默认虚拟电脑位置改到其它盘,不要放到C盘 2、安装Vagrant 2.1 安装包下载 ,双击运行,点击下一步,安装成功之后,在CMD命令行输入 vagrant version,如下图代表安装成功 2.2 安装 vbguest 插件,命令: vagrant plugin install vagrant-vbguest 2.3 Vagrant命令详解 命令 作用 vagrant box add 添加box的操作 vagrant