行内元素与块级元素比较全面的区别和转换

引言

       一次偶然的面试遇到的题目,虽然当时知道块级元素和行内元素的区别,但是没有仔细去想。

一、行内元素与块级元素

块级元素列表
定义地址
定义表格标题
定义列表中定义条目
定义文档中的分区或节
定义列表
定义列表中的项目
定义一个框架集
创建 HTML 表单

定义最大的标题

定义副标题

定义标题

定义标题
定义标题
定义最小的标题

创建一条水平线
元素为 fieldset 元素定义标题
  • 标签定义列表项目
    </td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 为那些不支持框架的浏览器显示文本,于 frameset 元素内部</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <noscript></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 定义在脚本未被执行时的替代内容</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <ol></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 定义有序列表</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <ul></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 定义无序列表</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <p></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 标签定义段落</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <pre></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 定义预格式化的文本</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <table></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 标签定义 HTML 表格</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <tbody></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 标签表格主体(正文)</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <td></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 表格中的标准单元格</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <tfoot></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 定义表格的页脚(脚注或表注)</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <th></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 定义表头单元格</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <thead></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 标签定义表格的表头</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <tr></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 定义表格中的行</td> </tr> </tbody> </table> <table style="margin-left:auto;border-collapse:collapse;width:550px;color:rgb(71,71,71);font-family:Verdana, Arial, Tahoma;font-size:12px;line-height:21px;"> <caption style="margin-left:0px;font-size:13px;font-weight:bold;"> 行内元素列表 </caption> <tbody style="margin-left:0px;"> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <a></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 标签可定义锚</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <abbr></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 表示一个缩写形式</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <acronym></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 定义只取首字母缩写</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <b></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 字体加粗</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <bdo></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 可覆盖默认的文本方向</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <big></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 大号字体加粗</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <br></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 换行</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <cite></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 引用进行定义</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <code></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 定义计算机代码文本</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <dfn></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 定义一个定义项目</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <em></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 定义为强调的内容</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <i></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 斜体文本效果</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <img></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 向网页中嵌入一幅图像</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <input></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 输入框</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <kbd></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 定义键盘文本</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <label></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 标签为 input 元素定义标注(标记)</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <q></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 定义短的引用</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <samp></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 定义样本文本</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <select></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 创建单选或多选菜单</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <small></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 呈现小号字体效果</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <span></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 组合文档中的行内元素</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <strong></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 语气更强的强调的内容</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <sub></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 定义下标文本</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <sup></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 定义上标文本</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <textarea></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 多行的文本输入控件</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <tt></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 打字机或者等宽的文本效果</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <var></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 定义变量</td> </tr> </tbody> </table> <table style="margin-left:auto;border-collapse:collapse;width:550px;color:rgb(71,71,71);font-family:Verdana, Arial, Tahoma;font-size:12px;line-height:21px;"> <caption style="margin-left:0px;font-size:13px;font-weight:bold;"> 可变元素素列表--可变元素为根据上下文语境决定该元素为块元素或者内联元素 </caption> <tbody style="margin-left:0px;"> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <button></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 按钮</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <del></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 定义文档中已被删除的文本</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <iframe></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 创建包含另外一个文档的内联框架(即行内框架)</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <ins></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 标签定义已经被插入文档中的文本</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <map></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 客户端图像映射(即热区)</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <object></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> object对象</td> </tr> <tr style="margin-left:0px;"> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> <script></td> <td style="border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(183,209,126);border-right-color:rgb(183,209,126);border-bottom-color:rgb(183,209,126);border-left-color:rgb(183,209,126);margin-left:0px;"> 客户端脚本</td> </tr> </tbody> </table> <br> 二、行内元素与块级函数的三个区别 <p><span style="font-size:10px;">1.行内元素与块级元素直观上的区别</span></p> <p><span style="font-size:10px;">    行内元素会在一条直线上排列,都是同一行的,水平方向排列</span></p> <p><span style="font-size:10px;">    块级元素各占据一行,垂直方向排列。块级元素从新行开始结束接着一个断行。</span></p> <p><span style="font-size:10px;">2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。</span></p> <p><span style="font-size:10px;">3.行内元素与块级元素属性的不同,主要是盒模型属性上</span></p> <p><span style="font-size:10px;">行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效</span></p> <p><span style="font-size:10px;"><br> 三、行内元素转换为块级元素</span></p> <p><span style="font-size:10px;">        display:block (字面意思表现形式设为块级)</span></p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1292623043989938176"></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">你可能感兴趣的:(JS)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1946399360115863552.htm" title="后端如何接收数据?详解8种HTTP请求方式及SpringBoot代码实现" target="_blank">后端如何接收数据?详解8种HTTP请求方式及SpringBoot代码实现</a> <span class="text-muted">Xxtaoaooo</span> <a class="tag" taget="_blank" href="/search/http/1.htm">http</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/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>人们眼中的天才之所以卓越非凡,并非天资超人一等而是付出了持续不断的努力。1万小时的锤炼是任何人从平凡变成超凡的必要条件。————马尔科姆·格拉德威尔目录一、RequestPayload(JSON/XML等结构化数据)二、QueryStringParameters(URL参数)三、FormData(表单数据)四、PathVariables(路径参数)五、Headers(请求头)六、Cookies七、</div> </li> <li><a href="/article/1946394441023549440.htm" title="第一章 【vue】基础(超详细)" target="_blank">第一章 【vue】基础(超详细)</a> <span class="text-muted">ᝰ落念英</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</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/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><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/vue/1.htm">vue</a> <div>Vue基础Vue在HTML中的引入使用Vue渲染数据Vue可直接渲染定义在data里的数据,渲染动态数据使用“{{}}"包裹示例代码{{message}}{{arr}}{{arr.name}}{{arr.age}}{{obj[2]}}在js中挂载Vue实例Vue实列的作用范围:vue会管理el选项命中的元素及其后代元素是否可以使用其他选择器但是建议使用id选择器是否可以设置其他的dom元素可以使用</div> </li> <li><a href="/article/1946394188820049920.htm" title="Java 9 模块化系统(Project Jigsaw)深度解析" target="_blank">Java 9 模块化系统(Project Jigsaw)深度解析</a> <span class="text-muted">探索java</span> <a class="tag" taget="_blank" href="/search/java%E5%9F%BA%E7%A1%80/1.htm">java基础</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/9/1.htm">9</a><a class="tag" taget="_blank" href="/search/%E6%A8%A1%E5%9D%97%E5%8C%96/1.htm">模块化</a> <div>1.引言1.1什么是ProjectJigsaw?ProjectJigsaw是Java9引入的一项重要特性,其核心是将Java平台引入模块化系统。这项特性最早由Oracle于JSR376提出,旨在解决Java平台和大型应用程序架构中的一系列结构性问题。模块系统是对Java类加载器机制和访问控制模型的系统性扩展,它不仅影响开发者编写代码的方式,还改变了平台的打包、部署和运行方式。简而言之,Projec</div> </li> <li><a href="/article/1943992018892025856.htm" title="JSON 与 AJAX" target="_blank">JSON 与 AJAX</a> <span class="text-muted">Auscy</span> <a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、JSON(JavaScriptObjectNotation)1.数据类型与语法细节支持的数据类型:基本类型:字符串(需用双引号)、数字、布尔值(true/false)、null。复杂类型:数组([])、对象({})。严格语法规范:键名必须用双引号包裹(如"name":"张三")。数组元素用逗号分隔,最后一个元素后不能有多余逗号。数字不能以0开头(如012会被解析为12),不支持八进制/十六进制</div> </li> <li><a href="/article/1943987101301272576.htm" title="精通Canvas:15款时钟特效代码实现指南" target="_blank">精通Canvas:15款时钟特效代码实现指南</a> <span class="text-muted">烟幕缭绕</span> <div>本文还有配套的精品资源,点击获取简介:HTML5的Canvas是一个用于绘制矢量图形的API,通过JavaScript实现动态效果。本项目集合了15种不同的时钟特效代码,帮助开发者通过学习绘制圆形、线条、时间更新、旋转、颜色样式设置及动画效果等概念,深化对Canvas的理解和应用。项目中的CSS文件负责时钟的样式设定,而JS文件则包含实现各种特效的逻辑,通过不同的函数或类处理时间更新和动画绘制,提</div> </li> <li><a href="/article/1943979911370829824.htm" title="Cesium加载各类数据总结" target="_blank">Cesium加载各类数据总结</a> <span class="text-muted">zhu_zhu_xia</span> <a class="tag" taget="_blank" href="/search/cesium/1.htm">cesium</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>接触到的加载数据类型:源地图、shp、Geojson、png、wms、地形底图一.Cesium加载各类底图#此类加载的本质在于newCesium.ImageryProvider()Apidefination:“Providesimagerytobedisplayedonthesurfaceofanellipsoid.Thistypedescribesaninterfaceandisnotinten</div> </li> <li><a href="/article/1943978399890468864.htm" title="如何解决 NPM proxy, 当我们在终端nodejs应用程序时出现代理相关报错" target="_blank">如何解决 NPM proxy, 当我们在终端nodejs应用程序时出现代理相关报错</a> <span class="text-muted"></span> <div>Thisisaproblemrelatedtonetworkconnectivity.npmERR!networkInmostcasesyouarebehindaproxyorhavebadnetworksettings.在使用npminstall下载包的时候总是报以下错误:在控制台或VisualStudioCode终端中运行以下命令:npmconfigrmproxynpmconfigrmhttp</div> </li> <li><a href="/article/1943969574231797760.htm" title="npm 切换 node 版本 和npm的源" target="_blank">npm 切换 node 版本 和npm的源</a> <span class="text-muted">爱敲代码的小冰</span> <a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>在开发过程中,不同项目可能需要不同版本的Node.js,同时于由XX原因,我们需要切换npm的源。这时如果需要切换node版本或者npm的源,我们可以使用以下方法。使用nvm切换Node版本1、安装npminstallnvm-g2、使用#列出所有可用版本nvmlist-remote#安装指定版本nvminstall16.15.1#使用指定版本nvmuse16.15.1#查看当前使用的版本nvmcu</div> </li> <li><a href="/article/1943968187645227008.htm" title="Kafka系列之:Dead Letter Queue死信队列DLQ" target="_blank">Kafka系列之:Dead Letter Queue死信队列DLQ</a> <span class="text-muted">快乐骑行^_^</span> <a class="tag" taget="_blank" href="/search/Kafka/1.htm">Kafka</a><a class="tag" taget="_blank" href="/search/Kafka%E7%B3%BB%E5%88%97/1.htm">Kafka系列</a><a class="tag" taget="_blank" href="/search/Dead/1.htm">Dead</a><a class="tag" taget="_blank" href="/search/Letter/1.htm">Letter</a><a class="tag" taget="_blank" href="/search/Queue/1.htm">Queue</a><a class="tag" taget="_blank" href="/search/%E6%AD%BB%E4%BF%A1%E9%98%9F%E5%88%97/1.htm">死信队列</a><a class="tag" taget="_blank" href="/search/DLQ/1.htm">DLQ</a> <div>Kafka系列之:DeadLetterQueue死信队列DLQ一、死信队列二、参数errors.tolerance三、创建死信队列主题四、在启用安全性的情况下使用死信队列更多内容请阅读博主这篇博客:Kafka系列之:KafkaConnect深入探讨-错误处理和死信队列一、死信队列死信队列(DLQ)仅适用于接收器连接器。当一条记录以JSON格式到达接收器连接器时,但接收器连接器配置期望另一种格式,如</div> </li> <li><a href="/article/1943963145055825920.htm" title="react-native android 环境搭建" target="_blank">react-native android 环境搭建</a> <span class="text-muted"></span> <div>环境:macjava版本:Java11最重要:一定要一定要一定要react涉及到很多的依赖下载,gradle和react相关的,第一次安装环境时有外网环境会快速很多。安装nodejs安装react-nativenpminstallreact-native-clinpminstallreact-native创建一个新项目react-nativeinitfirstReact替换gradle下载源rep</div> </li> <li><a href="/article/1943957596671111168.htm" title="docker0网卡没有ip一步解决" target="_blank">docker0网卡没有ip一步解决</a> <span class="text-muted">ξ流ぁ星ぷ132</span> <a class="tag" taget="_blank" href="/search/tcp%2Fip/1.htm">tcp/ip</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>正常查看ip的时候一直显示没有ip这里先删除docker0网卡iplinkdeletedocker0然后重启服务systemctlrestartdocker再次查看显示有ip了并且查看配置文件也是正常的cat/etc/docker/daemon.json{"registry-mirrors":["https://docker.m.daocloud.io","https://docker.imgdb</div> </li> <li><a href="/article/1943946255763828736.htm" title="《Java前端开发全栈指南:从Servlet到现代框架实战》" target="_blank">《Java前端开发全栈指南:从Servlet到现代框架实战》</a> <span class="text-muted"></span> <div>前言在当今Web开发领域,Java依然是后端开发的主力语言,而随着前后端分离架构的普及,Java开发者也需要掌握前端技术栈。本文将全面介绍JavaWeb前端开发的核心技术,包括传统Servlet/JSP体系、现代前端框架集成方案,以及全栈开发的最佳实践。通过本文,您将了解如何构建现代化的JavaWeb应用前端界面。一、JavaWeb前端技术演进1.1传统技术栈Servlet:JavaWeb基础,处</div> </li> <li><a href="/article/1943941718281875456.htm" title="pythonjson中list操作_Python json.dumps 特殊数据类型的自定义序列化操作" target="_blank">pythonjson中list操作_Python json.dumps 特殊数据类型的自定义序列化操作</a> <span class="text-muted"></span> <div>场景描述:Python标准库中的json模块,集成了将数据序列化处理的功能;在使用json.dumps()方法序列化数据时候,如果目标数据中存在datetime数据类型,执行操作时,会抛出异常:TypeError:datetime.datetime(2016,12,10,11,04,21)isnotJSONserializable那么遇到json.dumps序列化不支持的数据类型,该怎么办!首先,</div> </li> <li><a href="/article/1943940206172368896.htm" title="Python 日期格式转json.dumps的解决方法" target="_blank">Python 日期格式转json.dumps的解决方法</a> <span class="text-muted">douyaoxin</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>classDateEncoder(json.JSONEncoder):defdefault(self,obj):ifisinstance(obj,datetime.datetime):returnobj.strftime('%Y-%m-%d%H:%M:%S')elifisinstance(obj,datetime.date):returnobj.strftime("%Y-%m-%d")json.d</div> </li> <li><a href="/article/1943933782121836544.htm" title="Flutter——数据库Drift开发详细教程(七)" target="_blank">Flutter——数据库Drift开发详细教程(七)</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/flutter/1.htm">flutter</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>目录入门设置漂移文件入门变量数组定义表支持的列类型漂移特有的功能导入嵌套结果LIST子查询Dart互操作SQL中的Dart组件类型转换器现有的行类Dart文档注释结果类名称支持的语句自定义SQL类型定义类型使用自定义类型在Dart中在SQL中方言意识支持的SQLite扩展json1fts5地缘垄断自定义查询带有生成的api的语句自定义选择语句自定义更新语句入门Drift提供了一个dart_api来</div> </li> <li><a href="/article/1943932016164663296.htm" title="Vue3组件库实战: 打造高复用UI系统" target="_blank">Vue3组件库实战: 打造高复用UI系统</a> <span class="text-muted">武昌库里写JAVA</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB%E4%B8%8E%E8%A7%A3%E6%9E%90/1.htm">面试题汇总与解析</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</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/layui/1.htm">layui</a><a class="tag" taget="_blank" href="/search/%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1/1.htm">毕业设计</a> <div>Vue3组件库实战:打造高复用UI系统介绍什么是Vue3组件库在前端开发中,UI组件库是非常重要的一部分。Vue3组件库是基于Vue.js3.x版本开发的一套可用于构建Web应用的UI组件集合,可以帮助开发者快速搭建页面并保证页面的一致性和美观性。目标关键词:Vue3组件库设计与构建设计原则组件库的设计需要遵循一定的原则,比如易用性、可维护性、扩展性等。在设计阶段需要考虑到不同场景的使用,并且保证</div> </li> <li><a href="/article/1943931763084554240.htm" title="自测魅族手机webview加载h5时ul嵌套li标签js失效问题记录" target="_blank">自测魅族手机webview加载h5时ul嵌套li标签js失效问题记录</a> <span class="text-muted">ZhDan91</span> <a class="tag" taget="_blank" href="/search/%E6%B7%B7%E5%90%88app/1.htm">混合app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a> <div>自测魅族手机ul嵌套li标签js失效问题:可采用div嵌套option实现样式:.hot_list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}.hot_listoption{text-align:center;width:30%;padding:.16rem.34rem;border:0.1remso</div> </li> <li><a href="/article/1943930629099941888.htm" title="Ubuntu基础(Python虚拟环境和Vue)" target="_blank">Ubuntu基础(Python虚拟环境和Vue)</a> <span class="text-muted">aaiier</span> <a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>Python虚拟环境sudoaptinstallpython3python3-venv进入项目目录cdXXX创建虚拟环境python3-mvenvvenv激活虚拟环境sourcevenv/bin/activate退出虚拟环境deactivateVue安装Node.js和npm#安装Node.js和npm(Ubuntu默认仓库可能版本较旧,适合入门)sudoaptinstallnodejsnpm#验</div> </li> <li><a href="/article/1943930248785620992.htm" title="QML与C++相互调用函数并获得返回值" target="_blank">QML与C++相互调用函数并获得返回值</a> <span class="text-muted">cpp_learners</span> <a class="tag" taget="_blank" href="/search/QML/1.htm">QML</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/QML/1.htm">QML</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a> <div>这篇博客主要讲解在qml端如何直接调用c++的函数并获得返回值,在c++端如何直接调用qml的函数并获得返回值;主要以map或者jsonobject、list或者jsonarray为主!其他单个类型,常见的类型,例如QString、int等,就不演示了;一通百通。目录1准备工作1.1C++端1.2QML端2qml端直接调用c++端函数3c++端直接调用qml端函数3.1调用qml的qmlFuncO</div> </li> <li><a href="/article/1943920666499674112.htm" title="老系统改造增加初始化,自动化数据源配置(tomcat+jsp+springmvc)" target="_blank">老系统改造增加初始化,自动化数据源配置(tomcat+jsp+springmvc)</a> <span class="text-muted"></span> <div>老系统改造增加初始化,自动化数据源配置一、前言二、改造描述1、环境说明2、实现步骤简要思考三、开始改造1、准备sql初始化文件2、启动时自动读取jdbc文件,创建数据源,如未配置,需要一个默认的临时数据源2.1去掉spingmvc原本配置的固定dataSource,改为动态dataSource2.2代码类,这里是示例,我就不管规范了,放到一起2.2.1DynamicDataSourceConfig</div> </li> <li><a href="/article/1943919909612351488.htm" title="Vue.js 过渡 & 动画" target="_blank">Vue.js 过渡 & 动画</a> <span class="text-muted">lsx202406</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Vue.js过渡&动画引言在Web开发中,过渡与动画是提升用户体验的关键元素。Vue.js作为一款流行的前端框架,提供了强大的过渡与动画功能,使得开发者能够轻松实现丰富的交互效果。本文将深入探讨Vue.js中的过渡与动画,包括其原理、应用场景以及实现方法。一、Vue.js过渡原理Vue.js过渡是利用CSS3的transition属性实现的。当Vue.js侦测到数据变化时,会自动触发过渡效果。过渡</div> </li> <li><a href="/article/1943917893620133888.htm" title="V少JS基础班之第五弹" target="_blank">V少JS基础班之第五弹</a> <span class="text-muted">V少在逆向</span> <a class="tag" taget="_blank" href="/search/JS%E5%9F%BA%E7%A1%80%E7%8F%AD/1.htm">JS基础班</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>文章目录一、前言二、本节涉及知识点三、重点内容1-函数的定义2-函数的构成1.函数参数详解1)参数个数不固定2)默认参数3)arguments对象(类数组)4)剩余参数(Rest参数)5)函数参数是按值传递的6)解构参数传递7)参数校验技巧(JavaScript没有类型限制,需要手动校验)2.函数返回值详解3-函数的分类1-函数声明式:2-函数表达式:3-箭头函数:4-构造函数:5-IIFE:6-</div> </li> <li><a href="/article/1943917011268595712.htm" title="Javaweb学习之Vue模板语法(三)" target="_blank">Javaweb学习之Vue模板语法(三)</a> <span class="text-muted">不要数手指啦</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.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>目录学习资料前情回顾本期介绍(vue模板语法)文本插值Vue的Attribute绑定使用JavaScript表达式综合实例代码:学习资料Vue.js-渐进式JavaScript框架|Vue.js(vuejs.org)前情回顾项目的创建大家可以看这篇文章Vue学习之项目的创建-CSDN博客本期介绍(vue模板语法)首先,找到我们编写代码的地方找到自己项目的src文件夹,打开之后点击component</div> </li> <li><a href="/article/1943914742187880448.htm" title="Vue3 tailwindcss" target="_blank">Vue3 tailwindcss</a> <span class="text-muted"></span> <div>1、安装tailwindcsspnpmi-Dtailwindcsspostcssautoprefixer#yarnadd-Dtailwindcsspostcssautoprefixer#npmi-Dtailwindcsspostcssautoprefixer2、创建TailwindCSS配置文件npxtailwindcssinit-ptailwind.config.js/**@type{impor</div> </li> <li><a href="/article/1943905285789773824.htm" title="three前置课程知识" target="_blank">three前置课程知识</a> <span class="text-muted"></span> <div>学习中文网(1.threejs文件包下载和目录简介|Three.js中文网)threejs官方文件包所有版本:https://github.com/mrdoob/three.js/releases更新迭代较快,要选择对应版本使用---下载zip压缩包Threejs官网中文文档链接:https://threejs.org/docs/index.html#manual/zh/重要的内容docs包:文档</div> </li> <li><a href="/article/1943887012146769920.htm" title="Ubuntu 安装 RAGFlow 简单流程" target="_blank">Ubuntu 安装 RAGFlow 简单流程</a> <span class="text-muted">steven_41936912</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/RAGFlow/1.htm">RAGFlow</a> <div>Docker拉取镜像慢可以更换镜像源sudotee/etc/docker/daemon.json<<-'EOF'{"registry-mirrors":["https://docker.m.daocloud.io","https://docker.imgdb.de","https://docker-0.unsee.tech","https://docker.hlmirror.com","https</div> </li> <li><a href="/article/1943875785089675264.htm" title="Webpack5 多页面实践" target="_blank">Webpack5 多页面实践</a> <span class="text-muted"></span> <div>特性维度单页面应用-SPA多页面统一目录-MPA多页面单独部署-MPA入口数量单个,只有一个HTML文件多个,多个HTML文件多个,多个HTML文件,分别打包输出资源输出结构所有资源输出到统一目录(如js/,css/)所有页面的资源共用js/,css/等目录每页资源放在各自目录(如index/js/,index/css/)公共资源复用高:依赖打入主包或懒加载chunk,资源完全共享中:可通过spl</div> </li> <li><a href="/article/1943855613205344256.htm" title="Spring 如何干预 Bean 的生命周期?" target="_blank">Spring 如何干预 Bean 的生命周期?</a> <span class="text-muted">冰糖心书房</span> <a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a><a class="tag" taget="_blank" href="/search/IOC/1.htm">IOC</a><a class="tag" taget="_blank" href="/search/Ioc/1.htm">Ioc</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Bean/1.htm">Bean</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F/1.htm">生命周期</a> <div>Spring提供了多种机制让我们能够在Bean生命周期的不同节点“插入”自己的逻辑,这些机制可以分为两大类:针对单个Bean的干预和针对所有/多个Bean的全局干预。一、针对单个Bean的干预(最常用)这些方法让你为一个特定的Bean类定义其初始化和销毁逻辑。1.使用JSR-250注解(推荐方式)这是现在最优雅、也是Spring官方推荐的方式。它使用Java的标准注解,与Spring框架解耦。@P</div> </li> <li><a href="/article/1943853592725221376.htm" title="GPT实操——利用GPT创建一个应用" target="_blank">GPT实操——利用GPT创建一个应用</a> <span class="text-muted">狗木马</span> <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/gpt-3/1.htm">gpt-3</a><a class="tag" taget="_blank" href="/search/gpt/1.htm">gpt</a> <div>功能描述信息查询:用户可以询问各种问题,如天气、新闻、股票等,机器人会返回相关信息。任务执行:用户可以要求机器人执行一些简单的任务,如设置提醒、发送邮件等。情感支持:机器人可以与用户进行情感交流,提供安慰和支持。个性化设置:用户可以自定义机器人的回复风格和偏好。技术栈前端:React.js后端:Node.js+Express数据库:MongoDB自然语言处理:OpenAIGPT-3API其他工具:</div> </li> <li><a href="/article/1943848300524400640.htm" title="【JS三兄弟谁是谁】搞懂 splice、slice、split,只需一杯奶茶的时间!" target="_blank">【JS三兄弟谁是谁】搞懂 splice、slice、split,只需一杯奶茶的时间!</a> <span class="text-muted">dorabighead</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%85%AB%E8%82%A1%E6%80%BB%E7%BB%93/1.htm">前端八股总结</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</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%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>JavaScript有三兄弟,经常一起“切人”。他们名字相似、功能相关,但性格迥异,常被搞混。今天,就带你喝着奶茶,笑着剖析,帮你彻底搞懂:splice、slice、split到底是谁?干了啥?凭啥这么火?一、三兄弟登场:不同对象,不同任务名称作用对象是否修改原对象返回类型功能简述splice数组✅是被删除元素数组原地删除元素并可插入新元素slice数组/字符串❌否副本(子集)复制选中部分,原体不</div> </li> <li><a href="/article/62.htm" title="关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题" target="_blank">关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题</a> <span class="text-muted">何必如此</span> <a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/%E8%B6%85%E9%93%BE%E6%8E%A5/1.htm">超链接</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E4%B8%8B%E8%BD%BD/1.htm">文件下载</a><a class="tag" taget="_blank" href="/search/%E7%AA%97%E5%8F%A3/1.htm">窗口</a> <div>生成下载页面是需要选择“录入提交页面”,生成之后默认的下载页面&lt;a&gt;标签超链接为:&lt;a href=&quot;&lt;%=root_stimage%&gt;stimage/image.jsp?filename=&lt;%=strfile234%&gt;&amp;attachname=&lt;%=java.net.URLEncoder.encode(file234filesourc</div> </li> <li><a href="/article/189.htm" title="【Spark九十八】Standalone Cluster Mode下的资源调度源代码分析" target="_blank">【Spark九十八】Standalone Cluster Mode下的资源调度源代码分析</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/cluster/1.htm">cluster</a> <div>在分析源代码之前,首先对Standalone Cluster Mode的资源调度有一个基本的认识: 首先,运行一个Application需要Driver进程和一组Executor进程。在Standalone Cluster Mode下,Driver和Executor都是在Master的监护下给Worker发消息创建(Driver进程和Executor进程都需要分配内存和CPU,这就需要Maste</div> </li> <li><a href="/article/316.htm" title="linux上独立安装部署spark" target="_blank">linux上独立安装部署spark</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E8%A3%85/1.htm">安装</a><a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/1.4/1.htm">1.4</a><a class="tag" taget="_blank" href="/search/%E9%83%A8%E7%BD%B2/1.htm">部署</a> <div>下面讲一下linux上安装spark,以&nbsp;Standalone Mode 安装 &nbsp; 1)首先安装JDK &nbsp; 下载JDK:jdk-7u79-linux-x64.tar.gz &nbsp;,版本是1.7以上都行,解压 tar -zxvf&nbsp;jdk-7u79-linux-x64.tar.gz &nbsp; &nbsp; 然后配置 ~/.bashrc&nb</div> </li> <li><a href="/article/443.htm" title="Java 字节码之解析一" target="_blank">Java 字节码之解析一</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/%E5%AD%97%E8%8A%82%E7%A0%81/1.htm">字节码</a><a class="tag" taget="_blank" href="/search/javap/1.htm">javap</a> <div>&nbsp; &nbsp; 一: Java 字节代码的组织形式 &nbsp; 类文件 { &nbsp;&nbsp;&nbsp; OxCAFEBABE ,小版本号,大版本号,常量池大小,常量池数组,访问控制标记,当前类信息,父类信息,实现的接口个数,实现的接口信息数组,域个数,域信息数组,方法个数,方法信息数组,属性个数,属性信息数组 } &nbs</div> </li> <li><a href="/article/570.htm" title="java各种小工具代码" target="_blank">java各种小工具代码</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>1.数组转换成List import java.util.Arrays; Arrays.asList(Object[] obj); 2.判断一个String型是否有值 import org.springframework.util.StringUtils; if (StringUtils.hasText(str)) 3.判断一个List是否有值 import org.spring</div> </li> <li><a href="/article/697.htm" title="加快FineReport报表设计的几个心得体会" target="_blank">加快FineReport报表设计的几个心得体会</a> <span class="text-muted">老A不折腾</span> <a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a> <div>一、从远程服务器大批量取数进行表样设计时,最好按“列顺序”取一个“空的SQL语句”,这样可提高设计速度。否则每次设计时模板均要从远程读取数据,速度相当慢!! 二、找一个富文本编辑软件(如NOTEPAD+)编辑SQL语句,这样会很好地检查语法。有时候带参数较多检查语法复杂时,结合FineReport中生成的日志,再找一个第三方数据库访问软件(如PL/SQL)进行数据检索,可以很快定位语法错误。 </div> </li> <li><a href="/article/824.htm" title="mysql linux启动与停止" target="_blank">mysql linux启动与停止</a> <span class="text-muted">墙头上一根草</span> <div>如何启动/停止/重启MySQL一、启动方式1、使用 service 启动:service mysqld start2、使用 mysqld 脚本启动:/etc/inint.d/mysqld start3、使用 safe_mysqld 启动:safe_mysqld&amp;二、停止1、使用 service 启动:service mysqld stop2、使用 mysqld 脚本启动:/etc/inin</div> </li> <li><a href="/article/951.htm" title="Spring中事务管理浅谈" target="_blank">Spring中事务管理浅谈</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E4%BA%8B%E5%8A%A1%E7%AE%A1%E7%90%86/1.htm">事务管理</a> <div> Spring中事务管理浅谈 By Tony Jiang@2012-1-20 Spring中对事务的声明式管理 拿一个XML举例 [html]&nbsp; view plain copy print ? &lt;?xml&nbsp;version=&quot;1.0&quot;&nbsp;encoding=&quot;UTF-8&quot;?&gt;&nb</div> </li> <li><a href="/article/1078.htm" title="php中隐形字符65279(utf-8的BOM头)问题" target="_blank">php中隐形字符65279(utf-8的BOM头)问题</a> <span class="text-muted">alxw4616</span> <div>php中隐形字符65279(utf-8的BOM头)问题 今天遇到一个问题. php输出JSON 前端在解析时发生问题:parsererror. &nbsp; 调试: 1.仔细对比字符串发现字符串拼写正确.怀疑是 非打印字符的问题. 2.逐一将字符串还原为unicode编码. 发现在字符串头的位置出现了一个 65279的非打印字符. &nbsp; &nbsp; &nbsp; &nbsp</div> </li> <li><a href="/article/1205.htm" title="调用对象是否需要传递对象(初学者一定要注意这个问题)" target="_blank">调用对象是否需要传递对象(初学者一定要注意这个问题)</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E5%AF%B9%E8%B1%A1%E7%9A%84%E4%BC%A0%E9%80%92%E4%B8%8E%E8%B0%83%E7%94%A8%E6%8A%80%E5%B7%A7/1.htm">对象的传递与调用技巧</a> <div>&nbsp; &nbsp; 类和对象的简单的复习,在做项目的过程中有时候不知道怎样来调用类创建的对象,简单的几个类可以看清楚,一般在项目中创建十几个类往往就不知道怎么来看 &nbsp; 为了以后能够看清楚,现在来回顾一下类和对象的创建,对象的调用和传递(前面写过一篇) &nbsp; 类和对象的基础概念: &nbsp; JAVA中万事万物都是类 类有字段(属性),方法,嵌套类和嵌套接</div> </li> <li><a href="/article/1332.htm" title="JDK1.5 AtomicLong实例" target="_blank">JDK1.5 AtomicLong实例</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a><a class="tag" taget="_blank" href="/search/AtomicLong/1.htm">AtomicLong</a> <div>JDK1.5 AtomicLong实例 类 AtomicLong 可以用原子方式更新的 long 值。有关原子变量属性的描述,请参阅 java.util.concurrent.atomic 包规范。AtomicLong 可用在应用程序中(如以原子方式增加的序列号),并且不能用于替换 Long。但是,此类确实扩展了 Number,允许那些处理基于数字类的工具和实用工具进行统一访问。 &nbsp</div> </li> <li><a href="/article/1459.htm" title="自定义的RPC的Java实现" target="_blank">自定义的RPC的Java实现</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/rpc/1.htm">rpc</a> <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 网上看到纯java实现的RPC,很不错。 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RPC的全名Remote Process Call,即远程过程调用。使用RPC,可以像使用本地的程序一样使用远程服务器上的程序。下面是一个简单的RPC 调用实例,从中可以看到RPC如何</div> </li> <li><a href="/article/1586.htm" title="【RPC框架Hessian一】Hessian RPC Hello World" target="_blank">【RPC框架Hessian一】Hessian RPC Hello World</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Hello+world/1.htm">Hello world</a> <div>什么是Hessian The Hessian binary web service protocol makes web services usable without requiring a large framework, and without learning yet another alphabet soup of protocols. Because it is a binary p</div> </li> <li><a href="/article/1713.htm" title="【Spark九十五】Spark Shell操作Spark SQL" target="_blank">【Spark九十五】Spark Shell操作Spark SQL</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a> <div>在Spark Shell上,通过创建HiveContext可以直接进行Hive操作 &nbsp; 1. 操作Hive中已存在的表 &nbsp; [hadoop@hadoop bin]$ ./spark-shell Spark assembly has been built with Hive, including Datanucleus jars on classpath Welcom</div> </li> <li><a href="/article/1840.htm" title="F5 往header加入客户端的ip" target="_blank">F5 往header加入客户端的ip</a> <span class="text-muted">ronin47</span> <div>when HTTP_RESPONSE {if {[HTTP::is_redirect]}{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; HTTP::header replace Location [string map {:port/ /} [HTTP::header value Location]]HTTP::header replace Lo</div> </li> <li><a href="/article/1967.htm" title="java-61-在数组中,数字减去它右边(注意是右边)的数字得到一个数对之差. 求所有数对之差的最大值。例如在数组{2, 4, 1, 16, 7, 5," target="_blank">java-61-在数组中,数字减去它右边(注意是右边)的数字得到一个数对之差. 求所有数对之差的最大值。例如在数组{2, 4, 1, 16, 7, 5,</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>思路来自: http://zhedahht.blog.163.com/blog/static/2541117420116135376632/ 写了个java版的 public class GreatestLeftRightDiff { /** * Q61.在数组中,数字减去它右边(注意是右边)的数字得到一个数对之差。 * 求所有数对之差的最大值。例如在数组</div> </li> <li><a href="/article/2094.htm" title="mongoDB 索引" target="_blank">mongoDB 索引</a> <span class="text-muted">开窍的石头</span> <a class="tag" taget="_blank" href="/search/mongoDB%E7%B4%A2%E5%BC%95/1.htm">mongoDB索引</a> <div>在这一节中我们讲讲在mongo中如何创建索引 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 得到当前查询的索引信息 &nbsp;&nbsp;&nbsp;&nbsp; db.user.find(_id:12).explain(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; cursor: basicCoursor 指的是没有索引 &nbsp;&</div> </li> <li><a href="/article/2221.htm" title="[硬件和系统]迎峰度夏" target="_blank">[硬件和系统]迎峰度夏</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F/1.htm">系统</a> <div>&nbsp; 从这几天的气温来看,今年夏天的高温天气可能会维持在一个比较长的时间内 &nbsp;&nbsp; 所以,从现在开始准备渡过炎热的夏天。。。。 &nbsp;&nbsp; 每间房屋要有一个落地电风扇,一个空调(空调的功率和房间的面积有密切的关系) &nbsp;&nbsp; 坐的,躺的地方要有凉垫,床上要有凉席 &nbsp;&nbsp; &nbsp;&nbsp; 电脑的机箱</div> </li> <li><a href="/article/2348.htm" title="基于ThinkPHP开发的公司官网" target="_blank">基于ThinkPHP开发的公司官网</a> <span class="text-muted">cuiyadll</span> <a class="tag" taget="_blank" href="/search/%E8%A1%8C%E4%B8%9A%E7%B3%BB%E7%BB%9F/1.htm">行业系统</a> <div>后端基于ThinkPHP,前端基于jQuery和BootstrapCo.MZ&nbsp;企业系统 轻量级企业网站管理系统 运行环境:PHP5.3+,&nbsp;MySQL5.0 系统预览 系统下载:http://www.tecmz.com 预览地址:http://co.tecmz.com 各种设备自适应 响应式的网站设计能够对用户产生友好度,并且对于</div> </li> <li><a href="/article/2475.htm" title="Transaction and redelivery in JMS (JMS的事务和失败消息重发机制)" target="_blank">Transaction and redelivery in JMS (JMS的事务和失败消息重发机制)</a> <span class="text-muted">darrenzhu</span> <a class="tag" taget="_blank" href="/search/jms/1.htm">jms</a><a class="tag" taget="_blank" href="/search/%E4%BA%8B%E5%8A%A1/1.htm">事务</a><a class="tag" taget="_blank" href="/search/%E6%89%BF%E8%AE%A4/1.htm">承认</a><a class="tag" taget="_blank" href="/search/MQ/1.htm">MQ</a><a class="tag" taget="_blank" href="/search/acknowledge/1.htm">acknowledge</a> <div>JMS Message Delivery Reliability and Acknowledgement Patterns http://wso2.com/library/articles/2013/01/jms-message-delivery-reliability-acknowledgement-patterns/ Transaction and redelivery in </div> </li> <li><a href="/article/2602.htm" title="Centos添加硬盘完全教程" target="_blank">Centos添加硬盘完全教程</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a><a class="tag" taget="_blank" href="/search/hardware/1.htm">hardware</a> <div>Linux的硬盘识别: sda&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;表示第1块SCSI硬盘 hda&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 表示第1块IDE硬盘 scd0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;表示第1个USB光驱 一般使用“fdisk -l”命</div> </li> <li><a href="/article/2729.htm" title="yii2 restful web服务路由" target="_blank">yii2 restful web服务路由</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/yii2/1.htm">yii2</a> <div>路由 随着资源和控制器类准备,您可以使用URL如&nbsp;http://localhost/index.php?r=user/create访问资源,类似于你可以用正常的Web应用程序做法。 在实践中,你通常要用美观的URL并采取有优势的HTTP动词。 例如,请求POST /users意味着访问user/create动作。 这可以很容易地通过配置urlManager应用程序组件来完成 如下所示</div> </li> <li><a href="/article/2856.htm" title="MongoDB查询(4)——游标和分页[八]" target="_blank">MongoDB查询(4)——游标和分页[八]</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/MongoDB%E6%B8%B8%E6%A0%87/1.htm">MongoDB游标</a><a class="tag" taget="_blank" href="/search/MongoDB%E6%B7%B1%E5%88%86%E9%A1%B5/1.htm">MongoDB深分页</a> <div>转载请出自出处:http://eksliang.iteye.com/blog/2177567 一、游标 &nbsp; &nbsp; &nbsp; &nbsp; 数据库使用游标返回find的执行结果。客户端对游标的实现通常能够对最终结果进行有效控制,从shell中定义一个游标非常简单,就是将查询结果分配给一个变量(用var声明的变量就是局部变量),便创建了一个游标,如下所示: &gt; var </div> </li> <li><a href="/article/2983.htm" title="Activity的四种启动模式和onNewIntent()" target="_blank">Activity的四种启动模式和onNewIntent()</a> <span class="text-muted">gundumw100</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>Android中Activity启动模式详解   在Android中每个界面都是一个Activity,切换界面操作其实是多个不同Activity之间的实例化操作。在Android中Activity的启动模式决定了Activity的启动运行方式。   Android总Activity的启动模式分为四种: Activity启动模式设置: &lt;acti</div> </li> <li><a href="/article/3110.htm" title="攻城狮送女友的CSS3生日蛋糕" target="_blank">攻城狮送女友的CSS3生日蛋糕</a> <span class="text-muted">ini</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a> <div>在线预览:http://keleyi.com/keleyi/phtml/html5/29.htm &nbsp; 代码如下: &nbsp; &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;title&gt;攻城狮送女友的CSS3生日蛋糕-柯乐义&lt;</div> </li> <li><a href="/article/3237.htm" title="读源码学Servlet(1)GenericServlet 源码分析" target="_blank">读源码学Servlet(1)GenericServlet 源码分析</a> <span class="text-muted">jzinfo</span> <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%BA%94%E7%94%A8/1.htm">网络应用</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a> <div>Servlet API的核心就是javax.servlet.Servlet接口,所有的Servlet 类(抽象的或者自己写的)都必须实现这个接口。在Servlet接口中定义了5个方法,其中有3个方法是由Servlet 容器在Servlet的生命周期的不同阶段来调用的特定方法。 &nbsp; &nbsp; 先看javax.servlet.servlet接口源码:&nbsp; package </div> </li> <li><a href="/article/3364.htm" title="JAVA进阶:VO(DTO)与PO(DAO)之间的转换" target="_blank">JAVA进阶:VO(DTO)与PO(DAO)之间的转换</a> <span class="text-muted">snoopy7713</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/VO/1.htm">VO</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/po/1.htm">po</a> <div>&nbsp; PO即 Persistence Object  VO即 Value Object  VO和PO的主要区别在于:  VO是独立的Java Object。  PO是由Hibernate纳入其实体容器(Entity Map)的对象,它代表了与数据库中某条记录对应的Hibernate实体,PO的变化在事务提交时将反应到实际数据库中。  实际上,这个VO被用作Data Transfer </div> </li> <li><a href="/article/3491.htm" title="mongodb group by date 聚合查询日期 统计每天数据(信息量)" target="_blank">mongodb group by date 聚合查询日期 统计每天数据(信息量)</a> <span class="text-muted">qiaolevip</span> <a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/%E7%BA%B5%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">纵观千象</a> <div>/* 1 */ { &quot;_id&quot; : ObjectId(&quot;557ac1e2153c43c320393d9d&quot;), &quot;msgType&quot; : &quot;text&quot;, &quot;sendTime&quot; : ISODate(&quot;2015-06-12T11:26:26.000Z&quot;)</div> </li> <li><a href="/article/3618.htm" title="java之18天 常用的类(一)" target="_blank">java之18天 常用的类(一)</a> <span class="text-muted">Luob.</span> <a class="tag" taget="_blank" href="/search/Math/1.htm">Math</a><a class="tag" taget="_blank" href="/search/Date/1.htm">Date</a><a class="tag" taget="_blank" href="/search/System/1.htm">System</a><a class="tag" taget="_blank" href="/search/Runtime/1.htm">Runtime</a><a class="tag" taget="_blank" href="/search/Rundom/1.htm">Rundom</a> <div>System类 import java.util.Properties; /** * System: * out:标准输出,默认是控制台 * in:标准输入,默认是键盘 * * 描述系统的一些信息 * 获取系统的属性信息:Properties getProperties(); * * * */ public class Sy</div> </li> <li><a href="/article/3745.htm" title="maven" target="_blank">maven</a> <span class="text-muted">wuai</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>1、安装maven:解压缩、添加M2_HOME、添加环境变量path 2、创建maven_home文件夹,创建项目mvn_ch01,在其下面建立src、pom.xml,在src下面简历main、test、main下面建立java文件夹 3、编写类,在java文件夹下面依照类的包逐层创建文件夹,将此类放入最后一级文件夹 4、进入mvn_ch01 4.1、mvn compile ,执行后会在</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>