Solid

HTML5——表单美化

爱⌒轻易说出口 提交于 2021-02-20 19:56:39
闲聊: 今天小颖在跟着慕课网学习: 表单美化 看完了自己跟着敲了敲,顺便做个笔记嘻嘻,好记性不如烂笔头,脑子记不住,就写成笔记,以后也方便查看,嘻嘻。 正文: 1.表单美化_单选按钮篇 2.表单美化_复选按钮篇 3.表单优化_文本框篇 表单美化_单选按钮篇 目录: 效果图: 第一步: 保存图片:radiobutton.gif 第二步: 新建公用css:public.css body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding : 0 ; margin : 0 ; } fieldset, img { border : 0 ; } table { border-collapse : collapse ; border-spacing : 0 ; } ol, ul { list-style : none ; } address, caption, cite, code, dfn, em, strong, th, var { font-weight : normal ; font-style : normal ; } caption, th { text-align : left ; }

Js--动态生成表格

落花浮王杯 提交于 2021-02-20 08:00:54
<div> <h1>动态生成表格</h1> <div id="table1"> 行:<input type="text" id="h"/> 列:<input type="text" id="l"/> <input type="button" value="生成" onclick="addTable();" /> <div id="divt"></div> </div> </div> <script type="text/javascript"> function addTable(){ /*动态生成表格 1、得到输入的行和列的值 2、生成表格 循环行 在行里面循环单元格 3、显示到页面上 把表哥的代码设置到div里面 使用innerHTML属性 */ var h=document.getElementById("h").value; var l=document.getElementById("l").value; var divtab=document.getElementById("divt"); //把表格代码放到一个变量里面 var tab="<table border='solid'>"; for(var i=0;i<h;i++){ tab+="<tr>"; for(var j=0;j<l;j++){ tab+="<td>"; tab+="aaaaa"; tab+="<

初学JavaScript之颜色小游戏

自古美人都是妖i 提交于 2021-02-20 07:39:55
/*老师布置的的颜色小游戏的作业,根据问题显示的文字找出对应的颜色判断小游戏,可能有很多需要改进的代码,后面会多多改进的,谢谢2018-07-15 12:45:59*/ <! DOCTYPE html > < html > < head > < meta charset ="utf-8" /> < title > 颜色小游戏 </ title > < style type ="text/css" > .container { width : 400px ; height : 550px ; margin : 0 auto ; border : 1px solid black ; position : relative ; background-color : #F0F0F0 ; } .info { overflow : hidden ; } .time { margin : 20px 20px ; float : left ; } .score { margin : 20px 20px ; float : right ; } .question { width : 100% ; height : 80px ; font-size : 60px ; text-align : center ; margin-top : 140px ; color : blue ; } .reset {

js动态生成表格

痴心易碎 提交于 2021-02-20 06:50:01
<div id="cnblogs_post_body" class="blogpost-body"><p>下面用js实现可以生成用户所需行数的表格。</p> <p>1.首先在body中填入下列代码,获取用户填入的行数值</p> <div class="cnblogs_code"><div class="cnblogs_code_toolbar"><span class="cnblogs_code_copy"><a href="javascript:void(0);" onclick="copyCnblogsCode(this)" title="复制代码"><img src="//common.cnblogs.com/images/copycode.gif" alt="复制代码"></a></span></div> <pre><span style="color: #008080;"> 1</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">table</span><span style="color: #0000ff;">></span> <span style="color: #008080;"> 2</span> <span style="color: #0000ff;"><<

【Qt开发】StyleSheet使用总结

人盡茶涼 提交于 2021-02-19 08:26:17
概述 转眼七年过去了,我是一个彻底拥抱过MFC的人,记得老大的一个需求要把按钮做成圆角,并添加背景颜色,做前端html的可能认为很简单,然而放到MFC上那可真的是很...很麻烦的,自定义类继承Button ,新手估计还搞不定,怎么也有上百行代码,实在不友好,Qt诞生大大简化了这些工作,只需要使用QSS(Qt Style Sheet)就可以轻松做到,最近详细了解了QSS,做了个百度网盘的登录界面,整理好我会把源码放出来,供大家参考。 QSS语法 background-color:rgb(6, 168, 255);    背景色 color:red;                字体颜色 border-radius:5px;            边框圆角半径 border:2px solid green;         边框2像素,实现,绿色 font:10pt;               字体大小10 设置QSS方法 方法一:UI界面设置 鼠标到按钮上右键,"改变样式表",在编辑样式表对话框中添加QSS样式。 方法二:程序添加 每一个控件都有 setStyleSheet (const QString &styleSheet)方法,样式字符串直接传参即可,例: ui.pushButton1->setStyleSheet("QPushButton{background-color

快速提高Python数据分析速度的八个技巧

天大地大妈咪最大 提交于 2021-02-18 22:31:10
点击上方“ 早起python ”,关注早起 和我一起,成为更好的自己 今天整理了几个在使用python进行数据分析的常用小技巧、命令。记得搭配Pandas+Jupyter Notebook使用哦。 01 使用Pandas Profiling预览数据 这个神器我们在 之前的文章 中就详细讲过,使用Pandas Profiling可以在进行数据分析之前对数据进行快速预览,拿我们使用过很多次的NBA数据集来说,导入数据集之后 import pandas as pd import pandas_profiling nba = pd.read_csv( 'nba_all_elo.csv' ) #导入数据 nba.profile_report() 一行代码就生成丰富的 交互式 数据EDA报告 可以看到,除了之前我们需要的一些描述性统计数据,该报告还包含以下信息: 类型推断 :检测数据帧中列的数据类型 。 要点 :类型,唯一值,缺失值 分位数统计信息, 例如最小值,Q1,中位数,Q3,最大值,范围,四分位数范围 描述性统计数据, 例如均值,众数,标准偏差,总和,中位数绝对偏差,变异系数,峰度,偏度 最常使用的值 直方图 相关性矩阵 缺失值 矩阵,计数,热图和缺失值树状图 文本分析: 了解 文本数据的 类别(大写,空格),脚本(拉丁,西里尔字母)和块(ASCII) 02 使用

I/O告警分析思路

瘦欲@ 提交于 2021-02-18 15:23:44
记录一次IO告警分析过程 接到告警,服务器IO飙升,连接服务器,登录服务器查看分析 top命令查看 首先就是通过top命令查看,因为top命令最直接,且信息量够大,覆盖面够全,可以看到CPU的wa有点高 CPU的wa是是wait,是CPU等待时间,通常是由于磁盘IO问题引起,当然也有可能是其他原因引起的 top命令的其他参数就不多介绍了,网上很多,接着看IO vmstat vmstat是一个很强大的工具,它除了能给出系统在性能方面的CPU和内存的统计信息之外,也能提供系统整体上的I/O性能情况 如上图,vmstat采集系统性能信息,取3个样本,每秒采集一次 可以看到采集的数据中,系统写磁盘5032个磁盘块,vmstat内磁盘块大小为1024字节,所以这里系统写磁盘速率约为每秒4MB,vmstat中也有CPU的wa统计,可以看到23%的时间用来等待I/O vmstat还提供自系统启动以来I/O子系统的性能信息 如上图,包括了磁盘数量,分区数量、读/写请求总数,读/写所花费的时间,以及当前正在处理的I/O总数(inprogress IO),等待I/O完成所花费的毫秒数(milli spent IO),这个是整个系统的IO统计信息 说一下合并读和合并写,linux在读写磁盘时,为了提高性能,内核合并对磁盘相邻区域的请求,这样减少了对磁盘IO的操作,从而一定程度上提高linux性能

深度长文|百度Paddle Lite性能进化之路!

十年热恋 提交于 2021-02-18 07:59:23
Paddle Lite 作为一款主打端侧高性能轻量化部署的推理引擎,具有 高扩展性 、训练推理 无缝衔接 , 通用性 、 高性能 和 轻量化 等优点。 面对不断升级的业务需求, Paddle Lite 是如何进行性能优化、提升自身竞争力的? 下面我们将围绕 框架层性能优化 、 GPU算子优化 、 CPU算子优化 以及 模型剪裁与搜索 四方面介绍性能优化的手段及思路。 (本文根据百度资深研发工程师 杨延展 在2019年11月19日软件绿色联盟开发者大会发表的 《深度剖析 Paddle Lite 性能进化之路》 主题演讲整理而成。) Paddle Lite 简介 Paddle Lite 是百度自研的一款深度学习框架库,它的前身是 Paddle Mobile,自2019年升级至 Paddle Lite 的全新架构后,拥有了更广泛的适用平台,支持从移动端到服务端的各类场景。 重点发力的移动端中,安卓和IOS已同时覆盖CPU和GPU,而且在安卓方面已经覆盖了华为NPU。 提到 Paddle Lite 的作用,大家在工作和生活中接触较多的有人脸识别、图片、视频分辨率提升、物体检测与跟踪等深度学习的场景。 Paddle Lite 如何实现上述场景中提到的功能呢? 简单概括就是 Paddle Lite 通过解析、加载并运行 Paddle 训练的模型,并将模型结果展示到业务层。 Paddle

python图像处理-个性化头像

寵の児 提交于 2021-02-18 04:04:08
前言 本系列课程是针对无基础的,争取用简单明了的语言来讲解,学习前需要 具备基本的电脑操作能力, 准备一个已安装python环境的电脑。如果觉得好可以分享转发,有问题的地方也欢迎指出,在此先行谢过。 前言 很多时候我们都想要一个专属的头像表现,除了图像内容外不同,形状不一样,下面我就来说说如何使用python来实现个性化头像。 下面的圆形头像和牛角头像都是我使用python实现的,接下来我将通过讲解这个实现的过程,给大家带来一些想法。 实现原理 我们可以看到原来图片是方正的,通过处理后,图像形状外的地方都变成白色,这里实际上是透明,上面第三幅图可以帮助我们理解。 我们的处理过程其实就是将原来的图片变成RGBA格式,RGB是红绿蓝三种颜色,这里的A就是透明通道的意思,A的取值范围是从0-255之间变化,当A设置为0时,完全透明,255时完全不透明。 下面蓝色圆形,可以看到透明度越高,自身的颜色就变淡了,底部的文字就看的更清楚了,如果100%透明,圆形就会消失不存在了。 回到我们上面原来的猫图片,只要我们能够将猫图像的圆形区外的所有地方变成完全透明(看不见了),那么整个图片就变成圆形的了。 这里如果自己去计算圆形的边界,圆形外侧全部设置为完全透明,圆形内容不变,一个个像素点去处理,那将会非常麻烦,牛角的就更不用想了。 在PIL库里面,提供了两种方法帮助我们去解决这个问题

移动端底部fixed固定定位输入框ios下不兼容

情到浓时终转凉″ 提交于 2021-02-17 09:39:26
简短记录下最近开发移动端项目碰到的小坑,产品需求做一个售后对话页面,底部固定输入框,和微信对话差不多,但是在ios下,fixed失效,输入框被虚拟键盘挡住,在安卓下是正常的。 尝试过网上说的很多方法,因为每个页面的需求和布局可能不相同,比如我做的需要下拉刷新消息,上拉加载更多,用的是minit-UI来做,所以都没有效果 后面无奈用了两套代码,用 var u = navigator.userAgent, app = navigator.appVersion; var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 判断是安卓还是ios,安卓的继续底部用固定定位, ios底部也用固定定位,只是content内容主体部分用绝对定位 <div :class="isIOS?'input-bottom1':'input-bottom'"> <form style="width:70%;"> <input class="message-input" @focus="iosScrollT" @blur="iosScrollB" type="text" v-model="sendMess" > </form> <div class="footer-r" @click="postAdvisory">发送</div> </div>