测开之路三十五：css引入

CSS是一种定义样式结构,如字体.颜色.位置等的语言,被用于描述网页上的信息格式化和现实的方式.CSS样式可以直接存储于HTML网页或者单独的样式单文件.无论哪一种方式,样式单包含将样式应用到指定类型的元素的规则.外部使用时,样式单规则被放置在一个带有文件扩展名css的外部样式单文档中. css引入方式: 1.div标签 2.style标签,在head里面声明给某一个标签加样式,如果body里面的改标签没有特别声明样式,将全部展示为同一声明的样式,类似于继承与重写的关系 3.link标签:外链导…

测开之路三十八：css布局之定位

常用的布局方式: static:静态定位(默认),什么都不用管,元素会按照默认顺序排列,排不下是会默认换行relative:相对定位(同一层),相对于某一个元素进行定位fixed:绝对定位,指定位置absolute:相对于浏览器的绝对定位和fixed类似文件关系: static定位: css里面写入内容:static定位方式,定位到的显示为红色 .static { position: static; background-color: red;} html里面写入内容:引入css,并加一个标签…

测开之路三十六：常用的css选择器

在static下新建一个css,并写入内容 /*标签选择器,label标签的颜色为红色*/label {color: red;} /*.代表类选择器,绿色*/.test {color: green;} /*#代表id选择器,黄色*/#test {color: yellow;} /*div标签下的魔偶写标签下的lable标签(相对关系),内容的颜色为蓝色*/div label {color: blue;} /*div标签下的直接的lable标签(父子关系),,灰色*/div > label {co…

测开之路八十五：python处理csv文件

