自己做的一个Editable table

自己做的一个可编辑的table
主要功能：
1.用CSS写的衬托，圆角表格
2.添加一行
3.删除一行
4.添加特定位置的行，删除特定位置的行
5.编辑行
6.选中行变色
7.漂亮的按钮风格

预览界面：
自己做的一个Editable table_第1张图片

CSS:
 1<style type="text/css">
 2body{}{padding: 20px;background-color: #FFF;
 3    font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif}
 4h1,h2,p{}{margin: 0 10px}
 5h1{}{font-size: 250%;color: #FFF}
 6h2{}{font-size: 200%;color: #f0f0f0}
 7p{}{padding-bottom:1em}
 8h2{}{padding-top: 0.3em}
 9div#nifty{}{ margin: 0 10%;background: #9BD1FA; width:800px}
10
11b.rtop, b.rbottom{}{display:block;background: #FFF}
12b.rtop b, b.rbottom b{}{display:block;height: 1px;
13    overflow: hidden; background: #9BD1FA}
14b.r1{}{margin: 0 5px}
15b.r2{}{margin: 0 3px}
16b.r3{}{margin: 0 2px}
17b.rtop b.r4, b.rbottom b.r4{}{margin: 0 1px;height: 2px}
18#content
19{}{
20padding:5px;
21}
22#contenttop
23{}{
24margin:5px;
25border-bottom:dashed 1px;
26}
27.btn {}{
28 BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid
29}
30.btn1_mouseout {}{
31 BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
32}
33.btn1_mouseover {}{
34 BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
35}
36</style>
<script language="javascript">
var flag ;
var rowIndex = -1;
var tablename = document.getElementById("tbcontent");
var tds = tablename.rows[0].cells.length;
function addRow()
{
    var tablename = document.getElementById("tbcontent");
    var tds = tablename.rows[0].cells.length;
    var newRow = tablename.insertRow(rowIndex);
    newRow.height = "20px";
    //alert(newRow.length);
    //alert(newRow.rowIndex)
    var cell = newRow.insertCell(0);
    cell.align = "center";
    newRow.cells(0).innerHTML = "<img src=\"arrow.gif\" onClick='changeBG()'>";
    cell = newRow.insertCell(1);
    cell.innerHTML= "<input name=\"textfield\" type=\"text\" style=\"width:100%; background-color:#FFFFEF\">";
    cell = newRow.insertCell(2);
    cell.innerHTML= "<input name=\"textfield\" type=\"text\" size=\"20\">";
    cell = newRow.insertCell(3);
    cell.innerHTML= "<input name=\"textfield\" type=\"text\" size=\"12\">";
    cell = newRow.insertCell(4);
    cell.innerHTML= "<input type=\"text\" name=\"textfield\">";
    cell = newRow.insertCell(5);
    cell.innerHTML= "<input name=\"textfield\" type=\"text\" size=\"10\">";
}
function deleteRow()
    {
        var tablename = document.getElementById("tbcontent");
        var tds = tablename.rows[0].cells.length;
        tablename.deleteRow(rowIndex);
        alert(rowIndex);
    }
function changeBG()
{
    //alert("ddd");
    var src = window.event.srcElement;
    var pa = src.parentElement.parentElement;
    rowIndex = pa.rowIndex;
    //alert(pa.tagName);
    if (flag == 0)
    {
    //alert("hh");
    pa.bgColor = "#ffffff";
    flag = 1;
    }
    else
    {
    pa.bgColor = "#A0A0A4";
    //pa.childNodes[3].bgColor ="#A0A0A4";
    flag = 0;
    }
    //pa.bgcolor = "#A0A0A4";
}
function next()
{
    var tablename = document.getElementById("tbcontent");
    var cell = tablename.rows[1].cells[1];
    alert(cell.children[0].value);
}
</script>

HTML:

<body>
<div id="nifty">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div id="contenttop"><IMG height=10
            src="dotdb.gif" width=10><STRONG> <FONT
            color=#043b9c>教育背景：
  <input name="Submit" type="button" class="btn" onClick="addRow();" value=" + ">
  <input name="Submit" type="button" class="btn" onClick="deleteRow()" value=" - ">
</FONT></STRONG></div>
<div id="content"><TABLE id="tbcontent" width="700" border="1" align="center" cellPadding=3 cellSpacing=0 bordercolor="#A0A0A4"
      borderColorDark=#ffffff bgcolor="#FFFFFF" class=54master>
        <TBODY>
        <TBODY>
          <TR bgcolor="#A0A0A4">
            <TD width="10%" valign="top">&nbsp;</TD>
           
            <TD width="26%" valign="top"><div align="center">起止时间</div></TD>
              <TD width="21%" valign="top">
                <div align="center">学校名称 </div></TD>
              <TD width="13%"><div align="center">所获学位</div></TD>
              <TD width="25%"><div align="center">所学专业</div></TD>
            <TD width="11%"><div align="center">证明人</div></TD>
            <TD width="26%" valign="top" style=" display:none">1</TD>
          </TR>
          <TR>
            <TD align="center"><img src="arrow.gif" onClick="changeBG()"></TD>
           
            <TD><input name="textfield" type="text" size="20"></TD>
            <TD><input name="textfield" type="text" size="20"></TD>
            <TD><input name="textfield" type="text" size="12"></TD>
            <TD><input type="text" name="textfield"></TD>
            <TD><input name="textfield" type="text" size="10"></TD>
            <TD style=" display:none">2</TD>
          </TR>
          <!-- onMouseOver="javascript:this.bgColor ='#A0A0A4' " onMouseOut="javascript:this.bgColor='#ffffff'" -->
          <TR >
            <TD align="center"><img src="arrow.gif" onClick="changeBG()"></TD>
           
            <TD><input name="textfield" type="text" size="20"></TD>
            <TD><input name="textfield" type="text" size="20"></TD>
            <TD><input name="textfield" type="text" size="12"></TD>
            <TD><input type="text" name="textfield"></TD>
            <TD><input name="textfield" type="text" size="10"></TD>
            <TD style=" display:none">3</TD>
          </TR>
        
      </table>
</div>
<div style=" border-top:1px dashed; height:40px; padding:10px 0px 15px 20px">
<table width="777" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="503">&nbsp;</td>
    <td width="159"><input class="btn" onmouseover="this.className='btn1_mouseover'" onmouseout="this.className='btn'" type="submit" name="Submit" value="上一步"></td>
    <td width="115"><input class="btn" onClick="next()" onmouseover="this.className='btn1_mouseover'" onmouseout="this.className='btn'"  type="submit" name="Submit" value="下一步"></td>
  </tr>
</table>
</div>

<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>

</body>
 
功能完善中，请大家批评指正；

你可能感兴趣的:(table)

  • 【k8s集群部署篇】在openEuler环境下部署多master高可用kubernetes集群详细教程（V1.30版本） 江湖有缘 kubernetes容器云原生
    【k8s集群部署篇】在openEuler环境下部署多master高可用kubernetes集群详细教程（V1.30版本）一、相关名词介绍1.1k8s简介1.2Keepalived简介1.3HAProxy简介二、本次实践介绍2.1环境规划介绍2.2本次实践简介三、所有节点基础环境配置3.1主机配置工作3.2关闭防火墙和selinux3.3关闭swap3.4清空iptables3.5配置时间同步3.6
  • TrueType字体格式（TTF）详解 源之缘-OFD专家—求职中 字体truetypettf
    TrueType字体格式（TrueTypeFont，简称TTF）是由苹果公司在1980年代末开发的一种字体格式，旨在提供高质量的屏幕显示和打印输出。TrueType字体格式因其跨平台兼容性和高质量的渲染效果，迅速成为桌面出版和图形设计领域的主流字体格式之一。本文将详细介绍TTF字体格式的结构、特点以及常用的处理工具。一、TrueType字体格式的结构TrueType字体文件由多个表（Tables）
  • iOS 侧滑返回手势与Scrollview冲突的解决办法 李绿箩 iOSgit
    网络上找到解决办法会影响到系统tableview和collectionview的滚动，故做一下优化uiscrollview里面实现://是否支持多手势触发，返回YES，则可以多个手势一起触发方法，返回NO则为互斥.//是否允许多个手势识别器共同识别，一个控件的手势识别后是否阻断手势识别继续向下传播，默认返回NO；如果为YES，响应者链上层对象触发手势识别后，如果下层对象也添加了手势并成功识别也会继
  • 2025最全 Java 面试八股文（持续更新） 关注我学java java面试开发语言
    Java面试Java面试随着时间的改变而改变。在过去的日子里，当你知道String和StringBuilder的区别就能让你直接进入第二轮面试，但是现在问题变得越来越高级，面试官问的问题也更深入。在我初入职场的时候，类似于Vector与Array的区别、HashMap与Hashtable的区别是最流行的问题，只需要记住它们，就能在面试中获得更好的机会，但这种情形已经不复存在。如今，你将会被问到许多
  • 《数据分析学习进阶：如何用Tableau和Power BI提升可视化能力？》
    《从Excel民工到数据分析师：我的500小时逆袭实操手册》写在前面：被Excel支配的恐惧2019年寒冬，作为某互联网大厂HR的我，正在经历职业生涯最魔幻的场景——凌晨两点，会议室里飘着六盒冷掉的饺子，我和同事盯着满屏VLOOKUP公式的Excel表，试图从3万条招聘数据中找到“为什么技术岗离职率飙升42%”的答案。领导推门进来只说了一句话：“我要的是洞见，不是表格美容报告。”正是这次暴击，让我
  • 六级作文模板句 云澈丿 English六级作文模板句型
    英语六级作文万能模板：表原因1.Anumberoffactorsareaccountableforthissituation.Anumberoffactorsmightcontributeto(leadto)(accountfor)thephenomenon(problem).2.Theanswertothisprobleminvolvesmanyfactors.3.Thephenomenonma
  • ClickHouse 通过 *ARRAY JOIN* 结合 Map 类型的内置函数取数值 从未完美过 clickhouse
    在ClickHouse中，可以通过ARRAYJOIN结合Map类型的内置函数，将Map字段的键值对展开为多行数据。以下是具体操作方法和示例：一、使用mapKeys和mapValues展开Map1.核心语法SELECTid,key,valueFROMyour_tableARRAYJOINmapKeys(your_map_column)ASkey,mapValues(your_map_column)A
  • ClickHouse 学习笔记 金州饿霸 BigData分布式数据库clickhouse学习笔记
    1.连接到ClickHouse服务器clickhouse-client--host=10.16.226.100--user=default--password2.在ClickHouse中，如果你想要单独删除一行记录，且使用的是Distributed表引擎（或者其他不支持ALTERTABLEDELETE的引擎），你将无法直接通过删除操作来实现这一目标。ClickHouse是为大规模数据分析设计的，它
  • HBase学习二：HBase的表结构 hucs420109 HBaseHBase
    HBase的表结构初次接触HBase，可能看到以下描述会懵：“基于列存储”，“稀疏MAP”，“RowKey”,“ColumnFamily”。其实没那么高深，我们需要分两步来理解HBase,就能够理解为什么HBase能够“快速地”“分布式地”处理“大量数据”了。内存结构文件存储结构先介绍几个名称概念行键RowKey：行键，类似mysql中的主键，Table中的记录按照RowKey排序，行键是表结构的
  • IBM DB2 数据库 无始无终993 sql数据库mysql
    1.数据查询(SELECT)--基本查询SELECT*FROMemployeesWHEREdept='IT'FETCHFIRST10ROWSONLY;--分页查询(DB2V9.7+)SELECT*FROMemployeesORDERBYidOFFSET20ROWSFETCHNEXT10ROWSONLY;--使用CommonTableExpression(CTE)WITHdept_avgAS(SEL
  • 【八股学习】HashMap源码总结 illus10n_CHOU 八股学习java算法
    初始化构造方法可见，HashMap有四种构造方法：其中1、3、4可以归为一类：使用默认的或者指定的初始化容量和负载因子，如果使用默认容量16，则会在第一次插入时在resize中自行计算threshold。如果自行指定参数则直接赋值（通过tableSizeFor方法扩容到与initialCapacity最接近的2的幂次方大小）threshold，然后进行扩容判断。//默认构造函数。publicHas
  • MySQL高性能（MySQL锁） chen.c. MySQL高性能mysqladb数据库sql
    MySQL性能系列MySQL锁前言1.死锁机制2.思维导图与锁划分介绍3.粒度划分锁3.1.全局锁3.2.页级锁（Page-levellocking）3.3.表级锁（Tables-levellock）○共享锁（表级）○排他锁（表级）3.4.行级锁（Row-LevelLock）○共享锁（行级）○排他锁（行级）●表级读写锁与行级读写锁的区别4.模式划分4.1.共享锁（S锁）4.2.排他锁（X锁）4.3
  • Vue3中实现el-table单选功能（取消前一项的选中）
    需求描述产品说，表格行要只能选中一个且，不能使用el-radio方式因为要可以取消选中于是乎，有了当前的文章记录我们先看效果图效果图代码思路首先，把el-table的全选全不选勾选框取消::v-deep(.myTable){thead{th:nth-child(1){.cell{display:none;}}}}然后，去除前一项的选中状态@select="selectChange"constsel
  • 前端小食堂 | Day15 - VueUse 魔法道具库 喵爪排序 前端vue.jsjavascripthtml
    今日宝箱：30+效率神器一键获取1.响应式操控の六脉神剑//鼠标跟踪const{x,y}=useMouse()//网络状态感知const{isOnline,offlineAt}=useNetwork()//设备检测const{isMobile,isTablet}=useDevice()//元素尺寸监听consttarget=ref(null)const{width,height}=useEleme
  • 动态路由和菜单 shadouqi vue2实战javascriptvue.js前端
    接口返回数据整理成动态路由后端接口返回数据{"code":20000,"value":[{"path":"/example","component":"layout/index.vue","redirect":"/example/table","name":"Example","meta":{"title":"Example","icon":"el-icon-s-help"},"children"
  • 数据库-python SQLite3 45度看我 数据库python数据库
    数据库-pythonSQLite3一：sqlite3简介二:sqlite3流程1>demo2>sqlite3流程三：sqlite3step1>createtable2>insertinto3>update4>select1.fetchall()2.fetchone()3.fetchmany()5>delete6>otherstep四：Mysql1>Mysql知识详解一：sqlite3简介sqlit
  • Pandas使用教程 - Pandas 与 SQL 数据库交互 闲人编程 Pandas使用教程数据库pandassql数据分析存储加载数据
    目录进阶篇40.Pandas与SQL数据库交互1.引言2.数据读取：从SQL加载数据2.1使用pd.read_sql()示例：使用SQLAlchemy连接SQLite数据库2.2使用pd.read_sql_table()3.数据写入：将DataFrame写入SQL数据库3.1使用DataFrame.to_sql()示例：写入数据到SQLite数据库4.数据库连接与SQLAlchemy4.1使用SQ
  • SQL语句如何把一张表的某列数据更新另外一张表的某列 dephixf 数据库mysqlsql
    在SQL中，可以使用多种方法将一个表的数据列更新为另一个表的数据列。以下是一些常见的方法：一、使用UPDATE和JOIN假设我们有两个表table1和table2，想要将table2中的某一列数据更新到table1的对应列中，可以使用以下SQL语句：UPDATEtable1JOINtable2ONtable1.join_column=table2.join_columnSETtable1.targ
  • mt4j android,Brainstorming und Mind-Mapping im Multi-Device-Kontext. Konzeption und prototypische Im... Oxygenfia mt4jandroid
    摘要：DievorliegendeArbeitbeschreibtdieKonzeptionundprototypischeImplementierungeinerAnwendungzurelektronischenUnterstützungvonBrainstorming-undMind-Mapping-SitzungenaneinemmultitouchfhigenTabletopmitSma
  • 《Effective c++》记录 美丽的欣情 C++学习c++
    02条款：尽量以const、enum、inline替换#definedefineINT_A5constinta=5;const替换#define，const作为变量更能让编译器看见，从而加入记号表(symboltable)，出现错误时可以更好查找出问题出处，加入了记号表则提示为a错误信息，未加入则提示5为错误信息。且在定义类专属变量时，必须使用const，因为#define不具有任何封装性（除非在
  • mysql练习 夏炎正好眠 MySQLmysql数据库
    创建数据库db_ck，再创建表t_hero，将四大名著中的主要人物都插入这个表中，将实现过程中sql提交上上来1、创建数据库db_ckmysql>createdatabasedb_ck;2、创建表t_heromysql>usedb_ckDatabasechangedmysql>createtablet_hero(->idintprimarykeyauto_increment,->namevarch
  • java 406,基于SpringMvc实现Restful方式接口返回406的问题 cj728 java406
    一、问题：二、问题排查：HTTPStatus406-typeStatusreportmessagedescriptionTheresourceidentifiedbythisrequestisonlycapableofgeneratingresponseswithcharacteristicsnotacceptableaccordingtotherequest"accept"headers.HTT
  • HttpMediaTypeNotAcceptableException报错解决，状态码显示为406 mjh_yylx springbootweb
    当返回类没有添加getter和setter方法时出现HTTP406错误（NotAcceptable），主要与Spring框架处理响应数据的机制以及消息转换器的工作原理有关（注意前提，你已经添加了json相关库的依赖）消息转换器的工作原理在Spring框架中，当控制器方法返回一个对象时，Spring会使用消息转换器（MessageConverter）将该对象转换为客户端可接受的媒体类型（如JSON、
  • 紧急救援！MySQL数据库误删后的3种恢复方案 小诸葛IT课堂 java开发语言
    一、误删场景分类与恢复策略‌常见误操作场景‌：DROPTABLE误删单表（高频事故）DELETE误删数据（可通过事务回滚抢救）DROPDATABASE删除整个库（需全量备份）服务器rm-rf（物理文件删除）‌恢复方案选择矩阵‌：场景推荐方案时间窗口表结构删除（DROP）备份恢复+Binlog备份周期内数据删除（DELETE）Binlog回滚Binlog保留期内全库删除全量备份+增量备份备份有效期内
  • Android Retrofit 框架适配器模块深入源码分析(五) &有梦想的咸鱼& AndroidRetrofit原理androidretrofit
    AndroidRetrofit框架适配器模块深入源码分析一、引言在Android开发中，网络请求是一个常见且重要的功能。Retrofit作为一个强大的网络请求框架，以其简洁的API和高度的可定制性受到了广泛的欢迎。适配器模块（CallAdapter）是Retrofit框架中非常重要的一部分，它负责将Call对象转换为其他类型，如Observable、Completable、Single等，从而实现
  • Stable Diffusion 模型的概念、类型、下载、安装、使用 水滴技术 AI绘画从入门到精通stablediffusionAI作画AIGCpython
    本文收录于《AI绘画从入门到精通》专栏，专栏总目录：点这里。大家好，我是水滴~~我们在《StableDiffusionWebUI界面介绍》时，第一个就讲到了StableDiffusion模型，那么这个模型是什么？该从哪儿下载？下载后放到哪儿？该怎么使用呢？本篇文章将围绕着这几个问题来逐一讲述。文章目录一、什么是模型二、大模型的类型2.1基础模型（BaseModel）2.2文件类型三、大模型在哪儿下
  • mysql数据库查询语句_mysql数据库查询语句 weixin_39866963 mysql数据库查询语句
    一数据库的语句1关于数据库创建数据库createdatabase数据库名字(自己命名)查看mysql下的所有数据库showdatabases;查看某个数据库定义的信息showcreatedatabase数据库名字删除数据库dropdatabase数据库名字切换数据库use数据库名字查看正在使用的数据库selectdatabase();2关于表创建表createtable表名(自己定义的列的属性);
  • mysql数据库alter语句_MySQL之alter语句用法总结 许小晴 mysql数据库alter语句
    1：删除列ALTERTABLE【表名字】DROP【列名称】2：增加列ALTERTABLE【表名字】ADD【列名称】INTNOTNULLCOMMENT'注释说明'3：修改列的类型信息ALTERTABLE【表名字】CHANGE【列名称】【新列名称(这里可以用和原来列同名即可)】BIGINTNOTNULLCOMMENT'注释说明'4：重命名列ALTERTABLE【表名字】CHANGE【列名称】【新列名称
  • Stable Diffusion游戏底模推荐 Liudef06 从零开始设计游戏stablediffusion游戏
    一、基础通用型底模SDXLbase官方原版底模，支持1024x1024高清出图，适用于各类游戏场景和角色的基础生成，建议作为微调训练的基准模型。来源:相关搜索结果写实风格搭配推荐搭配9realisticSDXL或麻袋realistic_XL，增强光影真实感和皮肤细节表现。来源:相关搜索结果二、二次元/动漫风格animagineXLV3_v30专为二次元优化的底模，适合日系动漫角色设计，支持高精度面
  • 计算机网络——路由器及静态路由配置 wuqing_5450 华为数通路由交换HCIA网络
    路由器路由表路由器的转发原理：当一个数据包进入路由器，路由器将根据数据包中的目标IP地址查看路由表。若表中存在记录，则将无条件按照记录转发。否则，则将直接丢弃该数据包。查看路由表：displayiprouting-tableDestination/Mask---目标网段信息---去哪Proto---路由类型---Direct---直连路由：表示直连网段路由信息的路由条目。直连网段：路由器直接通过网
  • 安装数据库首次应用 Array_06 javaoraclesql
    可是为什么再一次失败之后就变成直接跳过那个要求 enter full pathname of java.exe的界面 这个java.exe是你的Oracle 11g安装目录中例如：【F:\app\chen\product\11.2.0\dbhome_1\jdk\jre\bin】下的java.exe 。不是你的电脑安装的java jdk下的java.exe！ 注意第一次，使用SQL D
  • Weblogic Server Console密码修改和遗忘解决方法 bijian1013 Welogic
            在工作中一同事将Weblogic的console的密码忘记了，通过网上查询资料解决，实践整理了一下。 一.修改Console密码         打开weblogic控制台，安全领域 --> myrealm -->&n
  • IllegalStateException: Cannot forward a response that is already committed Cwind javaServlets
    对于初学者来说，一个常见的误解是：当调用 forward() 或者 sendRedirect() 时控制流将会自动跳出原函数。标题所示错误通常是基于此误解而引起的。 示例代码： protected void doPost() { if (someCondition) { sendRedirect(); } forward(); // Thi
  • 基于流的装饰设计模式 木zi_鸣 设计模式
    当想要对已有类的对象进行功能增强时，可以定义一个类，将已有对象传入，基于已有的功能，并提供加强功能。 自定义的类成为装饰类 模仿BufferedReader，对Reader进行包装，体现装饰设计模式 装饰类通常会通过构造方法接受被装饰的对象，并基于被装饰的对象功能，提供更强的功能。 装饰模式比继承灵活，避免继承臃肿，降低了类与类之间的关系 装饰类因为增强已有对象，具备的功能该
  • Linux中的uniq命令 被触发 linux
    Linux命令uniq的作用是过滤重复部分显示文件内容，这个命令读取输入文件，并比较相邻的行。在正常情 况下，第二个及以后更多个重复行将被删去，行比较是根据所用字符集的排序序列进行的。该命令加工后的结果写到输出文件中。输入文件和输出文件必须不同。如 果输入文件用“- ”表示，则从标准输入读取。 AD： uniq [选项] 文件 说明：这个命令读取输入文件，并比较相邻的行。在正常情况下，第二个
  • 正则表达式Pattern 肆无忌惮_ Pattern
    正则表达式是符合一定规则的表达式，用来专门操作字符串，对字符创进行匹配，切割，替换，获取。   例如，我们需要对QQ号码格式进行检验 规则是长度6~12位  不能0开头  只能是数字，我们可以一位一位进行比较，利用parseLong进行判断，或者是用正则表达式来匹配[1-9][0-9]{4,14} 或者 [1-9]\d{4,14} &nbs
  • Oracle高级查询之OVER (PARTITION BY ..) 知了ing oraclesql
    一、rank()/dense_rank() over(partition by ...order by ...) 现在客户有这样一个需求，查询每个部门工资最高的雇员的信息，相信有一定oracle应用知识的同学都能写出下面的SQL语句： select e.ename, e.job, e.sal, e.deptno from scott.emp e, (se
  • Python调试 矮蛋蛋 pythonpdb
    原文地址： http://blog.csdn.net/xuyuefei1988/article/details/19399137 1、下面网上收罗的资料初学者应该够用了，但对比IBM的Python 代码调试技巧： IBM：包括 pdb 模块、利用 PyDev 和 Eclipse 集成进行调试、PyCharm 以及 Debug 日志进行调试： http://www.ibm.com/d
  • webservice传递自定义对象时函数为空，以及boolean不对应的问题 alleni123 webservice
    今天在客户端调用方法 NodeStatus status=iservice.getNodeStatus(). 结果NodeStatus的属性都是null。 进行debug之后，发现服务器端返回的确实是有值的对象。 后来发现原来是因为在客户端，NodeStatus的setter全部被我删除了。 本来是因为逻辑上不需要在客户端使用setter， 结果改了之后竟然不能获取带属性值的
  • java如何干掉指针，又如何巧妙的通过引用来操作指针————>说的就是java指针 百合不是茶
    C语言的强大在于可以直接操作指针的地址，通过改变指针的地址指向来达到更改地址的目的,又是由于c语言的指针过于强大，初学者很难掌握， java的出现解决了c，c++中指针的问题 java将指针封装在底层，开发人员是不能够去操作指针的地址，但是可以通过引用来间接的操作：   定义一个指针p来指向a的地址（&是地址符号）：        
  • Eclipse打不开，提示“An error has occurred.See the log file ***/.log” bijian1013 eclipse
    打开eclipse工作目录的\.metadata\.log文件，发现如下错误： !ENTRY org.eclipse.osgi 4 0 2012-09-10 09:28:57.139 !MESSAGE Application error !STACK 1 java.lang.NoClassDefFoundError: org/eclipse/core/resources/IContai
  • spring aop实例annotation方法实现 bijian1013 javaspringAOPannotation
            在spring aop实例中我们通过配置xml文件来实现AOP，这里学习使用annotation来实现，使用annotation其实就是指明具体的aspect,pointcut和advice。1.申明一个切面(用一个类来实现)在这个切面里,包括了advice和pointcut AdviceMethods.jav
  • [Velocity一]Velocity语法基础入门 bit1129 velocity
    用户和开发人员参考文档 http://velocity.apache.org/engine/releases/velocity-1.7/developer-guide.html   注释 1.行级注释## 2.多行注释#*  *#   变量定义 使用$开头的字符串是变量定义，例如$var1, $var2,   赋值 使用#set为变量赋值，例
  • 【Kafka十一】关于Kafka的副本管理 bit1129 kafka
    1. 关于request.required.acks   request.required.acks控制者Producer写请求的什么时候可以确认写成功，默认是0， 0表示即不进行确认即返回。 1表示Leader写成功即返回，此时还没有进行写数据同步到其它Follower Partition中 -1表示根据指定的最少Partition确认后才返回，这个在   Th
  • lua统计nginx内部变量数据 ronin47 lua nginx　 统计
    server { listen 80; server_name photo.domain.com; location /{set $str $uri; content_by_lua ' local url = ngx.var.uri local res = ngx.location.capture(
  • java-11.二叉树中节点的最大距离 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class MaxLenInBinTree { /* a. 1 / \ 2 3 / \ / \ 4 5 6 7 max=4 pass "root"
  • Netty源码学习-ReadTimeoutHandler bylijinnan javanetty
    ReadTimeoutHandler的实现思路： 开启一个定时任务，如果在指定时间内没有接收到消息，则抛出ReadTimeoutException 这个异常的捕获，在开发中，交给跟在ReadTimeoutHandler后面的ChannelHandler，例如 private final ChannelHandler timeoutHandler = new ReadTim
  • jquery验证上传文件样式及大小(好用) cngolon 文件上传jquery验证
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery1.8/jquery-1.8.0.
  • 浏览器兼容【转】 cuishikuan css浏览器IE
    浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里    *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设
  • Shell特殊变量：Shell $0, $#, $*, $@, $?, $$和命令行参数 daizj shell$#$?特殊变量
    前面已经讲到，变量名只能包含数字、字母和下划线，因为某些包含其他字符的变量有特殊含义，这样的变量被称为特殊变量。例如，$ 表示当前Shell进程的ID，即pid，看下面的代码： $echo $$ 运行结果 29949   特殊变量列表 变量 含义 $0 当前脚本的文件名 $n 传递给脚本或函数的参数。n 是一个数字，表示第几个参数。例如，第一个
  • 程序设计KISS 原则-------KEEP IT SIMPLE, STUPID! dcj3sjt126com unix
    翻到一本书，讲到编程一般原则是kiss：Keep It Simple, Stupid.对这个原则深有体会，其实不仅编程如此，而且系统架构也是如此。 KEEP IT SIMPLE, STUPID! 编写只做一件事情，并且要做好的程序；编写可以在一起工作的程序，编写处理文本流的程序，因为这是通用的接口。这就是UNIX哲学.所有的哲学真 正的浓缩为一个铁一样的定律，高明的工程师的神圣的“KISS 原
  • android Activity间List传值 dcj3sjt126com Activity
    第一个Activity： import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import a
  • tomcat 设置java虚拟机内存 eksliang tomcat 内存设置
    转载请出自出处：http://eksliang.iteye.com/blog/2117772 http://eksliang.iteye.com/ 常见的内存溢出有以下两种: java.lang.OutOfMemoryError: PermGen space java.lang.OutOfMemoryError: Java heap space   ------------
  • Android 数据库事务处理 gqdy365 android
    使用SQLiteDatabase的beginTransaction()方法可以开启一个事务，程序执行到endTransaction() 方法时会检查事务的标志是否为成功，如果程序执行到endTransaction()之前调用了setTransactionSuccessful() 方法设置事务的标志为成功则提交事务，如果没有调用setTransactionSuccessful() 方法则回滚事务。事
  • Java 打开浏览器 hw1287789687 打开网址open浏览器open browser打开url打开浏览器
    使用java 语言如何打开浏览器呢? 我们先研究下在cmd窗口中,如何打开网址 使用IE 打开 D:\software\bin>cmd /c start iexplore http://hw1287789687.iteye.com/blog/2153709 使用火狐打开 D:\software\bin>cmd /c start firefox http://hw1287789
  • ReplaceGoogleCDN：将 Google CDN 替换为国内的 Chrome 插件 justjavac chromeGooglegoogle apichrome插件
    Chrome Web Store 安装地址： https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice 由于众所周知的原因，只需替换一个域名就可以继续使用Google提供的前端公共库了。 同样，通过script标记引用这些资源，让网站访问速度瞬间提速吧
  • 进程VS.线程 m635674608 线程
    资料来源： http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001397567993007df355a3394da48f0bf14960f0c78753f000 1、Apache最早就是采用多进程模式 2、IIS服务器默认采用多线程模式 3、多进程优缺点 优点： 多进程模式最大
  • Linux下安装MemCached 字符串 memcached
    前提准备：1. MemCached目前最新版本为：1.4.22，可以从官网下载到。2. MemCached依赖libevent，因此在安装MemCached之前需要先安装libevent。2.1 运行下面命令，查看系统是否已安装libevent。[root@SecurityCheck ~]# rpm -qa|grep libevent libevent-headers-1.4.13-4.el6.n
  • java设计模式之--jdk动态代理（实现aop编程） Supanccy2013 javaDAO设计模式AOP
        与静态代理类对照的是动态代理类，动态代理类的字节码在程序运行时由Java反射机制动态生成，无需程序员手工编写它的源代码。动态代理类不仅简化了编程工作，而且提高了软件系统的可扩展性，因为Java 反射机制可以生成任意类型的动态代理类。java.lang.reflect 包中的Proxy类和InvocationHandler 接口提供了生成动态代理类的能力。 &
  • Spring 4.2新特性-对java8默认方法(default method)定义Bean的支持 wiselyman spring 4
    2.1 默认方法(default method) java8引入了一个default medthod; 用来扩展已有的接口,在对已有接口的使用不产生任何影响的情况下,添加扩展 使用default关键字 Spring 4.2支持加载在默认方法里声明的bean 2.2 将要被声明成bean的类 public class DemoService {
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他