td | 易学教程

工作记录：自动化脚本执行后汇总生成的测试报告testResult.html

阅读更多关于工作记录：自动化脚本执行后汇总生成的测试报告testResult.html

自动化脚本执行完成后，将自动化执行情况的数据汇总到testResult.html，在jenkins构建完成后邮件给相关人员报告类似：测试报告html文件如： <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>testResult</title> </head> <body> <style> BODY, TABLE, TD, TH, P { font-family:Verdana,Helvetica,sans serif; font-size:11px; color:black; } h1 { color:black; } h2 { color:black; } h3 { color:black; } TD.bg1 { color:white; background-color:#0000C0; font-size:120% } TD.bg2 { color:white; background-color:#4040FF; font-size:110% } TD.bg3 { color:white; background-color:#8080FF; } TD.test_passed { color:blue; } TD.test_failed { color:red; } TD

html标签 —— 块级元素

阅读更多关于 html标签 —— 块级元素

阅读目录：标题 h1 h2 h3 h4 h5 h6 列表 ol ul li　 dl dt dd 排版标签 p div hr center pre 表格 table 表单 form 回到顶部 h1-h6 标题使用 <h1> 至 <h6> 标签进行定义。 <h1> 定义最大的标题， <h6> 定义最小的标题。具有align属性，属性值可以是：left、center、right。 <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> 效果回到顶部列表列表又分为三种，有序列表ol，无序列表ul和定义列表dl。其中ol和ul必须结合li标签使用，而dl则必须结合dt,dd使用。 ol ordered list 有序列表 li list item，列表项 ul unordered list 无序列表 li list item，列表项 dl definition list 定义列表 <dt> ：definition title 列表的标题，这个标签是必须的 <dd> ：definition description 列表的列表项，如果不需要它，可以不加需要注意的是：　　li不能单独存在，必须包裹在ul或者ol里面；反过来说，ul的“儿子”不能是别的东西，只能有li。　

表格删除

阅读更多关于表格删除

布局： div.wrap > input *2 + table table > thead + tbody thead > tr > th*3 tbody > tr (x4) > td (x3) > a.get 案例分析： 1，点击清空按钮，tbody全部清空，只剩下标题栏 2，点击最后一列删除的a链接，所在的一行都会删除 $(this).parent().parent() 3，点击添加按钮，会添加一行内容 $("<tr>......</tr>").appendTo("tbody") ； 4 ，注意新添加的一行也要绑定事件，点击删除可以删除当前行，所以需要事件委托 jQuery代码 $("#btnEmpty").on("click" , function(){ $("tbody").empty(); }) $("tbody").on("click" , ".delete“ , function(){ $(this).parent().parent().remove(); }) $("#btnAdd").on("click" , function(){ $("<tr> <td>jQuery</td> <td>传智播客-前端与移动开发学院</td> <td><a href="javascript:;" class="delete">DELETE</a></td> </tr>")

regex

阅读更多关于 regex

刀不用，久了就会生锈，regex久了没有使用，就会遗忘一点，下面总结一下regex的几个关键点： 1. .不是全部字符，它无法匹配\n ,所以使用时必须这样： val dirtyString = "<td>fuck\n\nyour sis</td><td>hehe!!</td>" val handlePattern = new Regex("(<td>(?:.|\n)*?</td>) ","td1") val result = handlePattern .replaceAllIn(dirtyString,(m:Match)= > { m.group("td1").replace("\n"," < br /> ")+"SUN" }) println(result) //<td>fuck<br /><br />your sis</td>SUN<td>hehe!!</td>SUN 规则的标签都得这么匹配，才能在标签内部有\n时不出错。 2.思考久了，我们就会犯困我一直在思考怎么样在正则表达式中添加一个条件，让td标签中间不要出现</td>，而这根本就没有意义。尽管最后我想出了一个表达式，但最终 val handlePattern=new Regex("(<td>(?!<td>|</td>)*?</td>)","td1")也没有成功! 本文出自 “ 沐浴心情 ” 博客，请务必保留此出处

js实现前端导出大文件Excel

阅读更多关于 js实现前端导出大文件Excel

//base64转换成blob function dataURIToBlob(dataURI, callback) { var binStr = atob(dataURI.split(",")[1]), len = binStr.length, arr = new Uint8Array(len); for (var i = 0; i < len; i++) { arr[i] = binStr.charCodeAt(i); } callback(new Blob([arr])); } var callback = function(blob) { var a = document.createElement("a"); a.download = "数据" + ".xls"; a.innerHTML = "download"; // the string representation of the object URL will be small enough to workaround the browser‘s limitations a.href = URL.createObjectURL(blob); // you must revoke the object URL, // but since we can‘t know when the download occured,

Html Table 合并单元格

阅读更多关于 Html Table 合并单元格

版权声明：作者：jiankunking 欢迎转载，未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接。 https://blog.csdn.net/xunzaosiyecao/article/details/46953073 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <ol> <li>基本表格</li> <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5"> <tr> <td>1.1</td> <td>1.2</td> <td>1.3</td></tr> <tr> <td>2.1</td> <td>2.2</td> <td>2.3</td></tr> <tr> <td>3.1</td> <td>3.2</td> <td>3.3</td></tr> </table> <br/> <li>表格合并列</li> <table border="2" bordercolor="black" width="300" cellspacing="0" cellpadding="5"> <tr> <td colspan="3">1.1<

table 鼠标移上去改变单元格边框颜色。

阅读更多关于 table 鼠标移上去改变单元格边框颜色。

表格定义了 border-collapse:collapse;边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。用td:hover,显示不全搜索了好久，没有找到好的方法，用左右边框也不完美。于是就在想，移上去的时候给加个伪元素after，绝对定位。定义和用法 :after 伪元素在元素之后添加内容。这个伪元素允许创作人员在元素内容的最后面插入生成内容。默认地，这个伪元素是行内元素，不过可以使用属性 display 改变这一点。注释：如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 content 属性。 <! DOCTYPE html > < html > < head > < meta charset ="utf-8" > < title > border-hover </ title > < style type ="text/css" > .w1000 { width : 1000px ; margin : 0 auto ; } .table { width : 100% ; border-collapse : collapse ; text-align : center ; font-size : 14px ; } .table tr th { border :

HTML - 表格标签相关

阅读更多关于 HTML - 表格标签相关

<html> <head></head> <body>  <table border="1px" width="300px" height="200px" cellpadding="0" cellspacing="0">  <tr height="80px">  <td colspan="2">合并数据1</td> <td rowspan="2">合并数据2</td> </tr> <tr> <td>数据2</td> <td>数据3</td> </tr> </table> </body> </html> 页面显示结果 : 来源： https://www.cnblogs.com/mpci/p/11532140.html

学习笔记1.1软件需求之快速原型（源于慕课教学总结学习经验）

阅读更多关于学习笔记1.1软件需求之快速原型（源于慕课教学总结学习经验）

利用快速原型获取软件需求在客户开发商用户旨在启发客户引导客户真正知道和了解自己的可行需求快速搭建原型高效准确地确定用户需求例子以 CSS语言为例从一个最最最的教务系统入手代码如下： <html> <center> <h2>欢迎返校！请注册......</h2> 学号<input> <br> <br> <input type=button value="注册"> </center> </html> 大概是下图这样的界面看到这么简陋的页面，需求方肯定会提要求，比如：有学号没密码容易让同学替签到之类的问题这种需求当然很合理，所以我们可以在适当的位置添加几行 <br> 密码<input> 酱紫就可以有密码啦注册原型的启发，需求方很可能会产生更多需求，比如注册完的学生返校注册信息 <html> <center> <h2>学生返校注册信息</h2> <table border=1> <tr align=center><td>学号<td>姓名<td>注册时间</tr> <tr><td>12345601<td>刘成军<td>2019-09-01 14:00:00</tr> <tr><td>12345602<td>李金龙<td>2019-09-01 15:00:00</tr> <tr><td>12345603<td>刘思琪<td>2019-09-01 13:00:00<

实现曾删按钮

阅读更多关于实现曾删按钮

<html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css" /> <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> <title></title> <script> function addrows() { var trElement = document.createElement("tr"); var td1Element = document.createElement("td"); var td2Element = document.createElement("td"); var td3Element = document.createElement("td"); var td4Element = document.createElement("td"); var tbody = document.getElementById("tb"); td2Element

订阅 td