写入csv文件一:写入字典二:写入普通数据读取: 第一种:普通读取第二种:读取csv并用namedtuple映射列名,类似于使用类的实例第三种:字典形式 import csvfrom collections import namedtuple def csv_write_dict(): """ 写入字典 """ header = ["_id", "column1", "column2&q…

测开之路六十五：UI测试平台之js

//添加网址的函数,生成一个输入网址的标签,并且把标签append到id为cases下function browser() { var html = '\ <div class="row" command="browser">\ <label>打开网址:</label>\ <input type="text" placeholder="http://www.baidu.com/">…

测开之路七十五：linux常用命令

常用命令: ls:列出文件或目录 pwd:展示当前所在的目录 mkdir:创建目录 mkdir -p :创建连续的目录 cd:切换目录 vi:编辑内容,点i开始编辑,输入::wq保存 cat 显示文件内容 cp 复制文件或目录 mv 移动文件或目录,把b下的c移动到b那一级 rm 删除文件或目录, -f,确认,即不需要确认 echo 显示变量内容,类似于python里面的print grep 搜索文本文件,用于过滤内容,筛选 grep -v排除内容 find 目录 -name 文件名:查找文件…

测开之路四十五：Django之最小程序

安装Django库 Django最小程序 import sysfrom django.conf.urls import urlfrom django.conf import settingsfrom django.http import HttpResponsefrom django.core.management import execute_from_command_line # 设置框架配置settings.configure( DEBUG= True, # 和flask的debug一样…

测开之路三十九：js基础

js的两种使用方式第一种使用方式:单独写js文件在static下新建一个js文件并写入内容 alert('这是一个弹窗'); 在html文件里面,用script标签引入 <script src="/static/calcolator.js" ></script> 在主程序里面调用html from flask import Flaskfrom flask import render_template app = Flask(__name__) @app.ro…

测开之路三十四：html常用标签

网页的结构: HTML:超文本标记语言是迄今为止网络上应用最为广泛的语言,也是构成网页文档的主要语言.HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字.图形.动画.声音.表格.链接等.HTML的结构包括头部(Head).主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容. 演示结构 a标签:超链接 input标签: value属性会把提示内容默认填充到输入框内 placeholder属性:会把提示内容置灰,并不做填充 type属性: bu…

测开之路三十二：Flask基础之错误与重定向

错误处理,框架默认的错误为:not Found 可以捕获,并自定义准备一张自定义图片,放在static文件夹下,并在template下创建一个html文件,引用该图片捕获404状态,返回自定义页面,并把状态改为200 请求类似于像500错误,同样可以用以上方法处理重定向:http://docs.jinkan.org/docs/flask/quickstart.html redirect() 由源码可看出,需要传一个地址,也可以改状态码,300和304不支持,重定向的方法是把你加的loac…

测开之路三十：Flask基础之jinja2模板继承

实现某些位置的内容固定,某些位置的内容动态展示,如: 中文文档地址:http://docs.jinkan.org/docs/jinja2/templates.html#template-inheritance 在template文件夹下建几个html文件,并修改里面的内容 header: footer: 搜一下包含模板 {% include 'header.html' %} <h1>这是base模板</h1>{% include 'footer.html' %} base: tes…

学习之路三十五：Android和WCF通信 - 大数据压缩后传输

最近一直在优化项目的性能,就在前几天找到了一些资料,终于有方案了,那就是压缩数据. 一丶前端和后端的压缩和解压缩流程二丶优点和缺点优点:①字符串的压缩率能够达到70%-80%左右 ②字符串数量更少了缺点:①CPU的开销会大一点,不过在可承受范围之内三丶通过标记来说明数据是否压缩过这个一开始是没有想到,是经理提醒我的,通过在数据(字符串)的最前端添加一个标记来说明数据是否压缩过. 因为只有当数据大于一定数量的时候才进行压缩操作. 四丶测试(简单的测试) 环境:1.启动500线程 (相当于…

测开之路九十六：css进阶之元素显示和可见性

元素显示效果:display 块级元素,会导致换行:p.div.h...内联元素,不会导致换行:span.strong... 修改属性让span标签换行让指定div不换行元素可见性:visibility 一:影藏内容和位置:display: none 二:正常显示:visibility: visible 三:影藏内容,不影藏位置:visibility: hidden css /* 元素显示 *//*让span标签换行*//*span{ display: block; }*/ /*让div不…

测开之路九十一：css常用的选择器

一:全局选择器:* 二:标签选择器,如给所有p标签加个背景色三:id选择器:# ,如给id为id_01的元素加一个框四:类选择器:. 如设置一个类选择器为blue,当有标签引用blue的时候,背景颜色就会变为蓝色 css /* 全局选择器*,即所有 */*{ color: red;} /* 标签选择器,如给所有p标签加个背景色 */p {background-color: blueviolet;} /* id选择器:# ,如给id为id_01的元素加一个框*/#id_01{ border:…

测开之路四十八：Django之重定向与cookie

基础配置与上一篇一致 404错误定义一个error页面 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>错误页</title></head><body> <h1>哎呀,出错啦!</h1></body></html> 追加一个404的视图…

测开之路一百零五：bootstrap的两种引用方式

一:下载到本地引用: 3.3.7版本:https://getbootstrap.com/docs/3.3/getting-started/#download 下载后解压到本地项目中引用第二种,cdn标签引用:https://www.bootcdn.cn/twitter-bootstrap/ 为了稳定,找3.3.7版本,min.css,复制标签:<link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap…

测开之路九十四：css之盒子模型

盒子模型为了演示方便,把内容放到盒子里面引用css 演示内容外边距: 4个方向分开写简写为一条指令,顺序为上右下左简写为一条指令,第一个值为上下,第二个值为左右简写为一条指令,只有一个值时,即四个方向的距离都为此值内间距 4个方向分开写简写为一条指令,顺序为上右下左简写为一条指令,第一个值为上下,第二个值为左右简写为一条指令,只有一个值时,即四个方向的距离都为此值边框边框距离:border-width边框样式:border-style None则为无边框颜色:border…

测开之路九十三：css之文字样式和段落对齐

引用css 字体族字体类型和尺寸 em:字体按倍数缩放 font-weight:调整文字的粗细段落对齐:text-align 左对齐:left 右对齐:right 居中对齐:center 两边对齐,对最后一行无效:justify 强制所有行两端对齐:text-align-last: justify /*字体族:font-family*/body{ /*设置字体,如下设置时浏览器会按顺序查找客户端有的字体,找到哪个就用哪个字体*/ font-family: "微软雅黑","…

测开之路九十二：css之背景色和背景

引用css 设置背景色: 背景图片整个页面的背景图片图片当局部背景图也可以简写 css /* css基本样式 */ /* 设置p标签的文字前景色.背景色 */p{ /*字体颜色为蓝色*/ color: blue; /*背景色为黑色*/ background-color: black;} /*把图片当整个页面的背景*/body{ /*图片的地址*/ background-image: url("../img/timg.jpg"); /*固定背景图,当文字过长拖动的时候,不跟随文字滚…

测开之路七十六：性能测试蓝图之html

{% extends 'base.html' %} {% block script %}  <script src="https://cdn.bootcss.com/ace/1.4.5/ace.js"></script> <script src="https://cdn.bootcss.com/ace/1.4.5/mode-python…

测开之路七十：监控平台之html

监控平台的html {% extends "base.html" %} {% block style %} <link rel="stylesheet" href="/monitor/static/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.c…

测开之路六十二：接口测试平台之公共的js、html、平台入口

common.js //定义后台的host和端口var host = 'http://192.168.xxx.1:8000'; //'http://127.0.0.1:8000'; //用于发送http请求function http(url, data, method, success, fail){ //如果是get请求,直接传参,如果是其他请求,以json的格式传参 var data = method == 'GET' ? data : JSON.stringify(data) consol…

测开之路四十九：用Django实现扑克牌游戏

用Django实现和之前flask一样的扑克牌游戏项目结构 html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>扎金花</title></head><body> {% for poker in player1 %} <img src="/static/poker…

测开之路三十三：Flask实现扎金花游戏

访问http://localhost:8888/game随机获取一张扑克牌.豹子(炸弹):三张点相同的牌.例:AAA.222.顺金(同花顺.色托):花色相同的顺子.例:黑桃456.红桃789.最大的顺金为花色相同的JQK,最小的顺金为花色相同的123.金花(色皮):花色相同,非顺子.例:黑桃368,方块145.顺子(拖拉机):花色不同的顺子.例:黑桃5红桃6方块7.最大的顺子为花色不同的QKA,最小的顺子为花色不同的123.对子:两张点数相同的牌.例:223,334.单张:三张牌不组成任何类型的…