HTML标记属性

跑马灯
...普通卷动
...滑动
...预设卷动
...来回卷动
...向下卷动
...向上卷动
向右卷动
向左卷动
...卷动次数
...设定宽度
...设定高度
...设定背景颜色
...设定滚动速度
...设定卷动时间
...鼠标经过上面时停止滚动
...鼠标离开时开始滚动

字体效果

...

标题字(最大)
...
标题字(最小)
...粗体字
...粗体字(强调) (同上效果略同)
...斜体字
...斜体字(强调)
...斜体字(表示定义)
...底线
...底线(表示插入文字)
...横线
...删除线
...删除线(表示删除)
...键盘文字
... 打字体
...固定宽度字体(在文件中空白、换行、定位功能有效)
...</plaintext>固定宽度字体(不执行标记符号) <br><listing>...</listing> 固定宽度小字体 </p> <p><font color=00ff00>...</font>字体颜色 <br><font size=1>...</font>最小字体 <br><font style =’font-size:100 px’>...</font>无限增大 <br><!>区断标记 <br><hr>水平线 <br><hr size=’9’>水平线(设定大小) <br><hr width=’80%’>水平线(设定宽度) <br><hr color=’ff0000’>水平线(设定颜色) <br><br>(换行) <br><nobr>...</nobr>水域(不换行) <br><p>...</p>水域(段落) <br><center>...</center>置中 <br><!>连结格式 <br><base href=位址>(预设好连结路径) <br><a href=位址></a>外部连结 <br><a href=位址 target=’_blank’></a>外部连结(另开新视窗) <br><a href=位址 target=’_top’></a>外部连结(全视窗连结) <br><a href=位址 target=’页框名’></a>外部连结(在指定页框连结) <br><!>贴图/音乐 <br><img src=图片位址>贴图 <br><img src=图片位址 width=’180’>设定图片宽度 <br><img src=图片位址 height=’30’>设定图片高度 <br><img src=图片位址 alt=’提示文字’>设定图片提示文字 <br><img src=图片位址’ border=’1’>设定图片边框 <br><bgsound src=MID音乐档位址>背景音乐设定 <br><!>表格语法 <br><table align=left>...</table>表格位置,置左 <br><table align=center>...</table>表格位置,置中 <br><table background=图片路径>...</table>背景图片的URL=就是路径网址 <br><table border=边框大小>...</table>设定表格边框大小(使用数字) <br><table bgcolor=颜色码>...</table>设定表格的背景颜色 <br><table borderclor=颜色码>...</table>设定表格边框的颜色 <br><table borderclordark=颜色码>...</table>设定表格暗边框的颜色 <br><table borderclorlight=颜色码>...</table>设定表格亮边框的颜色 <br><table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字) <br><table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字) <br><table cols=参数>...</table>指定表格的栏数 <br><table frame=参数>...</table>设定表格外框线的显示方式 <br><table width=宽度>...</table>指定表格的宽度大小(使用数字) <br><table height=高度>...</table>指定表格的高度大小(使用数字) <br><td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字) <br><td rowspan=参数>...</td>指定储存格合并列的列数(使用数字) <br><!>分割视窗 <br><frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 <br><frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 <br><frameset cols="20%,*">分割左右两个框架 <br><frameset cols="20%,*,20%">分割左中右三个框架 <br><分割上下两个框架 <br><frameset rows="20%,*,20%">分割上中下三个框架 <br><! - - ... - -> 注解 <br><A HREF TARGET> 指定超连结的分割视窗 <br><A HREF=#锚的名称> 指定锚名称的超连结 <br><A HREF> 指定超连结 <br><A NAME=锚的名称> 被连结点的名称 <br><ADDRESS>....</ADDRESS> 用来显示电子邮箱地址 <br><B> 粗体字 <br><BASE TARGET> 指定超连结的分割视窗 <br><BASEFONT SIZE> 更改预设字形大小 <br><BGSOUND SRC> 加入背景音乐 <br><BIG> 显示大字体 <br><BLINK> 闪烁的文字 <br><BODY TEXT LINK VLINK> 设定文字颜色 <br><BODY> 显示本文 <br><BR> 换行 <br><CAPTION ALIGN> 设定表格标题位置 <br><CAPTION>...</CAPTION> 为表格加上标题 <br><CENTER> 向中对齐 <br><CITE>...<CITE> 用於引经据典的文字 <br><CODE>...</CODE> 用於列出一段程式码 <br><COMMENT>...</COMMENT> 加上注解 <br><DD> 设定定义列表的项目解说 <br><DFN>...</DFN> 显示"定义"文字 <br><DIR>...</DIR> 列表文字标签 <br><DL>...</DL> 设定定义列表的标签 <br><DT> 设定定义列表的项目 <br><EM> 强调之用 <br><FONT FACE> 任意指定所用的字形 <br><FONT SIZE> 设定字体大小 <br><FORM ACTION> 设定户动式表单的处理方式 <br><FORM METHOD> 设定户动式表单之资料传送方式 <br><FRame MARGINHEIGHT> 设定视窗的上下边界 <br><FRame MARGINWIDTH> 设定视窗的左右边界 <br><FRame NAME> 为分割视窗命名 <br><FRame NORESIZE> 锁住分割视窗的大小 <br><FRame SCROLLING> 设定分割视窗的卷轴 <br><FRame SRC> 将HTML档加入视窗 <br><FRameSET COLS> 将视窗分割成左右的子视窗 <br><FRameSET ROWS> 将视窗分割成上下的子视窗 <br><FRameSET>...</FRameSET> 划分分割视窗 <br><H1>~<H6> 设定文字大小 <br><HEAD> 标示文件资讯 <br><HR> 加上分格线 <br><HTML> 文件的开始与结束 <br><I> 斜体字 <br><IMG ALIGN> 调整图形影像的位置 <br><IMG ALT> 为你的图形影像加注 <br><IMG DYNSRC LOOP> 加入影片 <br><IMG HEIGHT WIDTH> 插入图片并预设图形大小 <br><IMG HSPACE> 插入图片并预设图形的左右边界 <br><IMG LOWSRC> 预载图片功能 <br><IMG SRC BORDER> 设定图片边界 <br><IMG SRC> 插入图片 <br><IMG VSPACE> 插入图片并预设图形的上下边界 <br><INPUT TYPE NAME value> 在表单中加入输入栏位 <br><ISINDEX> 定义查询用表单 <br><KBD>...</KBD> 表示使用者输入文字 <br><LI TYPE>...</LI> 列表的项目 ( 可指定符号 ) <br><MARQUEE> 跑马灯效果 <br><MENU>...</MENU> 条列文字标签 <br><meta NAME="REFRESH" CONTENT URL> 自动更新文件内容 <br><MULTIPLE> 可同时选择多项的列表栏 <br><NOFRame> 定义不出现分割视窗的文字 <br><OL>...</OL> 有序号的列表 <br><OPTION> 定义表单中列表栏的项目 <br><P ALIGN> 设定对齐方向 <br><P> 分段 <br><PERSON>...</PERSON> 显示人名 <br><PRE> 使用原有排列 <br><SAMP>...</SAMP> 用於引用字 <br><select >...</select > 在表单中定义列表栏 <br><SMALL> 显示小字体 <br><STRIKE> 文字加横线 <br><STRONG> 用於加强语气 <br><SUB> 下标字 <br><SUP> 上标字 <br><TABLE BORDER=n> 调整表格的宽线高度 <br><TABLE CELLPADDING> 调整资料栏位之边界 <br><TABLE CELLSPACING> 调整表格线的宽度 <br><TABLE HEIGHT> 调整表格的高度 <br><TABLE WIDTH> 调整表格的宽度 <br><TABLE>...</TABLE> 产生表格的标签 <br><TD ALIGN> 调整表格栏位之左右对齐 <br><TD BGCOLOR> 设定表格栏位之背景颜色 <br><TD COLSPAN ROWSPAN> 表格栏位的合并 <br><TD NOWRAP> 设定表格栏位不换行 <br><TD VALIGN> 调整表格栏位之上下对齐 <br><TD WIDTH> 调整表格栏位宽度 <br><TD>...</TD> 定义表格的资料栏位 <br><TEXTAREA NAME ROWS COLS> 表单中加入多少列的文字输入栏 <br><TEXTAREA WRAP> 决定文字输入栏是自动否换行 <br><TH>...</TH> 定义表格的标头栏位 <br><TITLE> 文件标题 <br><TR>...</TR> 定义表格美一行 <br><TT> 打字机字体 <br><U> 文字加底线 <br><UL TYPE>...</UL> 无序号的列表 ( 可指定符号 ) <br><var>...</var> 用於显示变数 <br>BlockQuotc文本缩进 </p> <p>表示颜色的有三种方式; <br>1,16进制颜色代码 <br>语法:#RRGGBB <br>例:<font color="#ff0000">红色</font> <br>2,10进制RGB码 <br>语法:RGB(RRR,GGG,BBB) <br>例:<font color="rgb(255,000,000)">红色</font> <br>3,直接用颜色的英文名称 <br>例:<font color="red">红色</font> </p> <p><br><body>.....</body>属性可分为三种: <br>1,背景属性 <br>包括:bgcolor,background <br>2,文字属性: <br>包括:text,link,alink,vlink, <br>3,留白属性: <br>其中分为:leftmargin,topmargin <br>.bgcolor背景色 <br>语法格式:<body bgcolor="#ff0000"> <br>.background背景图案。 <br>语法格式:<body background="url"> <br>.text文本颜色(非连接文字颜色) <br>.link连接文字颜色(可连接文字颜色) <br>.alink活动连接文字颜色(正被点击的可连接文字的颜色) <br>.vlink已访问连接文字颜色)(已经点击访问过的可连接文字的颜色) <br>语法格式:<body text="color" link="color" alink="color" vlink="color"> <br>.leftmargin 页面左侧的留白距离 <br>.topmargin 页面顶部的留白距离 <br>语法格式:<body leftmargin="value" topmargin="value"> <br>注:value为长度值为数字 </p> <p>align 属性 <br>语法:<h2 align="?">文字</h2> <br>其属性有三种:left靠左,center居中,right靠右 </p> <p>〈p〉</p>为段落标记,可利用以上属性对整个段落进行设置 <br>〈br>为换行标记 <br><nobr></nobr>为不换行标记 放在文字两边即可 <br>例:<body> <br><h3>江南逢李龟年</h3> <br><p>歧王宅里寻常见<br> <br>催九堂前几度闻<br> <br>正是江南好风景<br> <br>落花时节又逢君</p> <br></body> </p> <p>预格式化: <br><pre>......</pre> 浏览是效果和编写是效果格式一样 </p> <p>列表分为 <br>1无序列表又称符号列表 <br>语法格式: <br><ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框 <br><li>文字</li> <br><li>文字</li> <br></ul> </p> <p>2有序列表 <br>语法格式: <br><ol type="?" start"?"> <br><li>文字</li> <br><li>文字</li> <br></ol> <br>type的值是编号字符可选的有1...,a...,A...,i... ,I... <br>start为起始值例:如果start为3是那么将从3开始,而且必须是数字。 </p> <p>3定义列表 <br><dl>定义列表标记 <br><dt>标示定义条目 <br><dd>标示定义内容 <br>语法格式: <br><dl> <br><dt>文字</dt> <br><dd>文字内容</dd> <br></dl> </p> <p><br>连接和图像 <br>语法格式: <br><a href="url" name="?" target="?" title="?">....</a> <br>属性:href 连接目标 值可以是url地址也可以是连接锚点 <br><a href="url">...</a>或者 <br><a href="锚点">...</a> </p> <p>name 连接名称 <br>语法格式:<a name="锚点名称">...</a> <br>例:<a name="abcdcf">...</a> <br>连接到该锚点的连接则应是: <br><a name="#abcdef">....</a> </p> <p>target目标窗口 <br>语法格式: <br><a href="url" target="_blank|_self|_farent|_top|windowname">....</a> <br>-blank打开新窗口 <br>_self当前窗口打开 <br>一下两个仅在框架叶面中应用 <br>_parent当前窗口的父级窗口(上一级)打开 <br>_top在最高一级的窗口打开 </p> <p>windowname已命名的窗口或框架中打开连接 <br>title连接提示 <br><a href="http://www.crazytribe.net" title="打开狂人部落的首页">狂人部落</a> </p> <p>图像<img> <br>语法格式:<img src="url" alt="?" width="?" height="?" border="?" align="?"> <br>border属性定义图片边框的宽度,默认值为0 <br>align属性设置图片旁边文字的位置 <br>语法格式:<img src="" align""> <br>可选值有: <br>top图片和文字顶部对齐 <br>middle图片和文字居中对齐 <br>bottom图片和文字底边对齐(默认) <br>left图片居左对齐,文字沿图片绕排 <br>right图片居右对齐,文字沿图片绕排 <br>absmiddle图片对齐到目前文字行绝对中央 <br>absbottom图片对齐到目前文字行绝对底部 </p> <p>文字的排版 <br>不换行空白标记 <br>font元素 <br>语法格式: <br><font face="字体名称" size="字体大小" color="字体颜色"> <br>字体大小可选值为1——7,默认为3 <br>例:〈font face="黑体" size="4" color="#ff00ff">....</font> </p> <p>水平线<hr> <br>语法格式:<hr width="宽度" align="对齐方式默认居中center" size="水平线厚度默认为2" color="颜色" noshade> <br>noshade无阴影,既实线 </p> <p>层〈div><span>两种元素 <br><div>是块级元素,和段落元素<p>相似,不同的是两个<div>元素之间不会产生两个<p>元素之间的空行, <br><span>是行内元素,可以定义段落中部分文字的属性 <br>语法格式: <br><div align="" style="">...</div> <br>align设置层中元素的水平对齐方式 <br>stule设置元素应用css规范的属性 <br><div>兼容性比<span>要好一点,最好使用<div> </p> <p>表格 <br>语法格式: <br><table width="" bgcolor="" background="" border="" cellspacing="" cellpadding=""> <br><tr>...<td>....</td>....</tr> <br></table> <br>border边框宽度默认值为0,既没有边框 <br>cellspacing表格中单元格的边距大小,默认值为两个像素 <br>cellpadding表格中单元格之间的间距大小,默认值为两个像素 </p> <p>tr元素 <br>语法格式: <br><tr align="" bgcolor="">....</tr> <br>align属性对齐方式可选值如下:left,center,tight,默认为left <br>bgcolor指定该行的背景颜色 </p> <p>td元素 <br>语法格式: <br><td width="宽度" height="高度" align="水平对齐方式" valign="垂直对齐方式" bgcolor="" background="" rowspan="单元格的行跨度" colapan="单元格的列跨度">.....</td> <br>align属性的可选值有:left,center,right <br>valign属性的可选值有:top,middle,bottom <br>rowspan和colapan跨行和跨列的数量,默认为1 </p> <p>框架 <br><frameset></framset>框架组标记 <br><frame></frame>框架标记 <br>语法格式: <br><frameset> <br><frame></frame> <br><frame></frame> <br></franeset> </p> <p><frameset></frameset>元素(双标签) <br>语法格式: <br><frameset cols="" rows="" frameborder="" border="" framespacing=""> <br>....... <br></frameset> <br>属性: <br>cols 垂直切割窗口(如左右分割两个窗口)接受整数值,百分数,*(*代表占用余下空间)数值的个数代表分成的部分数目,要以逗号分隔。例:cols="30,*,50%"可以 切成三个视窗,第一部分是30像素(pixels)为绝对分割,第二部分是当分配完第一和第三视图后剩下的空间,第三部分则占整个窗口的50%宽度,为相对分割。 <br>rows 就是横向切割,将窗口上下分开,数值设置同上。 <br>以上两属性尽量不要在同一个<frameset>标记中,因为王井(netscape)不支持,尽量采用多重分割。 <br>frameborder 设置框架的边框,其值有0不要边框,1要边框。 <br>border 设置框架边框厚度 <br>framespacing 表示框架与框架间保留空白的距离 </p> <p>frame 元素(单标签) <br>语法格式: <br><frame name="" src="url" scrolling="yes/no" noresize> <br>属性: <br>name 框架名称,指定框架来做连接的目标窗口。 <br>src 框架中要显示的网页文当url地址,每个个框架要对应一个html文挡。 <br>scrolling 是否显示滚动条,yes/no,auto是自动。 <br>noresize 设置不让使用者改变这个框架的大小, </p> <p>noframe元素 <br>指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息 <br>语法格式: <br><noframe> <br>...... <br></noframe> </p> <p>表单<form></form> <br>语法格式: <br><form action="url" method="get/post"> <br>.... <br><input type=submit><input type=reset> <br></form> <br>method有两种提交方式get,post <br>action 是指明处理该表单的程序位置,这样表单所填的资料才能传给cgi做处里,可设定此参数为action="mailto:lwr8494@163.com" 这样此表单所填的资料将会发送到这个邮箱地址。 <br>method 是指传送信息给cgi等网络程序的方式。可选post方法, get方法,post方法容许传送大量信息。get方法只接受低于1k的信息。 <br>申请表单用的是post搜索引擎用的是get </p> <p>input元素 <br>语法格式:<input type=""> <br>type属性的可选值有: <br>text 单行文本框 <br>属性:name 文本框名称 <br>value 文本框的初始值 <br>size 文本框的长度 <br>maxlength 可输入字符串最大的长度 <br>radio 单选框 <br>属性:name 单选框名称 <br>value 内部值 <br>checked 默认选定 <br>checkbox 复选框 <br>属性:name 复选框名称 <br>value 内部值 <br>checked 默认选定 <br>reset 重置按钮 <br>submit 确定按钮 <br>属性:name 按钮名称 <br>value 显示在按钮上的文字 <br>password 密码框 <br>属性与文本框的属性完全相同 <br>file 文件域 <br>属性:name文件域名称 <br>size 文件域的长度 <br>maxlength 文件域可接受的字符数量的上限 <br>hidden 隐藏域 <br>属性:name 隐藏域名称 <br>value 内定值 <br>image 图片域 <br>属性:name 所要代表的按钮,可以是submit,reset,或其他. <br>src 按钮图片的url 地址 </p> <p>列表框<select> <br>语法格式: <br><select> <br>..... <br><option>....</option> <br>..... <br></select> </p> <p>select元素 <br>语法格式:<select name="" size=""multiple></select> <br>name 指定列表框的名字 <br>size 指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是一个下拉列表框 <br>multiple 指定了这个参数,则表示该列表框可选择多项,否则只可选择一项 </p> <p>option属性 <br>语法格式:<option value="" selected></option> <br>value 该列表项的值 <br>selected 如果设定了这个参数,默认为选定这一项 </p> <p>多行文本框<textarea> <br><textarea name="" cols="" rows="" wrap="off/physical/virtual"></textarea> <br>属性: <br>name文本框的名称 <br>cols文本框的宽度 <br>rows文本框的高度 <br>wrap文本框的折行方式可选值有: <br>off不保存换行信息 <br>physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出, <br>virtual送出连续成串的字除非使用者按回车。 </p> <p>css 层叠样式表 <br>引入层叠样式表的方法包括: <br>1,外联式样式表 <br>2,内嵌样式表 <br>3,元素内定 <br>4,导入样式表 </p> <p>外联式样式表 <br>例:<head> <br><link rel="stylesheet" href="/css/default.css"> <br></head> <br><body> <br>.... <br></body> <br></html> <br>属性:rel 用来说明<link>元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址 <br>内嵌式样式表: <br>例:<html> <br><head> <br><style type="text/css"> <br><!-- <br>td{font:9pt;color:red} <br>.font105{font:10.5pt;color:blue} <br>--> <br></style> <br></head> <br><body>....</body> <br></html> </p> <p>元素内定 <br>格式:<p style="font-size:10.5pt"> </p> <p>导入式样式表 <br>〈html> <br><head> <br><style type="text/css"> <br><!-- <br>@import url(css/home.css); <br>--> <br></style> <br><body> <br>.... <br></body> <br></html> </p> <p>css的优先级 <br>越接近目标的样式定义优先级越高,高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义 <br>如果4种样式表对同一元素定义了不同的样式,那么他们的优先级顺序从高到低是,元素内定,内嵌样式表,导入样式表,外联样式表。 </p> <p>css结构 <br>例:td{font-size:10.5pt;color:#666666} <br>css样式包含两个基础部分, <br>选择符<td>和声明{font-size:10.5pt;color:#666666} <br>声明也有两部分组成: <br>属性font-size,color和值10.5pt,#666666 </p> <p>选择符分为6种 <br>1元素选择符 <br>当页面上多个元素的样式相同时,可以将多个元素放在一起定义,中间以逗号分开 例:td,p,li,input,select{font-size:12px;} <br>2class(类)选择符 <br>例:〈head> <br><title>.....</title> <br><style type="text/css"> <br><!-- <br>.red{font-size:10.5pt;color:#ff0000} <br>--> <br></style> <br></head> <br><body bgcolor="#ffffff"> <br><p class="red">士大夫井冈山地方官</p> <br><p>九连环离开计划</p> <br></body> <br>还有一种方法就是限定可以应用它的页面元素 <br>例:〈head> <br><title>.....</title> <br><style type="text/css"> <br><!-- <br>h1.red{color:#ff0000} <br>--> <br></style> <br></head> <br><body bgcolor="#ffffff"> <br><p class="red">士大夫井冈山地方官</p> <br><h1 class="red">九连环离开计划</h1> <br></body> <br>3 id选择符 <br>与class选择附类似,只是把'.'换成'#' <br>例:<body> <br><head> <br><style type="text/css"> <br><!-- <br>#select{font-size:18px;color:#0000ff} <br>--> <br></style> <br></head> <br><body> <br><table width="250" border="1" height="50"> <br><tr> <br><td align="center" id="select">id选择符</td> <br></tr> <br></table> <br></body> <br></html> <br>我们看到在调用ID选择附时与CLASS选择附类似,只是将class=""换成了id="",方便页面脚本语言的调用 <br>4 关联选择符 <br><body> <br><head> <br><style type="text/css"> <br><!-- <br>td p{font-size:18px;color:#0000ff} <br>--> <br></style> <br></head> <br><body> <br><table width="250" border="1" height="50"> <br><tr> <br><td align="center"><p>关联选择符</p></td> <br></tr> <br></table> <br><p>关联选择符</p> <br></body> <br></html> <br>我们设定了在元素中<td>的元素<p>所包含文字的样式,只有在两个条件都满足是,样式在会起作用, <br>5伪类选择符 <br>是只能用在css选择符里,而不能用在html代码中的选择符 <br>例: <br>〈html> <br><head> <br><style type="text/css"> <br><!-- <br>a:link{color:#000000} <br>a:visited{color:#cccccc} <br>a:hover{color:#ff0000} <br>a:active{color:#ooooff} <br>--> <br></style> <br></head> <br><body> <br><p><a href="#">关联选择符</a><p> <br><p><a href="#">关联选择符</a><p> <br><p><a href="#">关联选择符</a><p> <br><p><a href="#">关联选择符</a><p> <br>〈/body> <br></html> <br>正确的顺序是a:link/a:visited/a:hover否则会引起页面上连接颜色混乱 <br>6伪元素选择符 <br>与伪类选择符定义类似,目前被大多数浏览器支持的有两个:首行伪元素(first-line)和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的 <br>例:首行 <br><html> <br><head> <br><style> <br><!-- <br>p:first-line{color:red;font-size:20pt} <br>--> <br></style> <br></hesd> <br><body> <br><p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p> <br></body> <br></html> <br>长度随浏览器窗口大小而改变 <br>首字 <br><html> <br><head> <br><style> <br><!-- <br>p:first-letter{color:red;font-size:50pt;float:left;} <br>--> <br></style> <br></hesd> <br><body> <br><p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p> <br></body> <br></html> <br>以上两种都只能应用于块状元素上 </p> <p>css规则 <br>一继承 <br>例:<html> <br><head> <br><style type="text/css"> <br><!-- <br>td{font-size:12pt} <br>p{color:red} <br>--> <br></style> <br></hesd> <br><body> <br><table width="300" border="1" height="150"> <br><tr> <br><td align="center"> <br><p>css规则</p> <br></td> <br></table> <br></body> <br></html> <br><p>为最高级<td>次一级两种css用在一个属性元素上,相同的覆盖,不同的继承, </p> <p>二组合 <br>例:td{font-size:12pt} <br>p1{font-size:12pt} <br>组合后 <br>td,.p1{font-size:12pt} </p> <p><br>三层叠 <br>在样式里定义过后,在表格属性中又定义一次 <br><html> <br><head> <br><style type="text/css"> <br><!-- <br>red{color:#ff0000 limportant} <br>--> <br></style> <br></hesd> <br><body> <br><table width="300" border="1" height="150"> <br><tr> <br><td align="center" style="color:#0000ff" class="red">决撒地方官</td> <br></tr> <br></table> <br></body> <br></html> </p> <p>css单位 <br>分四大类: <br>1 长度单位 <br>数值可以是整数,小数,正数,负数,0,后加单位(负值不要轻易使用) <br>换算关系: <br>1in(英寸)=6pc(派) <br>1in(英寸)=72pt(磅) <br>1in(英寸)=2.54(厘米) <br>1cm(厘米)=10mm(毫米) <br>1cm(厘米)=0.3937(英寸) <br>1pt(磅)=1/72in(英寸)=0.2478mm(毫米) <br>1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸 <br>2 百分比单位 <br>3 颜色单位 <br>4 url单位</p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1702388949495918592"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(html,table,border,框架,url,css)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1940997723952050176.htm" title="使用Puppeteer抓取动态网页的完整指南" target="_blank">使用Puppeteer抓取动态网页的完整指南</a> <span class="text-muted"></span> <div>当遇到React/Vue等现代前端框架构建的SPA(单页应用)时,传统爬虫无法获取JavaScript动态渲染的内容。本文将教你使用Puppeteer破解这个难题,实现真正的动态网页抓取。我们开始准备环境1.安装Node.js版本至少要在14以上才行哦2.初始化开发项目的命令在这里mkdirpuppeteer-crawler&&cdpuppeteer-crawlernpminit-y3.在项目里边</div> </li> <li><a href="/article/1940989910236327936.htm" title="Redis详解及在项目中应用" target="_blank">Redis详解及在项目中应用</a> <span class="text-muted">小易说码</span> <a class="tag" taget="_blank" href="/search/SpringBoot%E6%A1%86%E6%9E%B6%E6%8A%80%E6%9C%AF/1.htm">SpringBoot框架技术</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a> <div>文章目录前言一、关于Redis二、Redis的简单操作三、在SpringBoot项目中读写RedisRedis测试四、在项目中应用Redis五、关于缓存预热六、关于自动更新缓存总结前言提示:这里可以添加本文要记录的大概内容:本人目前写的所有文章都是基于springboot项目中可能用到的框架技术,如有需要,可在专栏中寻找。提示:以下是本篇文章正文内容,下面案例可供参考一、关于RedisRedis是</div> </li> <li><a href="/article/1940989657529511936.htm" title="在Ubuntu24上安装ollama" target="_blank">在Ubuntu24上安装ollama</a> <span class="text-muted">会飞的果粒橙</span> <a class="tag" taget="_blank" href="/search/Ubuntu/1.htm">Ubuntu</a><a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/ollama/1.htm">ollama</a><a class="tag" taget="_blank" href="/search/deepseek/1.htm">deepseek</a> <div>安装ollama之前,建议检查显卡驱动是否安装完成。如果还未安装显卡驱动,建议先安装显卡驱动再安装ollama。安装curlsudoaptupdatesudoapt-yinstallcurl进入ollama的下载网站https://ollama.com/download/linux复制安装脚本,并在Ubuntu终端里执行安装脚本curl-fsSLhttps://ollama.com/install</div> </li> <li><a href="/article/1940989531264184320.htm" title="PyTorch实战:从零开始构建CIFAR-10图像分类模型 (附详细代码与图解)" target="_blank">PyTorch实战:从零开始构建CIFAR-10图像分类模型 (附详细代码与图解)</a> <span class="text-muted">电脑能手</span> <a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E7%B1%BB/1.htm">分类</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>PyTorch实战:从零开始构建CIFAR-10图像分类模型(附详细代码与图解)大家好!今天,我们将一起踏上一段激动人心的深度学习之旅:使用强大的PyTorch框架,从零开始构建一个卷积神经网络(CNN),来解决经典的CIFAR-10图像分类问题。无论你是深度学习的新手,还是希望巩固PyTorch基础知识的开发者,本文都将为你提供一个清晰、详尽的实战指南。本文目标读完本文,你将学会:加载和预处理C</div> </li> <li><a href="/article/1940988397665447936.htm" title="详解java的StringBuilder类" target="_blank">详解java的StringBuilder类</a> <span class="text-muted">lanbing</span> <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/%E7%9F%A5%E8%AF%86%E5%BF%85%E7%9F%A5%E5%BF%85%E4%BC%9A/1.htm">知识必知必会</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>在Java中,StringBuilder是一个非常常用且高效的类,用于操作可变字符串(mutablestring)。与String类不同的是,String是不可变的(immutable),每次对字符串进行拼接、修改等操作时都会创建一个新的对象,而StringBuilder则可以在原有对象上进行修改,从而提高性能。✅什么是newStringBuilder()?StringBuildersb=newS</div> </li> <li><a href="/article/1940980708549914624.htm" title="Java JVM与Spring Boot深度解析" target="_blank">Java JVM与Spring Boot深度解析</a> <span class="text-muted">Java廖志伟</span> <a class="tag" taget="_blank" href="/search/Java%E5%9C%BA%E6%99%AF%E9%9D%A2%E8%AF%95%E5%AE%9D%E5%85%B8/1.htm">Java场景面试宝典</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/JVM/1.htm">JVM</a><a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a><a class="tag" taget="_blank" href="/search/Boot/1.htm">Boot</a> <div>我是廖志伟,一名Java开发工程师、《Java项目实战——深入理解大型互联网企业通用技术》(基础篇)、(进阶篇)、(架构篇)清华大学出版社签约作家、Java领域优质创作者、CSDN博客专家、阿里云专家博主、51CTO专家博主、产品软文专业写手、技术文章评审老师、技术类问卷调查设计师、幕后大佬社区创始人、开源项目贡献者。拥有多年一线研发和团队管理经验,研究过主流框架的底层源码(Spring、Spri</div> </li> <li><a href="/article/1940980582284587008.htm" title="并发编程与MyBatis核心解析" target="_blank">并发编程与MyBatis核心解析</a> <span class="text-muted"></span> <div>我是廖志伟,一名Java开发工程师、《Java项目实战——深入理解大型互联网企业通用技术》(基础篇)、(进阶篇)、(架构篇)清华大学出版社签约作家、Java领域优质创作者、CSDN博客专家、阿里云专家博主、51CTO专家博主、产品软文专业写手、技术文章评审老师、技术类问卷调查设计师、幕后大佬社区创始人、开源项目贡献者。拥有多年一线研发和团队管理经验,研究过主流框架的底层源码(Spring、Spri</div> </li> <li><a href="/article/1940980455906013184.htm" title="JVM与Spring Boot核心解析" target="_blank">JVM与Spring Boot核心解析</a> <span class="text-muted">Java廖志伟</span> <a class="tag" taget="_blank" href="/search/Java%E5%9C%BA%E6%99%AF%E9%9D%A2%E8%AF%95%E5%AE%9D%E5%85%B8/1.htm">Java场景面试宝典</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/JVM/1.htm">JVM</a><a class="tag" taget="_blank" href="/search/Performance/1.htm">Performance</a><a class="tag" taget="_blank" href="/search/Optimization/1.htm">Optimization</a> <div>我是廖志伟,一名Java开发工程师、《Java项目实战——深入理解大型互联网企业通用技术》(基础篇)、(进阶篇)、(架构篇)清华大学出版社签约作家、Java领域优质创作者、CSDN博客专家、阿里云专家博主、51CTO专家博主、产品软文专业写手、技术文章评审老师、技术类问卷调查设计师、幕后大佬社区创始人、开源项目贡献者。拥有多年一线研发和团队管理经验,研究过主流框架的底层源码(Spring、Spri</div> </li> <li><a href="/article/1940979322382774272.htm" title="2025年渗透测试 vs 漏洞扫描:本质区别与协同防御实战指南" target="_blank">2025年渗透测试 vs 漏洞扫描:本质区别与协同防御实战指南</a> <span class="text-muted">上海云盾商务经理杨杨</span> <a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>引言2025年,随着AI驱动的自适应攻击与量子计算威胁升级,企业对安全评估的需求激增。然而,渗透测试(PenetrationTesting)与漏洞扫描(VulnerabilityScanning)仍被大量混淆——前者年成本超百万仍一票难求,后者自动化率突破90%却误报率居高不下。本文从技术本质、演进趋势与实战场景切入,解析二者差异及协同策略。一、本质区别:五维对比框架维度渗透测试漏洞扫描核心目标模</div> </li> <li><a href="/article/1940979196171972608.htm" title="2025年iptables防御DDoS攻击终极指南:从原理到实战配置" target="_blank">2025年iptables防御DDoS攻击终极指南:从原理到实战配置</a> <span class="text-muted">上海云盾商务经理杨杨</span> <a class="tag" taget="_blank" href="/search/ddos/1.htm">ddos</a> <div>一、DDoS攻击新趋势与iptables的防御定位1.2025年攻击特征升级AI驱动的自适应攻击:攻击流量动态模拟合法用户行为,传统规则引擎漏检率超40%。混合攻击常态化:SYNFlood、UDPFlood、CC攻击组合使用(如SYN+HTTPFlood),单次攻击峰值突破8Tbps。IPv6协议滥用:利用IPv6多播地址扫描内网,绕过传统IPv4防护规则。2.iptables的核心优势轻量级内核</div> </li> <li><a href="/article/1940976295047393280.htm" title="前端框架中注释占位与Fragment内容替换的实现与优化" target="_blank">前端框架中注释占位与Fragment内容替换的实现与优化</a> <span class="text-muted">xjf7711</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E6%B3%A8%E9%87%8A%E5%8D%A0%E4%BD%8D/1.htm">注释占位</a><a class="tag" taget="_blank" href="/search/fragment/1.htm">fragment</a> <div>在现代前端开发中,使用注释占位符替换Fragment内容是一种常见的需求,尤其在处理动态内容、模板预加载和组件复用场景中。React和Vue作为当前最主流的前端框架,提供了不同的实现方式和优化策略,但核心目标都是减少不必要的DOM操作,提高渲染性能,同时保持代码的可维护性和结构清晰。一、注释占位符在前端框架中的概念与作用注释占位符本质上是HTML注释()在前端框架中的应用延伸。在传统HTML中,注</div> </li> <li><a href="/article/1940970618858041344.htm" title="java全家桶之44: ApplicationContextAware 接口" target="_blank">java全家桶之44: ApplicationContextAware 接口</a> <span class="text-muted">leijmdas</span> <a class="tag" taget="_blank" href="/search/JAVA%E5%85%A8%E5%AE%B6%E6%A1%B6/1.htm">JAVA全家桶</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>理解和使用ApplicationContextAware接口Spring框架的ApplicationContextAware接口允许Bean获取ApplicationContext引用,主要用途包括动态获取其他Bean、访问环境配置等。通过实现该接口,Spring容器初始化时会自动注入ApplicationContext。虽然提供了静态获取Bean的便利方式,但可能引发内存泄漏和测试困难等问题。建</div> </li> <li><a href="/article/1940969985392308224.htm" title="JMeter InfluxDB v2 Listener Plugin 常见问题解决方案" target="_blank">JMeter InfluxDB v2 Listener Plugin 常见问题解决方案</a> <span class="text-muted">柏滢凝Wayne</span> <div>JMeterInfluxDBv2ListenerPlugin常见问题解决方案jmeter-influxdb2-listener-pluginInfluxDBv2.0listenerpluginforApacheJMeter.Providesthepossibilitytoseetheonlinedashboard(aggregationtable,errors,theresponsebodyoff</div> </li> <li><a href="/article/1940968722629980160.htm" title="flutter video_player插件基础播放" target="_blank">flutter video_player插件基础播放</a> <span class="text-muted">小蜜蜂嗡嗡</span> <a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>VideoPlayerController?_videoController;Future?_initializeVideoPlayerFuture;initState(){super.initState();_init();}_init(){_videoController=VideoPlayerController.network(_videoUrl!,videoPlayerOptions:V</div> </li> <li><a href="/article/1940968217551892480.htm" title="22. Java JUC源码分析系列笔记-JDK1.8的ConcurrentHashMap" target="_blank">22. Java JUC源码分析系列笔记-JDK1.8的ConcurrentHashMap</a> <span class="text-muted">Thinker QAQ</span> <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/JUC%E6%BA%90%E7%A0%81%E5%88%86%E6%9E%90/1.htm">JUC源码分析</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>文章目录1.是什么2.如何使用3.原理分析3.1.构造方法3.1.1.Node3.2.put方法【有加锁】3.2.1.计算key的hash3.2.2.死循环3.2.3.第一次进来table为空,所以需要初始化table3.2.3.1.使用CAS加锁防止多线程同时初始化table3.2.3.2.其他线程让出CPU直到扩容完毕3.2.4.第二次进来table不为空,链表肯定为空【头节点为空】,那么CA</div> </li> <li><a href="/article/1940967587072503808.htm" title="探秘阿里云Tablestore:大数据存储与查询的神器" target="_blank">探秘阿里云Tablestore:大数据存储与查询的神器</a> <span class="text-muted">云资源服务商</span> <a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E4%BA%91/1.htm">阿里云</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97/1.htm">云计算</a> <div>一、引言在大数据时代,数据量呈爆炸式增长,数据类型也日益丰富多样,这对数据库技术提出了前所未有的挑战。传统的关系型数据库在应对海量数据存储、高并发读写以及复杂数据分析时,往往显得力不从心,难以满足企业日益增长的业务需求。为了解决这些问题,各种新型数据库技术应运而生,阿里云Tablestore便是其中的佼佼者。阿里云Tablestore是一款构建在阿里云飞天分布式系统之上的分布式NoSQL数据存储服</div> </li> <li><a href="/article/1940967333044482048.htm" title="Flutter开发 -flutter1.22.x升级踩坑记" target="_blank">Flutter开发 -flutter1.22.x升级踩坑记</a> <span class="text-muted">CodingFire</span> <a class="tag" taget="_blank" href="/search/Flutter%E5%AE%9E%E7%94%A8%E5%BC%80%E5%8F%91%E6%8A%80%E5%B7%A7%E5%90%88%E9%9B%86/1.htm">Flutter实用开发技巧合集</a><a class="tag" taget="_blank" href="/search/Flutter%E5%8D%87%E7%BA%A7/1.htm">Flutter升级</a><a class="tag" taget="_blank" href="/search/flutter1.22/1.htm">flutter1.22</a><a class="tag" taget="_blank" href="/search/%E5%8D%87%E7%BA%A7/1.htm">升级</a><a class="tag" taget="_blank" href="/search/1.22.1/1.htm">1.22.1</a><a class="tag" taget="_blank" href="/search/flutterSDK%E5%8D%87%E7%BA%A7/1.htm">flutterSDK升级</a> <div>1.22版本相关:flutterSDK:1.22.1(目前最新版为1.22.2)dart:2.10.1LHHdeMacBook-Pro:nextzcy$dart--versionDartSDKversion:2.10.1(stable)(TueOct610:54:</div> </li> <li><a href="/article/1940958006120345600.htm" title="React 学习计划" target="_blank">React 学习计划</a> <span class="text-muted">夜游猿</span> <a class="tag" taget="_blank" href="/search/React/1.htm">React</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>React学习计划前置知识目标熟练掌握HTML、CSS和JavaScript的基础知识。了解ES6+的新特性。学习内容HTML:标签属性表单布局CSS:选择器盒模型布局(Flexbox,Grid)响应式设计JavaScript:变量数据类型控制结构函数对象数组DOM操作ES6+:箭头函数模板字符串解构赋值类模块化资源MDNWeb文档《你不知道的JavaScript》(上卷)React基础目标能够创</div> </li> <li><a href="/article/1940956363932889088.htm" title="ReactNative进阶(四十四):Mobile App 适配性优化_react native 适配" target="_blank">ReactNative进阶(四十四):Mobile App 适配性优化_react native 适配</a> <span class="text-muted"></span> <div>在ReactNative中尺寸是没有单位的,它代表了设备独立像素。尺寸上述代码,运行在Android上时,View的长和宽被解释成:100dp100dp单位是dp,字体被解释成16sp单位是sp,运行在iOS上时尺寸单位被解释称了pt,这些单位确保了布局在任何不同dpi的手机屏幕上显示不会发生改变;值得一提的是,ReactNative中的FlexBox和WebCSS上FlexBox工作方式是一样的</div> </li> <li><a href="/article/1940952836007325696.htm" title="深入探索 MyBatis 框架:原理、实践与优化" target="_blank">深入探索 MyBatis 框架:原理、实践与优化</a> <span class="text-muted">终见曦月</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>一、MyBatis框架概述在Java开发的世界里,MyBatis作为一款优秀的持久层框架,为我们与数据库的交互提供了极大的便利。它的核心价值在于简化了数据库操作,让我们能够更加专注于业务逻辑的实现。(一)什么是MyBatisMyBatis是一款支持自定义SQL、存储过程以及高级映射的持久层框架。它能够将Java对象与数据库记录进行映射转换,从而实现数据的持久化操作。简单来说,就是我们可以通过简单的</div> </li> <li><a href="/article/1940952836460310528.htm" title="Spring Boot + 本地部署大模型实现:基于 Ollama 的集成实践" target="_blank">Spring Boot + 本地部署大模型实现:基于 Ollama 的集成实践</a> <span class="text-muted"></span> <div>在当今的软件开发中,将大语言模型集成到本地应用中已经成为一种趋势。SpringBoot作为Java开发中的一个流行框架,提供了强大的功能来构建和部署应用。本文将介绍如何在SpringBoot应用中集成本地部署的大模型,特别是通过Ollama这个工具来实现。一、环境准备在开始之前,确保你的开发环境已经安装了以下工具和库:JDK1.8或更高版本Maven或Gradle作为项目管理工具SpringBoo</div> </li> <li><a href="/article/1940952709712637952.htm" title="Spring MVC请求处理流程深度解析:从源码到实战的架构剖析" target="_blank">Spring MVC请求处理流程深度解析:从源码到实战的架构剖析</a> <span class="text-muted"></span> <div>序章:一场关于SpringMVC的技术面试面试官老王翘着二郎腿,悠然地品着茶,突然抬起头:老王:“小李啊,听说你对SpringMVC很熟悉?那我问你个简单的问题:当用户在浏览器输入一个URL,比如http://localhost:8080/user/123,这个请求到达我们的Spring应用后,是怎么一步步处理的?”小李(胸有成竹):“这个我知道!首先DispatcherServlet接收请求,然</div> </li> <li><a href="/article/1940951574683643904.htm" title="Vue如何处理数据、v-HTML的使用及总结" target="_blank">Vue如何处理数据、v-HTML的使用及总结</a> <span class="text-muted">网络点点滴</span> <a class="tag" taget="_blank" href="/search/Vue3/1.htm">Vue3</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Vue如何处理数据、v-HTML的使用及总结Vue是如何处理数据的这里我们先看一段代码constapp=Vue.createApp({data(){return{courseGoalA:'学习Vue,最终掌握Vue',courseGoalB:'掌握Vue,并构建相应的应用程序',vueLink:'https://cn.vuejs.org/'};},methods:{outputGoal(){con</div> </li> <li><a href="/article/1940949433436925952.htm" title="Linux防火墙介绍" target="_blank">Linux防火墙介绍</a> <span class="text-muted"></span> <div>3.1防火墙基础概念防火墙是一种用于控制网络流量进出主机或网络的安全设备或软件。它通过设定规则,允许或阻止特定的数据包,从而保护系统免受未授权访问和网络攻击。作用:隔离内外网、限制端口访问、阻止恶意流量类型:主机防火墙(如Linux的firewalld、iptables)、网络防火墙(如硬件防火墙设备)3.2firewalld的zone(区域)firewalld提供多种zone(区域),每种区域代</div> </li> <li><a href="/article/1940949432489013248.htm" title="RAG实战指南 Day 4:LlamaIndex框架实战指南" target="_blank">RAG实战指南 Day 4:LlamaIndex框架实战指南</a> <span class="text-muted">在未来等你</span> <a class="tag" taget="_blank" href="/search/RAG%E5%AE%9E%E6%88%98%E6%8C%87%E5%8D%97/1.htm">RAG实战指南</a><a class="tag" taget="_blank" href="/search/RAG/1.htm">RAG</a><a class="tag" taget="_blank" href="/search/LlamaIndex/1.htm">LlamaIndex</a><a class="tag" taget="_blank" href="/search/%E6%A3%80%E7%B4%A2%E5%A2%9E%E5%BC%BA%E7%94%9F%E6%88%90/1.htm">检索增强生成</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">大语言模型</a><a class="tag" taget="_blank" href="/search/AI%E5%BC%80%E5%8F%91/1.htm">AI开发</a> <div>【RAG实战指南Day4】LlamaIndex框架实战指南文章标签RAG,LlamaIndex,检索增强生成,大语言模型,AI开发文章简述本文是"RAG实战指南"系列的第4天,聚焦LlamaIndex框架的核心功能与实战应用。我们将深入解析LlamaIndex在RAG系统中的定位,详细讲解其数据连接器、索引构建和查询引擎三大核心组件的工作原理。文章包含完整的Python代码实现,展示如何从零构建一</div> </li> <li><a href="/article/1940948299032883200.htm" title="ToT:思维树:借助大语言模型进行审慎的问题求解" target="_blank">ToT:思维树:借助大语言模型进行审慎的问题求解</a> <span class="text-muted">AI专题精讲</span> <a class="tag" taget="_blank" href="/search/Paper%E9%98%85%E8%AF%BB/1.htm">Paper阅读</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">语言模型</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">大模型</a> <div>摘要语言模型正日益被部署于广泛任务中的通用问题求解,但在推理阶段仍受限于token级、从左到右的决策过程。这意味着在需要探索、战略前瞻,或初始决策起关键作用的任务中,语言模型可能表现不佳。为克服这些挑战,我们提出了一种新的语言模型推理框架——“思维树(TreeofThoughts,ToT)”,它是对当前广泛使用的“思维链(ChainofThought)”提示方法的推广,能够在连贯的文本单元(即“思</div> </li> <li><a href="/article/1940947920010407936.htm" title="从零用java实现 小红书 springboot vue uniapp (10)系统消息模块 接收推送消息优化" target="_blank">从零用java实现 小红书 springboot vue uniapp (10)系统消息模块 接收推送消息优化</a> <span class="text-muted">顽疲</span> <a class="tag" taget="_blank" href="/search/java%E4%BB%BF%E5%86%99%E5%B0%8F%E7%BA%A2%E4%B9%A6/1.htm">java仿写小红书</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>前言移动端演示http://8.146.211.120:8081/#/管理端演示http://8.146.211.120:8088/#/项目整体介绍及演示前面的文章我们主要完成了后台客服系统的完成和管理端的搭建今天我们完成通知消息及推送相关优化首先我们参考小红书的通知页面可以看出由这几部分组成标题内容时间跳转页面我们创建通知表CREATETABLE`business_notice`(`NOTICE</div> </li> <li><a href="/article/1940947920949932032.htm" title="jfinal结合easyui完成基本的增删改查操作" target="_blank">jfinal结合easyui完成基本的增删改查操作</a> <span class="text-muted">顽疲</span> <a class="tag" taget="_blank" href="/search/jfinal%E5%AD%A6%E4%B9%A0/1.htm">jfinal学习</a><a class="tag" taget="_blank" href="/search/jfinal/1.htm">jfinal</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/easyui/1.htm">easyui</a><a class="tag" taget="_blank" href="/search/crud/1.htm">crud</a> <div>jfinal结合easyui完成增删改查操作创建jfinal项目,具体不多说,下面会放出源码。请结合jfinal官网创建一个jfinal项目,加深印象。什么是jfinal?JFinal是基于Java语言的极速web开发框架。重点在于easyui的分页下面贴出部分代码publicvoiduserList(){Stringsql="fromuserorderbyiddesc";Pagepaginate</div> </li> <li><a href="/article/1940947917577711616.htm" title="从零用java实现 小红书 springboot vue uniapp (7)im 在线聊天功能 关注功能" target="_blank">从零用java实现 小红书 springboot vue uniapp (7)im 在线聊天功能 关注功能</a> <span class="text-muted">顽疲</span> <a class="tag" taget="_blank" href="/search/java%E4%BB%BF%E5%86%99%E5%B0%8F%E7%BA%A2%E4%B9%A6/1.htm">java仿写小红书</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>前言移动端演示http://8.146.211.120:8081/#/前面的文章我们主要完成了笔记的点赞和收藏及留言功能今天我们讲解点赞关注im聊天功能关注我们需要有一个关注的操作这里我们复用个人中心页面按钮会有三种形式关注取消关注互相关注三种样式取消关注回关关注关注和点赞功能实现原理大致相同只不过有一个互相关注后台先创建一个关注表CREATETABLE`business_follow`(`ID`</div> </li> <li><a href="/article/1940945145163739136.htm" title="《Spring 中上下文传递的那些事儿》 Part 1:ThreadLocal、MDC、TTL 原理与实践" target="_blank">《Spring 中上下文传递的那些事儿》 Part 1:ThreadLocal、MDC、TTL 原理与实践</a> <span class="text-muted"></span> <div>Part1:ThreadLocal、MDC、TTL原理与实践在Java应用开发中,线程上下文信息传递是一个非常常见但又容易被忽视的问题。尤其是在多线程或异步编程场景下,如何保证当前请求的上下文(如用户身份、traceId、租户信息等)能够在整个调用链中正确传递,是构建稳定系统的关键。本文将带你深入理解三种最常见的上下文管理方案:ThreadLocal、MDC和TTL,并结合Spring框架和实际业</div> </li> <li><a href="/article/26.htm" title="设计模式介绍" target="_blank">设计模式介绍</a> <span class="text-muted">tntxia</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>设计模式来源于土木工程师 克里斯托弗 亚历山大(http://en.wikipedia.org/wiki/Christopher_Alexander)的早期作品。他经常发表一些作品,内容是总结他在解决设计问题方面的经验,以及这些知识与城市和建筑模式之间有何关联。有一天,亚历山大突然发现,重复使用这些模式可以让某些设计构造取得我们期望的最佳效果。 亚历山大与萨拉-石川佳纯和穆雷 西乐弗斯坦合作</div> </li> <li><a href="/article/153.htm" title="android高级组件使用(一)" target="_blank">android高级组件使用(一)</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/RatingBar/1.htm">RatingBar</a><a class="tag" taget="_blank" href="/search/Spinner/1.htm">Spinner</a> <div>1、自动完成文本框(AutoCompleteTextView) AutoCompleteTextView从EditText派生出来,实际上也是一个文本编辑框,但它比普通编辑框多一个功能:当用户输入一个字符后,自动完成文本框会显示一个下拉菜单,供用户从中选择,当用户选择某个菜单项之后,AutoCompleteTextView按用户选择自动填写该文本框。 使用AutoCompleteTex</div> </li> <li><a href="/article/280.htm" title="[网络与通讯]路由器市场大有潜力可挖掘" target="_blank">[网络与通讯]路由器市场大有潜力可挖掘</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 如果国内的电子厂商和计算机设备厂商觉得手机市场已经有点饱和了,那么可以考虑一下交换机和路由器市场的进入问题..... &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 这方面的技术和知识,目前处在一个开放型的状态,有利于各类小型电子企业进入 &nbsp;&nbs</div> </li> <li><a href="/article/407.htm" title="自写简单Redis内存统计shell" target="_blank">自写简单Redis内存统计shell</a> <span class="text-muted">商人shang</span> <a class="tag" taget="_blank" href="/search/Linux+shell/1.htm">Linux shell</a><a class="tag" taget="_blank" href="/search/%E7%BB%9F%E8%AE%A1Redis%E5%86%85%E5%AD%98/1.htm">统计Redis内存</a> <div>#!/bin/bash address=&quot;192.168.150.128:6666,192.168.150.128:6666&quot; hosts=(${address//,/ }) sfile=&quot;staticts.log&quot; for hostitem in ${hosts[@]} do ipport=(${hostitem</div> </li> <li><a href="/article/534.htm" title="单例模式(饿汉 vs懒汉)" target="_blank">单例模式(饿汉 vs懒汉)</a> <span class="text-muted">oloz</span> <a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a> <div>package 单例模式; /* * 应用场景:保证在整个应用之中某个对象的实例只有一个 * 单例模式种的《 懒汉模式》 * */ public class Singleton { //01 将构造方法私有化,外界就无法用new Singleton()的方式获得实例 private Singleton(){}; //02 申明类得唯一实例 priva</div> </li> <li><a href="/article/661.htm" title="springMvc json支持" target="_blank">springMvc json支持</a> <span class="text-muted">杨白白</span> <a class="tag" taget="_blank" href="/search/json+springmvc/1.htm">json springmvc</a> <div>1.Spring mvc处理json需要使用jackson的类库,因此需要先引入jackson包 2在spring mvc中解析输入为json格式的数据:使用@RequestBody来设置输入 @RequestMapping(&quot;helloJson&quot;) public @ResponseBody JsonTest helloJson() { </div> </li> <li><a href="/article/788.htm" title="android播放,掃描添加本地音頻文件" target="_blank">android播放,掃描添加本地音頻文件</a> <span class="text-muted">小桔子</span> <div>&nbsp; &nbsp; &nbsp; &nbsp; 最近幾乎沒有什麽事情,繼續鼓搗我的小東西。想在項目中加入一個簡易的音樂播放器功能,就像華為p6桌面上那麼大小的音樂播放器。用過天天動聽或者QQ音樂播放器的人都知道,可已通過本地掃描添加歌曲。不知道他們是怎麼實現的,我覺得應該掃描設備上的所有文件,過濾出音頻文件,每個文件實例化為一個實體,記錄文件名、路徑、歌手、類型、大小等信息。具體算法思想,</div> </li> <li><a href="/article/915.htm" title="oracle常用命令" target="_blank">oracle常用命令</a> <span class="text-muted">aichenglong</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/dba/1.htm">dba</a><a class="tag" taget="_blank" href="/search/%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/1.htm">常用命令</a> <div>1 创建临时表空间 create temporary tablespace user_temp&nbsp; tempfile 'D:\oracle\oradata\Oracle9i\user_temp.dbf' size 50m&nbsp; autoextend on&nbsp; next 50m maxsize 20480m&nbsp; extent management local</div> </li> <li><a href="/article/1042.htm" title="25个Eclipse插件" target="_blank">25个Eclipse插件</a> <span class="text-muted">AILIKES</span> <a class="tag" taget="_blank" href="/search/eclipse%E6%8F%92%E4%BB%B6/1.htm">eclipse插件</a> <div>提高代码质量的插件1. FindBugsFindBugs可以帮你找到Java代码中的bug,它使用Lesser GNU Public License的自由软件许可。2. CheckstyleCheckstyle插件可以集成到Eclipse IDE中去,能确保Java代码遵循标准代码样式。3. ECLemmaECLemma是一款拥有Eclipse Public License许可的免费工具,它提供了</div> </li> <li><a href="/article/1169.htm" title="Spring MVC拦截器+注解方式实现防止表单重复提交" target="_blank">Spring MVC拦截器+注解方式实现防止表单重复提交</a> <span class="text-muted">baalwolf</span> <a class="tag" taget="_blank" href="/search/spring+mvc/1.htm">spring mvc</a> <div>原理:在新建页面中Session保存token随机码,当保存时验证,通过后删除,当再次点击保存时由于服务器端的Session中已经不存在了,所有无法验证通过。 &nbsp; 1.新建注解: &nbsp; ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 </div> </li> <li><a href="/article/1296.htm" title="《Javascript高级程序设计(第3版)》闭包理解" target="_blank">《Javascript高级程序设计(第3版)》闭包理解</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>“闭包是指有权访问另一个函数作用域中的变量的函数。”--《Javascript高级程序设计(第3版)》 &nbsp; &nbsp; &nbsp; &nbsp; 看以下代码: &lt;script type=&quot;text/javascript&quot;&gt; function outer() { var i = 10; return f</div> </li> <li><a href="/article/1423.htm" title="AngularJS Module类的方法" target="_blank">AngularJS Module类的方法</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/Module/1.htm">Module</a> <div>&nbsp; &nbsp; &nbsp; &nbsp; AngularJS中的Module类负责定义应用如何启动,它还可以通过声明的方式定义应用中的各个片段。我们来看看它是如何实现这些功能的。 一.Main方法在哪里 &nbsp; &nbsp; &nbsp; &nbsp; 如果你是从Java或者Python编程语言转过来的,那么你可能很想知道AngularJS里面的main方法在哪里?这个把所</div> </li> <li><a href="/article/1550.htm" title="[Maven学习笔记七]Maven插件和目标" target="_blank">[Maven学习笔记七]Maven插件和目标</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/maven%E6%8F%92%E4%BB%B6/1.htm">maven插件</a> <div>插件(plugin)和目标(goal) Maven,就其本质而言,是一个插件执行框架,Maven的每个目标的执行逻辑都是由插件来完成的,一个插件可以有1个或者几个目标,比如maven-compiler-plugin插件包含compile和testCompile,即maven-compiler-plugin提供了源代码编译和测试源代码编译的两个目标 &nbsp; 使用插件和目标使得我们可以干预</div> </li> <li><a href="/article/1677.htm" title="【Hadoop八】Yarn的资源调度策略" target="_blank">【Hadoop八】Yarn的资源调度策略</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a> <div>1. Hadoop的三种调度策略 Hadoop提供了3中作业调用的策略, FIFO Scheduler Fair Scheduler Capacity Scheduler 以上三种调度算法,在Hadoop MR1中就引入了,在Yarn中对它们进行了改进和完善.Fair和Capacity Scheduler用于多用户共享的资源调度 &nbsp; 2. 多用户资源共享的调度 </div> </li> <li><a href="/article/1804.htm" title="Nginx使用Linux内存加速静态文件访问" target="_blank">Nginx使用Linux内存加速静态文件访问</a> <span class="text-muted">ronin47</span> <div>Nginx是一个非常出色的静态资源web服务器。如果你嫌它还不够快,可以把放在磁盘中的文件,映射到内存中,减少高并发下的磁盘IO。 先做几个假设。nginx.conf中所配置站点的路径是/home/wwwroot/res,站点所对应文件原始存储路径:/opt/web/res shell脚本非常简单,思路就是拷贝资源文件到内存中,然后在把网站的静态文件链接指向到内存中即可。具体如下: </div> </li> <li><a href="/article/1931.htm" title="关于Unity3D中的Shader的知识" target="_blank">关于Unity3D中的Shader的知识</a> <span class="text-muted">brotherlamp</span> <a class="tag" taget="_blank" href="/search/unity/1.htm">unity</a><a class="tag" taget="_blank" href="/search/unity%E8%B5%84%E6%96%99/1.htm">unity资料</a><a class="tag" taget="_blank" href="/search/unity%E6%95%99%E7%A8%8B/1.htm">unity教程</a><a class="tag" taget="_blank" href="/search/unity%E8%A7%86%E9%A2%91/1.htm">unity视频</a><a class="tag" taget="_blank" href="/search/unity%E8%87%AA%E5%AD%A6/1.htm">unity自学</a> <div>首先先解释下Unity3D的Shader,Unity里面的Shaders是使用一种叫ShaderLab的语言编写的,它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader,都是指用ShaderLab编写的代码,然后我们来看下Unity3D自带的60多个S</div> </li> <li><a href="/article/2058.htm" title="CopyOnWriteArrayList vs ArrayList" target="_blank">CopyOnWriteArrayList vs ArrayList</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>package com.ljn.base; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import java.util.concurrent.CopyOnWriteArrayList; /** * 总述: * 1.ArrayListi不是线程安全的,CopyO</div> </li> <li><a href="/article/2185.htm" title="内存中栈和堆的区别" target="_blank">内存中栈和堆的区别</a> <span class="text-muted">chicony</span> <a class="tag" taget="_blank" href="/search/%E5%86%85%E5%AD%98/1.htm">内存</a> <div> 1、内存分配方面: &nbsp; &nbsp; 堆:一般由程序员分配释放, 若程序员不释放,程序结束时可能由OS回收 。注意它与数据结构中的堆是两回事,分配方式是类似于链表。可能用到的关键字如下:new、malloc、delete、free等等。 &nbsp; &nbsp; 栈:由编译器(Compiler)自动分配释放,存放函数的参数值,局部变量的值等。其操作方式类似于数据结构中</div> </li> <li><a href="/article/2312.htm" title="回答一位网友对Scala的提问" target="_blank">回答一位网友对Scala的提问</a> <span class="text-muted">chenchao051</span> <a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a><a class="tag" taget="_blank" href="/search/map/1.htm">map</a> <div>本来准备在私信里直接回复了,但是发现不太方便,就简要回答在这里。 问题 写道 对于scala的简洁十分佩服,但又觉得比较晦涩,例如一例,Map(&quot;a&quot; -&gt; List(11,111)).flatMap(_._2),可否说下最后那个函数做了什么,真正在开发的时候也会如此简洁?谢谢 &nbsp; &nbsp;先回答一点,在实际使用中,Scala毫无疑问就是这么简单。</div> </li> <li><a href="/article/2439.htm" title="mysql 取每组前几条记录" target="_blank">mysql 取每组前几条记录</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E7%BB%84/1.htm">分组</a><a class="tag" taget="_blank" href="/search/%E6%9C%80%E5%A4%A7%E5%80%BC/1.htm">最大值</a><a class="tag" taget="_blank" href="/search/%E6%9C%80%E5%B0%8F%E5%80%BC/1.htm">最小值</a><a class="tag" taget="_blank" href="/search/%E6%AF%8F%E7%BB%84%E4%B8%89%E6%9D%A1%E8%AE%B0%E5%BD%95/1.htm">每组三条记录</a> <div>一、对分组的记录取前N条记录:例如:取每组的前3条最大的记录 1.用子查询: SELECT * FROM tableName a &nbsp;WHERE 3&gt; (SELECT COUNT(*) FROM&nbsp; tableName&nbsp;b WHERE b.id=a.id AND b.cnt&gt;a. cnt) ORDER BY a.id,a.account DE</div> </li> <li><a href="/article/2566.htm" title="HTTP深入浅出 http请求" target="_blank">HTTP深入浅出 http请求</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/http/1.htm">http</a> <div>&nbsp; HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP,使HTTP客户(如Web浏览器)能够从HTTP服务器(Web服务器)请求信息和服务,HTTP目前协议的版本是1.1.HTTP是一种无状态的协议,无状态是指Web浏览器和Web服务器之间不需要建立持久的连接,这意味着当一个客户端向服务器端发出请求,然后We</div> </li> <li><a href="/article/2693.htm" title="判断MySQL记录是否存在方法比较" target="_blank">判断MySQL记录是否存在方法比较</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>把数据写入到数据库的时,常常会碰到先要检测要插入的记录是否存在,然后决定是否要写入。   我这里总结了判断记录是否存在的常用方法:   sql语句: select &nbsp; count ( * )&nbsp; from &nbsp;tablename;   然后读取count(*)的值判断记录是否存在。对于这种方法性能上有些浪费,我们只是想判断记录记录是否存在,没有必要全部都查出来。</div> </li> <li><a href="/article/2820.htm" title="对HTML XML的一点认识" target="_blank">对HTML XML的一点认识</a> <span class="text-muted">e200702084</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>感谢http://www.w3school.com.cn提供的资料 HTML 文档中的每个成分都是一个节点。 节点 根据 DOM,HTML 文档中的每个成分都是一个节点。 DOM 是这样规定的: 整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点 Node 层次 </div> </li> <li><a href="/article/2947.htm" title="jquery分页插件" target="_blank">jquery分页插件</a> <span class="text-muted">genaiwei</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E9%A1%B5/1.htm">分页</a><a class="tag" taget="_blank" href="/search/%E6%8F%92%E4%BB%B6/1.htm">插件</a> <div>//jquery页码控件// 创建一个闭包&nbsp;&nbsp;&nbsp; (function($) {&nbsp;&nbsp;&nbsp; &nbsp; // 插件的定义&nbsp;&nbsp;&nbsp; &nbsp; $.fn.pageTool = function(options) {&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var totalPa</div> </li> <li><a href="/article/3201.htm" title="Mybatis与Ibatis对照入门于学习" target="_blank">Mybatis与Ibatis对照入门于学习</a> <span class="text-muted">Josh_Persistence</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%88%AB/1.htm">区别</a><a class="tag" taget="_blank" href="/search/%E8%81%94%E7%B3%BB/1.htm">联系</a> <div>一、为什么使用IBatis/Mybatis &nbsp; &nbsp; &nbsp; &nbsp; 对于从事 Java EE 的开发人员来说,iBatis 是一个再熟悉不过的持久层框架了,在 Hibernate、JPA 这样的一站式对象 / 关系映射(O/R Mapping)解决方案盛行之前,iBaits 基本是持久层框架的不二选择。即使在持久层框架层出不穷的今天,iBatis 凭借着易学易用、</div> </li> <li><a href="/article/3328.htm" title="C中怎样合理决定使用那种整数类型?" target="_blank">C中怎样合理决定使用那种整数类型?</a> <span class="text-muted">秋风扫落叶</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B/1.htm">数据类型</a> <div>如果需要大数值(大于32767或小于32767), 使用long 型。 否则, 如果空间很重要 (如有大数组或很多结构), 使用 short 型。 除此之外, 就使用 int 型。 如果严格定义的溢出特征很重要而负值无关紧要, 或者你希望在操作二进制位和字节时避免符号扩展的问题, 请使用对应的无符号类型。 但是, 要注意在表达式中混用有符号和无符号值的情况。 &nbsp; &nbsp;&nbs</div> </li> <li><a href="/article/3455.htm" title="maven问题" target="_blank">maven问题</a> <span class="text-muted">zhb8015</span> <a class="tag" taget="_blank" href="/search/maven%E9%97%AE%E9%A2%98/1.htm">maven问题</a> <div>&nbsp; 问题1: Eclipse 中 新建maven项目 无法添加src/main/java 问题 &nbsp; &nbsp;eclipse创建maevn web项目,在选择maven_archetype_web原型后,默认只有src/main/resources这个Source Floder。 &nbsp;&nbsp;&nbsp; 按照maven目录结构,添加src/main/ja</div> </li> <li><a href="/article/3582.htm" title="(二)androidpn-server tomcat版源码解析之--push消息处理" target="_blank">(二)androidpn-server tomcat版源码解析之--push消息处理</a> <span class="text-muted">spjich</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/androdipn/1.htm">androdipn</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E9%80%81/1.htm">推送</a> <div>在&nbsp;(一)androidpn-server tomcat版源码解析之--项目启动这篇中,已经描述了整个推送服务器的启动过程,并且把握到了消息的入口即XmppIoHandler这个类,今天我将继续往下分析下面的核心代码,主要分为3大块,链接创建,消息的发送,链接关闭。 先贴一段XmppIoHandler的部分代码 /** * Invoked from an I/O proc</div> </li> <li><a href="/article/3709.htm" title="用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题" target="_blank">用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题</a> <span class="text-muted">中华好儿孙</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E4%B8%8A%E4%BC%A0%E6%96%87%E4%BB%B6/1.htm">上传文件</a><a class="tag" taget="_blank" href="/search/FormData/1.htm">FormData</a> <div> var formData = new FormData($(&quot;#inputFileForm&quot;)[0]); $.ajax({ type:'post', url:webRoot+&quot;/electronicContractUrl/webapp/uploadfile&quot;, data:formData, async: false, ca</div> </li> <li><a href="/article/3836.htm" title="mybatis常用jdbcType数据类型" target="_blank">mybatis常用jdbcType数据类型</a> <span class="text-muted">ysj5125094</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/mapper/1.htm">mapper</a><a class="tag" taget="_blank" href="/search/jdbcType/1.htm">jdbcType</a> <div>&nbsp; MyBatis&nbsp;通过包含的jdbcType 类型 BIT&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;FLOAT&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;CHAR&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类:</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>