一、HTML中的标签、属性、和取值
1.基础类标签：
：双标签，是header的简写，此html文件内的标题（block标签），
才是整个html文档的标题（显示在浏览器的选项卡上），h系列标签一共有6个，从<h1>到<h6>，最多就只能到6，h系列标签独占一行，<h1>最大，<h6>最小，一定要慎用h系列的标签，特别是<h1>，一般情况下一个界面中只能出现一个<h1>，和SEO有关，<b>align</b><b>属性：</b>此标签内容的水平对齐方式，内容须为具体文字/inline标签/inline-block标签，不推荐使用，用CSS设置，取值：<b>left</b>，左对齐，<b>right</b>，右对齐，<b>center</b>，居中对齐</p>
<p><b><</b><b>P</b><b>></b><b>：</b>双标签，是paragraph的简写，段落（block标签），单独占一行</p>
<p><b><</b><b>hr</b><b>></b><b>：</b>单标签，是horizontal rule的简写，水平分隔线，单独占一行</p>
<p><b><br</b><b>></b><b>：</b>单标签，是break的简写，换行，可叠加，使用多少个就会换多少行，<br>的语义是换行但不分段，而一般情况下都是换行并分段，所以很少使用<br>，一般都是嵌套在<p>内部来实现单独占一行</p>
<p><b>2.</b><b>图像</b><b>类标签：</b></p>
<p><b><</b><b>img</b><b>></b><b>：</b>单标签，是image的简写，图片（inline-block标签），不会独占一行，<b>src</b><b>属性：</b>此<img>的路径/网址（必需属性），取值是本地<img>的路径/网络<img>的网址（要加“http://”），<b>相对路径</b>就是每次都从当前这个“.html”文件所在的文件夹开始查找，“./”代表当前目录，可省略，“../”代表父级目录，要是上两级目录就是“../../”，但不能跨盘符，当从上级查找时，不能从webstorm打开web浏览器，要直接进web浏览器刷新，企业开发中，统一使用正斜杠“/”，因为将来我们开发的程序可能会部署到其它操作系统的web服务器上，而在其它操作系统中路径都是“/”，所以当你写的不是“/”时，可能会引发问题，<b>绝对路径</b>就是每次都从指定的盘符开始查找，无论哪种路径都不要出现中文，否则可能出现未知问题，企业开发中一般不使用绝对路径，因为可移植性不好，<b>alt</b><b>属性：</b>当此<img>无法显示时的替代文本（必需属性，是alternate的简写），取值是自定义内容，<b>title</b><b>属性：</b>当鼠标hover此<img>时所显示的内容，取值是自定义内容，title属性为全局属性，可用于任何HTML标签，<b>width</b><b>属性：</b>此<img>的宽度，<b>height</b><b>属性：</b>此<img>的高度，为了防止<img>变形，不设定/只设定其中一项即可</p>
<p><b><figure</b><b>></b><b>：</b>双标签，媒介内容的分组以及它们的标题（HTML5）</p>
<p><b><</b><b>figcaption</b><b>></b><b>：</b>双标签，<figure>的标题（HTML5）</p>
<p><b>3.链接</b><b>类标签：</b></p>
<p><b><a></b><b>：</b>双标签，是anchor的简写，超链接（inline标签），内部可嵌套<img>，<b>href</b><b>属性：</b>此超链接目标的URL，取值：<b>#</b>，<b>javascript:</b>（假链接），就是点击之后不会跳转的<a>，#点击之后会自动跳转到顶部，但javascript:不会，当想要通过<a>跳转到此网页的指定位置时，先给目标位置的标签设置一个id属性，然后在href值的#后面直接跟上此id值即可（点击之后相当于种了一个哈希），但没有过渡动画，<b>URL</b>，链接所指向的路径/网址，就是需要跳转到的目标界面，当此目标界面是网址时，前面必须添加http://或https://，当此目标界面是本地文件时，使用相对路径即可，当想要通过<a>跳转到指定界面的指定位置时，只需给指定界面的指定位置的标签添加一个id属性，然后在<a>中这个界面网址/路径的后面直接跟上#id值即可，<b>targe</b><b>t</b><b>属性：</b>此链接跳转的位置，取值：<b>_self</b>，默认值，在当前选项卡中跳转，<b>_blank</b>，在新的选项卡中跳转，<b>title</b><b>属性：</b>当hover此<a>时所显示的内容，取值是自定义内容</p>
<p><b>4.元信息</b><b>类标签：</b></p>
<p><b><base</b><b>></b><b>：</b>单标签，页面上所有链接的默认路径/网址，必须写在<head>的开始标签和结束标签之间，<b>href</b><b>属性：</b>同<a>的href属性，<b>target</b><b>属性：</b>页面上所有<a>跳转的位置，但是<a>的target属性的优先级更高，取值：<b>_self</b>，默认值，在当前选项卡中跳转，<b>_blank</b>，在新的选项卡中跳转</p>
<p><b>5.列表</b><b>类标签：</b></p>
<p><b><ul></b><b>：</b>双标签，是unordered list的简写，无序列表（block标签），用得最多，所有数据没有先后之分，与<li>组合在一起使用，<ul>的下一级标签中只建议有<li>，但是<li>中可以再嵌套其他标签，<ul>的应用场景为新闻列表、商品列表、和导航条</p>
<p><b><</b><b>ol</b><b>></b><b>：</b>双标签，是ordered list的简写，有序列表（block标签），用得最少，所有的数据都有先后之分，其它用法跟<ul>都差不多，大同小异，<b>type</b><b>属性：</b>此<ol>内部的<li>所使用的序号类型，取值：<b>1</b>，<b>A</b>，<b>a</b>，<b>I</b>，<b>i</b>，但是没有人用type属性，都是用CSS来做</p>
<p><b><</b><b>li</b><b>></b><b>：</b>双标签，是list item的简写，此<ul>/<ol>的条目（block标签）</p>
<p><b><</b><b>dl</b><b>></b><b>：</b>双标签，是definition list的简写，定义列表（block标签），用得第二多，先通过<dt>添加<dl>中的所有标题，然后再通过<dd>给每个<dt>添加描述信息，<dl>、<dt>、和<dd>是一个整体，一起出现，并且<dl>的下一级标签中只建议有<dt>和<dd>，推荐一个<dt>对应一个<dd>，<dl>的应用场景为网站尾部的相关信息和图文混排（将<dt>内部嵌套一个<img>，然后将<dt>“float: left;”，将<dd>内部嵌套一个<h1>和一个<p>，分别添加一些文字，然后将<dd>“float: right;”）</p>
<p><b><</b><b>dt</b><b>></b><b>：</b>双标签，是definition title的简写，此<dl>内的标题（block标签）</p>
<p><b><</b><b>dd</b><b>></b><b>：</b>双标签，是definition description的简写，此<dl>内<dt>的描述（block标签）</p>
<p><b>6.表格</b><b>类标签：</b></p>
<p><b><table></b><b>：</b>双标签，表格（block标签），<table>有一个border属性，此属性决定了此<table>的border宽度，但此属性的默认值是0，所以看不到此<table>的border，<table>跟<ul>、<ol>、和<dl>一样，它是一个组合标签，所以<table>、<tr>、和<td>一起出现，并且<table>的下一级标签中只能出现<caption>、<thead>、<tbody>、<tfoot>、<th>、和<tr>中的一/几种，<b>border</b><b>属性：</b>此<table>的border宽度，取值：<b>阿拉伯数字</b>，默认值是0，此属性会为此<table>及此<td>添加border，但是当此属性的取值发生改变时，只有此<table>的border宽度会发生变化，而此<td>的border宽度始终都是1px，<b>width</b><b>属性：</b>此<table>的宽度，取值：<b>数字px</b>，<b>height</b><b>属性：</b>此<table>的高度，取值：<b>数字px</b>，<b>align</b><b>属性：</b>此<table>在水平方向的对齐方式，取值：<b>left</b>，<b>center</b>，<b>right</b>，<b>cellpadding</b><b>属性：</b>此<td>的内边距，也就是<td>的边沿与其内容之间的间距，取值：<b>阿拉伯数字</b>，默认值是1，<b>cellspacing</b><b>属性：</b>此<td>的外边距，也就是<td>和<td>之间的距离，取值：<b>阿拉伯数字</b>，默认值是2，要想制作细线表格，需设置“cellspacing=“1””，<b>bgcolor</b><b>属性：</b>此<table>的background-color</p>
<p><b><caption</b><b>></b><b>：</b>双标签，此<table>的标题（block标签），一定要嵌套在<table>内，并紧跟<table>的开始标签后，由于<caption>里的内容默认是相对于<table>居中的，所以<caption>内部可以嵌套一个<h1>，这样一来，<h1>就相对于整个<table>居中了</p>
<p><b><tr></b><b>：</b>双标签，是table row的简写，此<table>内的一行<td>（block标签），<b>align</b><b>属性：</b>此行<td>的内容（文本）的水平对齐方式，取值：<b>left</b>，<b>center</b>，<b>right</b>，<b>valign</b><b>属性：</b>此行<td>的内容（文本）的垂直对齐方式，取值：<b>top</b>，<b>middle</b>，<b>bottom</b>，<b>bgcolor</b><b>属性：</b>此行<td>的background-color</p>
<p><b><td></b><b>：</b>双标签，是table data cell的简写，此<table>内的单元格（inline-block标签），<b>width</b><b>属性：</b>此<td>的宽度，取值：<b>数字px</b>，<b>height</b><b>属性：</b>此<td>的高度，取值：<b>数字px</b>，<b>align</b><b>属性：</b>此<td>的内容（文本）的水平对齐方式，<td>align属性的优先级高于<tr>align属性，取值：<b>left</b>，<b>center</b>，<b>right</b>，<b>valign</b><b>属性：</b>此<td>内容（文本）的垂直对齐方式，<td>valign属性的优先级高于<tr>valign属性，取值：<b>top</b>，<b>center</b>，<b>bottom</b>，<b>bgcolor</b><b>属性：</b>此<td>的background-color，<b>colspan</b><b>属性：</b>此<td>可横跨的列数，就是此<td>在水平方向上变为多倍的面积大小，这样一来就会多出一些<td>，所以需要删掉一些<td>才能正常显示，<td>的横跨永远都是向后横跨，取值：<b>阿拉伯数字</b>，<b>rowspan</b><b>属性：</b>此<td>可纵跨的行数，就是此<td>在竖直方向上变为多倍的面积大小，<td>的纵跨永远都是向下纵跨，取值：<b>阿拉伯数字</b></p>
<p><b><th</b><b>></b><b>：</b>双标签，是table header cell的简写，此<table>内的表头<td>（inline-block标签），也就是每一列的标题，当将第一行的每一个<td>（即单元格）都换成<th>时，就自动将标签内部的内容居中并加粗了</p>
<p><b><thead</b><b>></b><b>：</b>双标签，是table head的简写，此<table>内的表头信息，<thead>、<tbody>、和<tfoot>都是内部嵌套<tr>使用的，<thead>和<tfoot>有其默认高度，在添加了<thead>和<tfoot>之后，当修改<table>的高度时，<thead>和<tfoot>的高度不会改变</p>
<p><b><tbody</b><b>></b><b>：</b>双标签，是table body的简写，此<table>内的主体信息，当没有编写<tbody>时，系统会自动添加</p>
<p><b><tfoot</b><b>></b><b>：</b>双标签，是table foot的简写，此<table>内的页尾/附加信息</p>
<p><b>7.表单</b><b>类标签：</b></p>
<p><b><form</b><b>></b><b>：</b>双标签，供用户输入的HTML表单（block标签），<b>action</b><b>属性：</b>此<form>需要提交到的本地/远程web服务器的URL，当取值是网址时，必须加“http://”，<b>method</b><b>属性：</b>提交<form>数据的方法，取值：<b>get</b>，将<form>数据以get请求的方式提交到web服务器，由于会将需要提交的数据附加到URL后面的“?”后面，例如“?userName=lnj&userPwd=123456”（不能出现中文），也会显示在浏览器的历史记录中，所以用于提交非敏感的数据，由于对提交的数据大小有限制（不超过2000个字符），所以用于提交小数据，<b>post</b>，将<form>数据以post请求的方式提交到web服务器，会将提交的数据放到请求头中，即F12->Network->相应请求报文->Headers->Form Data，所以用于提交敏感的数据，由于对提交的数据大小无限制，所以用于提交大数据，<b>enctype</b><b>属性：</b>在发送<form>数据之前对其进行编码的方式，取值：<b>application/x-www-form-urlencoded</b>，默认值，在发送前编码所有字符，<b>multipart/form-data</b>，不对字符编码，在使用包含文件上传控件（即<input type=“file”>）的<form>时，必须使用该值</p>
<p><b><input></b><b>：</b>单标签，<form>内的各种元素（inline-block标签），如输入框、单/多选框、和按钮等，用于收集用户信息，必须整体嵌套在一对<form>内，<b>type</b><b>属性：</b>此<input>的类型，取值：<b>text</b>，明文/单行文本输入框，用户可在其中输入文本，默认宽度为20个字符，<b>password</b>，暗文/密码输入框，该字段中的字符被掩码，<b>radio</b>，单选框，只有给所有radio都设置一个相同的name值，radio才会互斥，给某一个radio添加一个checked属性，才会默认选中某一个radio，所添加的checked属性可以不设置取值，也可以取跟属性名称一样的值，在HTML中，当属性的取值和属性的名称一样时，可以只写一个，但是在XHTML中，则必须写上取值，所以建议最好不要省略取值，<b>checkbox</b>，多选框，除了按钮类型的<input>以外，其它类型的<input>都可以通过一个value属性来设置将来提交到web服务器的值，<b>button</b>，普通按钮，可以通过value属性来设置button的显示名称，button可以配合JS完成一些操作，<b>reset</b>，重置按钮（此按钮上默认就显示“重置”二字，但可以通过value属性来自定义reset的显示名称），用于清空<form>中已经填写好的数据，但必须整体嵌套在一对<form>内，否则无效，<b>submit</b>，提交按钮（此按钮默认就显示“提交”二字），可以将<form>中已经填写好的数据，提交到本地/远程web服务器，但必须给<form>添加一个action属性，来设置需要提交到的web服务器的URL，还得给需要提交到web服务器的<input>添加一个name属性，取值任意拟定（所有checkbox也需要设置相同的name值），<b>image</b>，图片形式的submit（需配合src属性来使用，即设置图片的URL），<b>hidden</b>，隐藏域，界面上看不到，是配合submit将一些数据默默的悄悄咪咪的提交到web服务器，学Ajax时才能涉及到，<b>email</b>，邮箱输入框，提交的时候可以自动校验输入的内容是否符合邮箱的格式，当不符合时，会提示，<b>URL</b>，URL链接输入框，提交的时候可以自动校验输入的内容是否是路径/网址，网址前必须添加http://，<b>number</b>，数字输入框，number中只能输入数字，字母什么的输入不进去，<b>date</b>，日期选择按钮，可以通过日历来选择年月日，<b>color</b>，颜色选择按钮，可以通过取色板选取颜色，<b>file</b>，“选择文件”按钮，供文件上传，<b>src</b><b>属性：</b>此image的图片路径，取值是本地图片的路径，只能与“type=“image””配合使用，<b>value</b><b>属性：</b>此按钮/text上默认显示的文字，当设置给text时，是可以手动删掉的，<input>输入框元素访问它的<b>value属性</b>可以返回/设置此<input>输入框中所输入的内容，<b>placeholder</b><b>属性：</b>此输入框的占位文字（输入内容的提示信息），取值是自定义文字，此文字无法手动删除，但此输入框的padding/line-height可影响到此placeholder，<b>name</b><b>属性：</b>此<input>的名称，当想要把所输入的账号密码提交到本地/远程web服务器时，必须任意命个名，<b>checked</b><b>属性：</b>页面加载时被默认选中的radio/checkbox，取值：<b>checked</b>，默认选中，<b>list</b><b>属性：</b>此text的<datalist>（当hover此text时，会在此text的最右端看到一个向下的三角形小箭头，当光标在此text中闪烁时，也会显示此<datalist>），此text后面必须紧跟一对<datalist>，而且此text的list值还必须跟<datalist>的id值相同，可以给此text生成一些智能化的待选项，提示项，<b>disabled</b><b>属性：</b>禁用此<input>（使之不能编辑/点击了），取值：<b>disabled</b></p>
<p><b><</b><b>button</b><b>></b><b>：</b>双标签，按钮（inline-block标签）</p>
<p><b><datalist></b><b>：</b>双标签，此text的预定义下拉列表（HTML5），与text配合使用，并紧跟text之后，用作给此text绑定一些智能化的待选项，<datalist>的id值必须跟text的list值相同，取值可以自己随意拟定，<datalist>内部须嵌套<option>，并把文字放到<option>内/<option>的value值里，进而形成预定义下拉列表</p>
<p><b><label></b><b>：</b>双标签，此text/radio/checkbox的标注（inline标签），默认情况下，此text/radio/checkbox的名称跟此text/radio/checkbox是没有关联关系的，可以将此text/radio/checkbox的名称写在一对<label>内，作用是将此text/radio/checkbox的名称与此text/radio/checkbox绑定，点击名称，text就有光标，radio/checkbox就自动选中，<b>for</b><b>属性：</b>绑定到哪个<input>，取值需跟此<input>的id值相同，取值可以自己随意拟定</p>
<p><b><select></b><b>：</b>双标签，下拉菜单（inline-block标签），最右端带有一个向下的小箭头，此<select>中不能输入内容，但是可以直接在此<select>中选择内容，其内部需嵌套<optgroup>/<option>，将内容写在一对<option>内，不能写在value值里，否则无效</p>
<p><b><optgroup</b><b>></b><b>：</b>双标签，此<select>内的选项组，用作给此<select>中的内容进行分组，其内部需嵌套<option>使用，<b>label</b><b>属性：</b>此<optgroup>的名称，取值可取任意的名字</p>
<p><b><option></b><b>：</b>双标签，此<select>/<optgroup>/<datalist>内的选项，可以嵌套在<select>/<optgroup>/<datalist>内，<b>selected</b><b>属性：</b>此<select>内默认选中的<option>，首次显示在<select>内，表现为选中状态，取值：<b>selected</b>，选中</p>
<p><b><textarea></b><b>：</b>双标签，多行文本输入框（inline-block标签），可无限换行，有自己默认的宽高，<b>cols</b><b>属性：</b>此<textarea>的宽度，取值是数字，表示列数，<b>rows</b><b>属性：</b>此<textarea>的高度，取值是数字，表示行数，虽然设置了cols和rows属性，但是还是可以无限往下输入，超出的内容用滚动条查看，<textarea>支持使用鼠标拖拽的方式放大和缩小</p>
<p><b><fieldset></b><b>：</b>双标签，围绕<input>的边框（block标签），其内部嵌套<input>使用，可以嵌套一/多个<input>，可以将不同的<input>进行分割包围，形成不同的区域</p>
<p><b><legend</b><b>></b><b>：</b>双标签，<fieldset>的标题（block标签），就是<fieldset>的名称，嵌套在<fieldset>内，并紧跟<fieldset>，<b>align属性：</b>此<legend>的水平对齐方式，取值：<b>left</b>，<b>center</b>，<b>right</b></p>
<p><b>8.音视频</b><b>类标签：</b></p>
<p><b><video></b><b>：</b>双标签，视频（inline-block标签，HTML5），<b>src</b><b>属性：</b>此<video>的路径，取值是本地<video>的路径，<b>poster</b><b>属性：</b>此<video>播放前所显示的图片，取值：<b>URL</b>，本地图片的路径，<b>autoplay</b><b>属性：</b>此<video>的自动播放，取值：<b>autoplay</b>，自动播放，<b>preload</b><b>属性：</b>此<video>的预加载，preload属性和autoplay属性相冲突，当添加了autoplay属性时，preload属性就会失效，取值：<b>preload</b>，预加载，<b>controls</b><b>属性：</b>此<video>的播放控制条，取值：<b>controls</b>，播放控制条，<b>loop</b><b>属性：</b>此<video>的循环播放，取值：<b>loop</b>，循环播放，<b>muted</b><b>属性：</b>此<video>的静音，取值：<b>muted</b>，静音，<b>width</b><b>属性：</b>此<video>的宽度，取值：<b>数字px</b>，<b>height</b><b>属性：</b>此<video>的高度，取值：<b>数字px</b>，跟<img>一样，当所设置的宽度和高度不是按照等比计算时，此<video>就会变形，所以建议只设置其中的一项即可</p>
<p><b><audio</b><b>></b><b>：</b>双标签，音频（inline标签，HTML5），<b>src</b><b>属性：</b>此<audio>的路径，取值是本地<audio>的路径，<video>中能够添加的属性大部分都可以在<audio>中添加，并且功能都一样，只不过有3个属性不能用，height、width、和poster属性</p>
<p><b><source</b><b>></b><b>：</b>单标签，此<audio>/<video>的文件来源（HTML5），嵌套在<audio>/<video>内，为其定义<audio>/<video>来源，由于没有一种<audio>/<video>格式是五大浏览器同时支持的，所以为了做兼容性处理，可以把三种不同格式的<audio>/<video>文件都通过<source>链接给<audio>/<video>，<audio>/<video>内部需要嵌套三个<source>，以后当浏览器播放<audio>/<video>时，它就会从这三种格式中选择一种自己支持的格式来播放，<b>src</b><b>属性：</b>此<audio>/<video>文件的路径，取值是本地<audio>/<video>的路径，<b>type</b><b>属性：</b>此<audio>/<video>文件的格式，取值：<b>audio/Ogg Vorbis</b>，<b>audio/MP3</b>，<b>audio/Wav</b>，或<b>video/webm</b>，<b>video/mp4</b>，<b>video/ogg</b></p>
<p><b>9.样式/节</b><b>类标签：</b></p>
<p><b><details></b><b>：</b>双标签，文档/文档某个部分细节的描述，即详情（block标签，HTML5），带一个箭头，点击之后可以展开</p>
<p><b><summary</b><b>></b><b>：</b>双标签，<details>的标题，即概要（block标签，HTML5），嵌套在<details>内，并紧跟其后</p>
<p><b><div></b><b>：</b>双标签，文档中的分区/节（block标签），一般情况下，用于配合CSS完成网页的基本布局的标签叫做<b>容器级标签</b>，其内部可以嵌套其它所有标签，<div>、<h1>、<ul>、<ol>、<dl>、<li>、<dt>、和<dd>等都属于容器级标签，所有的容器级标签都是block标签，单独占一行，height属性的默认值是auto，当不给width属性设置取值时，整个标签所占空间的宽度值（margin值+border-width值+padding值+width值）默认跟其父标签的width值（即内容区的宽度值）相同，但是其一定不能脱标，否则其将不再是block标签，width值默认就是auto了，但其父标签可随意，其也可手动设置width/height值，手动添加的即使其脱标也生效，在一个父标签是<body>的block标签中，当不给此block标签设置width值，并且再给此block标签添加一个左右padding时，浏览器不会出现横向滚动条，因为这时整个此block标签所占空间的宽度值才默认等于<body>的width值（即内容区的宽度值），当给此block标签的width值设为100%，并且再给此block标签添加一个padding-left和padding-right时，浏览器会出现横向滚动条，因为这时100%的意思就是跟<body>的width值相等，再额外多了一个padding-left和padding-right之后，此block标签整体的宽度值势必就比<body>宽了，所以，超出的部分只有使用横向滚动条才能完整显示，除非再给它添加一句“box-sizing: border-box;”，文本级标签里的<p>也属于block标签，<img>、<input>、<td>、和<select>属于inline-block标签，既能够不独占一行，又能够手动设置宽高，当两个inline/inline-block标签的源代码之间留下了回车/空格时，渲染出来后彼此之间也会有缝隙，只要把其中一个“float: left;”，缝隙就会消失，而且float的会显示在前面</p>
<p><b><span></b><b>：</b>双标签，文档中的inline标签的组合（inline标签），一般情况下，用于配合CSS修改网页中的一些局部信息的标签叫做<b>文本级标签</b>，其内部只建议嵌套文字/<img>/<a>，<span>、<p>、<b>、<u>、<i>、<s>、<strong>、<em>、<ins>、<del>、和<a>等都属于文本级标签，文本级标签里除了<p>都属于inline标签，不会单独占一行，不可手动设置宽高，width和height属性的默认值是auto，inline标签只可以设置padding-left、padding-right、margin-left、和margin-right，哪些标签是文本级的哪些标签是容器级的不用刻意去记忆，一般情况下，要嵌套都是嵌套在<div>内/按照组标签来嵌套</p>
<p><b>10.其它</b><b>类标签：</b></p>
<p><b><marquee</b><b>></b><b>：</b>双标签，屏幕上滚动的文字（类似于弹幕），w3c上没有，但是各大浏览器都支持，<b>behavior</b><b>属性：</b>此<marquee>的滚动类型，取值：<b>slide</b>，滚动到边界就停止，<b>alternate</b>，滚动到边界就弹回，<b>direction</b><b>属性：</b>此<marquee>的滚动方向，取值：<b>up</b>，从下向上滚动，<b>down</b>，从上向下滚动，<b>left</b>，从右向左滚动，<b>right</b>，从左向右滚动，<b>scrollamount</b><b>属性：</b>此<marquee>的滚动速度，取值：<b>阿拉伯数字</b>，值越大，滚动得越快，<b>loop</b><b>属性：</b>此<marquee>的滚动次数，取值：<b>阿拉伯数字</b>，默认值是-1，也就是无限滚动</p>
<p><b>11.HTML中被废弃的</b><b>标签：</b></p>
<p>因为当前的HTML中的标签只有一个作用，就是用来添加语义，而早期的HTML标签中有一部分标签是没有语义的，单纯是用来修改样式的，所以这部分标签就被淘汰了，<b><br></b>、<b><hr></b>、<b><font></b>、<b><b></b>（双标签）、<b><u></b>（双标签）、<b><i></b>（双标签）、<b><s></b>（双标签）以上标签都是没有结构方面的语义的，都是单纯用来修改样式的，<b>(即bold的简写)用来加粗文本，<u>(即underline的简写)用来给文本添加下划线，<i>(即italic的简写)用来将文本倾斜，<s>(即strikethourgh的简写)用来给文本添加删除线，以后不到万不得已一定不要使用这些被废弃掉的标签，当一定要使用时，一般情况下都是用来作为CSS的钩子来使用，钩子就是绑定的意思，意思就是为了单纯的绑定一些小图标而使用，没有实际语义，比如可以将<i>/<b>转成inline-block标签，再添加background-image，或者其内部直接嵌套<img>都可以，一般<b>换成<b><strong></b>（双标签），语义为重要性强调的文字，<u>换成<b><ins></b>（双标签）(即inseted的简写)，语义为插入的文字，<i>换成<b><em></b>（双标签）(即emphasized的简写)，语义为强调的文字，<s>换成<b><del></b>（双标签）(即deleted的简写)，语义为被删除的文字</p>
<p><b>12.字符实体：</b></p>
<p>在HTML中对空格/回车/tab不敏感，会把多个空格/回车/tab当做一个空格来处理，有的字符在HTML中是有特殊含义的，是不能在浏览器中直接显示出来的，要想显示出来就必须通过字符实体，一个“ (//non-breaking space)”就是一个<b>空格</b>，有多少个“ ”就有多少个空格，“<(//less than)”为<b>小于符号</b>“<”，“>(//greater than)”为<b>大于符号</b>“>”，“©”为<b>版权符号</b>，其余的详见w3c官方网站</p>
<p><b>二、WebStorm中常见的快捷键</b></p>
<p><b>创建一个新的.html的文件：</b>“Ctrl”+“Alt”+“Insert”</p>
<p><b>让光标移动到当前行的末尾：</b>“End”</p>
<p><b>让光标移动到当前行的最前面：</b>“Home”</p>
<p><b>添加多光标/列选择（让光标在多行中闪烁）：</b>按住键盘上的“Alt”键不放，然后再按住鼠标的左键不放，然后再拖动鼠标即可（新版本拖动鼠标无效，只能单击鼠标）</p>
<p><b>将光标所在的那一行内容复制到下一行：</b>“Ctrl”+“D”</p>
<p><b>删除光标所在的那一行内容：</b>“Ctrl”+“X”</p>
<p><b>包围（给一段选中内容的前后加上标签）：</b>先选中这一段，然后按“Ctrl”+“Alt”+“T”，然后按回车，然后输入对应的标签即可</p>
<p><b>添加注释/注释掉光标所在的那一行内容：</b>“Ctrl”+“/”，取消注释也一样</p>
<p><b>选中多行内容并注释掉：</b>“Ctrl”+“Shift”+“/”，取消注释也一样</p>
<p><b>上下移动光标所在那一行的代码：</b>向上移动为“Ctrl”+“Shift”+“↑”(方向键上)，向下移动为“Ctrl”+“Shift”+“↓”(方向键下)</p>
<p><b>合并和展开某一个标签的代码：</b>合并为“Ctrl”+“-”，展开为“Ctrl”+“+”</p>
<p><b>合并和展开页面所有标签的代码：</b>合并为“Ctrl”+“Shift”+“-”，展开为“Ctrl”+“Shift”+“+”</p>
<p><b>新启一行（光标可在上一行的任意位置）：</b>“Shift”+“Enter”</p>
<p><b>缩进：</b>向后缩进为“Tab”，向前缩进为“Shift”+“Tab”</p>
<p><b>类名的跳转：</b>在HTML代码中，按住“Ctrl”键，然后单击类名，可以直接跳转到相对应的CSS代码那里</p>
<p>在webstorm中，可以快速编写一个ul的格式，ul>li就是生成一对<ul>，然后在这对<ul>中再生成一对<li>，ul>li*3就是生成一对<ul>，然后在这对<ul>中再生成3对<li>，还可以ul>li*2>h2+ul>li*3，然后按Tab键即可，可以输入“div.类名$*数字”然后按Tab键，来快速生成多个相似类名的<div>，“p{$}*100”的意思是生成100个内容为1~100的<p>，可以输入“span.box${我是span}*数字”然后按Tab键，来快速生成多个内容为“我是span”，类名为“box数字”的<span>，当想要自定义代码片段的快捷方式时，点击进入File->Settings，然后在左上角的搜索框搜索“live”，找到“Live Templates”并点击，然后在右半部分找到“html/xml”并展开，然后在最右端找到绿色加号，并点击，然后再点击“Live Template”，然后在下边的“Template text”区域将自己的代码片段输入进去，然后在“Abbreviation”位置将自定义的快捷键输入，比如“jq”，然后点击下边的蓝色“Define”，然后点击“Everywhere”全选，全选完了之后点击“Apply”应用，再点“OK”，然后以后无论在任何文件下，只要输入“jq”再按“Tab”键，就会出现自己的代码片段，还可以给“使用默认浏览器打开”设置快捷键，点击进入File->Settings->Keymap，然后在右半部分的搜索框输入“default”，然后向下滚找到蓝色的“Open in default browser”并右击，然后点击“Add Keyboard Shortcut”，然后设置比如“Alt+R”，然后点击“OK”即可</p>
<p><b>三、vscode中常见的快捷键</b></p>
<p><b>格式化代码块（重排代码格式）：</b>“Shift”+“Alt”+“F”（只能格式化对应格式文件的对应代码块，比如在“.html”文件中只能格式化HTML代码，无法格式化“.html”文件中的JS代码）</p>
<p><b>添加多光标/列选择（让光标在多行中闪烁）：</b>“Alt”+“鼠标左键单击”</p>
<p><b>包围（给一段选中内容的前后加上标签）：</b>“Alt”+“W”（需配合“htmltagwrap”插件使用，另外此快捷方式还可以自动出来一对<p>，可以将其改成任何标签）</p>
<p><b>将光标所在的那一行内容复制到下一行：</b>“Shift”+“Alt”+“↓”(方向键下)</p>
<p><b>将光标所在的那一行内容移动到上/下一行：</b>（“Alt”+“↑”）/（“Alt”+“↓”）</p>
<p><b>vscode常用插件：</b>Atom JavaScript Snippet，Auto Close Tag，<b>Auto Rename Tag</b>，Babel JavaScript，Beautify，<b>Bracket Pair Colorizer</b>，<b>Chinese (Simplified) Language Pack for Visual Studio Code</b>，Class autocomplete for HTML，Color Info，<b>CSS Peek</b>，Debugger for Chrome，Document This，DotENV，ES7 React/Redux/GraphQL/React-Native snippets，<b>ESLint</b>，<b>filesize</b>，HTML CSS Support，HTML Snippets，HTMLHint，<b>htmltagwrap</b>，<b>Image preview</b>，IntelliSense for CSS class names in HTML，JavaScript (ES6) code snippets，JavaScript Atom Grammar，JavaScript Snippet Pack，JavaScript Snippets，jQuery Code Snippets，Live Sass Compiler，Live Server，markdownlint，<b>open in browser</b>，<b>Path Intellisense</b>，PHP Intelephense，Project Manager，Settings Sync，StandardJS - JavaScript Standard Style，TSLint，<b>Vetur</b>，View In Browser，<b>vscode-icons</b>，Xml Complete，XML Format，XML Formatter，XML Tools</p>
<p><b>在一个空白的.html文件中自动生成模板：</b>输入“!”然后按Tab键</p>
<p><b>在一个空白的.vue文件中自动生成模板：</b>输入“vue”，然后按“↓”键找到“<vue> with default.vue”，然后按Tab键</p>
<p><b>四、HbuilderX中常见的快捷键</b></p>
<p><b>格式化代码块（重排代码格式）：</b>“Ctrl”+“K”</p>
<p><b>包围（给一段选中内容的前后加上标签）：</b>“Ctrl”+“]”</p>
<p><b>反包围（去掉一段选中内容前后的标签）：</b>“Ctrl”+“Shift”+“]”</p>
<p><b>添加多光标/列选择（让光标在多行中闪烁）：</b>“Ctrl”+“鼠标左键单击”，或者Alt”+“鼠标左键拖动”</p>
</article>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1403362446202163200"></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)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1835509770287673344.htm"
title="swagger访问路径" target="_blank">swagger访问路径</a>
<span class="text-muted">igotyback</span>
<a class="tag" taget="_blank" href="/search/swagger/1.htm">swagger</a>
<div>Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip</div>
</li>
<li><a href="/article/1835508130608410624.htm"
title="html 中如何使用 uniapp 的部分方法" target="_blank">html 中如何使用 uniapp 的部分方法</a>
<span class="text-muted">某公司摸鱼前端</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了</div>
</li>
<li><a href="/article/1835499615491813376.htm"
title="四章-32-点要素的聚合" target="_blank">四章-32-点要素的聚合</a>
<span class="text-muted">彩云飘过</span>
<div>本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.</div>
</li>
<li><a href="/article/1835498925755297792.htm"
title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a>
<span class="text-muted">STU学生网页设计</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a>
<div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div>
</li>
<li><a href="/article/1835496149843275776.htm"
title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a>
<div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div>
</li>
<li><a href="/article/1835496148601761792.htm"
title="HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动" target="_blank">HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div>
</li>
<li><a href="/article/1835435506645692416.htm"
title="00. 这里整理了最全的爬虫框架（Java + Python）" target="_blank">00. 这里整理了最全的爬虫框架（Java + Python）</a>
<span class="text-muted">有一只柴犬</span>
<a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB%E7%B3%BB%E5%88%97/1.htm">爬虫系列</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2</div>
</li>
<li><a href="/article/1835435141535723520.htm"
title="详解：如何设计出健壮的秒杀系统？" target="_blank">详解：如何设计出健壮的秒杀系统？</a>
<span class="text-muted">夜空_2cd3</span>
<div>作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*</div>
</li>
<li><a href="/article/1835403246865313792.htm"
title="斟一小组鸡血视频" target="_blank">斟一小组鸡血视频</a>
<span class="text-muted">和自己一起成长</span>
<div>http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa</div>
</li>
<li><a href="/article/1835395039572881408.htm"
title="Dockerfile命令详解之 FROM" target="_blank">Dockerfile命令详解之 FROM</a>
<span class="text-muted">清风怎不知意</span>
<a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8%E5%8C%96/1.htm">容器化</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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>
<div>许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用</div>
</li>
<li><a href="/article/1835389111658180608.htm"
title="《HTML 与 CSS—— 响应式设计》" target="_blank">《HTML 与 CSS—— 响应式设计》</a>
<span class="text-muted">陈在天box</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在</div>
</li>
<li><a href="/article/1835387977480630272.htm"
title="【C语言】- 自定义类型：结构体、枚举、联合" target="_blank">【C语言】- 自定义类型：结构体、枚举、联合</a>
<span class="text-muted">Cavalier_01</span>
<a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a>
<div>【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523</div>
</li>
<li><a href="/article/1835382685745377280.htm"
title="html+css网页设计 旅游网站首页1个页面" target="_blank">html+css网页设计 旅游网站首页1个页面</a>
<span class="text-muted">html+css+js网页设计</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a>
<div>html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击</div>
</li>
<li><a href="/article/1835379153730367488.htm"
title="spring mvc @RequestBody String类型参数" target="_blank">spring mvc @RequestBody String类型参数</a>
<span class="text-muted">zoyation</span>
<a class="tag" taget="_blank" href="/search/spring-mvc/1.htm">spring-mvc</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a>
<div>通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ</div>
</li>
<li><a href="/article/1835377684025274368.htm"
title="ubuntu安装opencv最快的方法" target="_blank">ubuntu安装opencv最快的方法</a>
<span class="text-muted">Derek重名了</span>
<div>最快方法，当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来，非常快非常容易参考：https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html</div>
</li>
<li><a href="/article/1835376759739084800.htm"
title="处理标签包裹的字符串，并取出前250字符" target="_blank">处理标签包裹的字符串，并取出前250字符</a>
<span class="text-muted">周bro</span>
<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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>//假设这是你的HTML字符串varhtmlString=`这是一个段落。这是一个标题这是另一个段落，包含一些链接。`;//解析HTML字符串并提取文本functionextractTextFromHTML(html){varparser=newDOMParser();vardoc=parser.parseFromString(html,"text/html");vartextContent=do</div>
</li>
<li><a href="/article/1835372727582683136.htm"
title="h5小游戏定制开发" target="_blank">h5小游戏定制开发</a>
<span class="text-muted">红匣子实力推荐</span>
<div>随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台</div>
</li>
<li><a href="/article/1835354700392787968.htm"
title="Nginx的使用场景：构建高效、可扩展的Web架构" target="_blank">Nginx的使用场景：构建高效、可扩展的Web架构</a>
<span class="text-muted">张某布响丸辣</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a>
<div>Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin</div>
</li>
<li><a href="/article/1835354447627251712.htm"
title="前端知识点" target="_blank">前端知识点</a>
<span class="text-muted">ZhangTao_zata</span>
<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/css/1.htm">css</a>
<div>下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage</div>
</li>
<li><a href="/article/1835349024102772736.htm"
title="非关系型数据库" target="_blank">非关系型数据库</a>
<span class="text-muted">天秤-white</span>
<a class="tag" taget="_blank" href="/search/nosql/1.htm">nosql</a>
<div>一、为什么要用Nosql1.单机MySQL的时代。一个基本的网站访问量一般不会太大，单个数据库完全足够。那时候更多使用的静态网页html，服务器根本没有太大压力。这时候网站的瓶颈是什么？-数据量如果太大，一个机器放不下。-数据量太大需要建立数据的索引（B+Tree），一个服务器内存放不下。-访问量读写混合，一个服务器承受不了。2.memcached缓存+MySQL+垂直拆分（读写分离）。网站80%</div>
</li>
<li><a href="/article/1835342718067372032.htm"
title="Python精选200Tips：121-125" target="_blank">Python精选200Tips：121-125</a>
<span class="text-muted">AnFany</span>
<a class="tag" taget="_blank" href="/search/Python200%2BTips/1.htm">Python200+Tips</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>Spendyourtimeonself-improvement121Requests-简化的HTTP请求处理发送GET请求发送POST请求发送PUT请求发送DELETE请求会话管理处理超时文件上传122BeautifulSoup-网页解析和抓取解析HTML和XML文档查找单个标签查找多个标签使用CSS选择器查找标签提取文本修改文档内容删除标签处理XML文档123Scrapy-强大的网络爬虫框架示例</div>
</li>
<li><a href="/article/1835333268375957504.htm"
title="爬虫技术抓取网站数据" target="_blank">爬虫技术抓取网站数据</a>
<span class="text-muted">Bearjumpingcandy</span>
<a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a>
<div>爬虫技术是一种自动化获取网站数据的技术，它可以模拟人类浏览器的行为，访问网页并提取所需的信息。以下是爬虫技术抓取网站数据的一般步骤：发起HTTP请求：爬虫首先会发送HTTP请求到目标网站，获取网页的内容。解析HTML：获取到网页内容后，爬虫会使用HTML解析器解析HTML代码，提取出需要的数据。数据提取：通过使用XPath、CSS选择器或正则表达式等工具，爬虫可以从HTML中提取出所需的数据，如文</div>
</li>
<li><a href="/article/1835316434805288960.htm"
title="七.正则化" target="_blank">七.正则化</a>
<span class="text-muted">愿风去了</span>
<div>吴恩达机器学习之正则化（Regularization）http://www.cnblogs.com/jianxinzhou/p/4083921.html从数学公式上理解L1和L2https://blog.csdn.net/b876144622/article/details/81276818虽然在线性回归中加入基函数会使模型更加灵活，但是很容易引起数据的过拟合。例如将数据投影到30维的基函数上，模</div>
</li>
<li><a href="/article/1835296397365178368.htm"
title="创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几" target="_blank">创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几</a>
<span class="text-muted">uthRaman</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a>
<div>前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=</div>
</li>
<li><a href="/article/1835285939723792384.htm"
title="利用frp实现内网穿透（需要云主机）" target="_blank">利用frp实现内网穿透（需要云主机）</a>
<span class="text-muted">heiyumiao</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%B7%A5%E5%85%B7/1.htm">网络工具</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>详细实现教程：https://www.iplaysoft.com/frp.htmlhttps://blog.csdn.net/u013144287/article/details/78589643/项目官网地址：https://github.com/fatedier/frp/releases按照系统下载相应的程序包什么是frp内网穿透工具有很多，其中Frp(FastReverseProxy)是比较</div>
</li>
<li><a href="/article/1835270061674295296.htm"
title="word转html制作操作手册,Word文档转换为HTML帮助文档操作手册范本.pdf" target="_blank">word转html制作操作手册,Word文档转换为HTML帮助文档操作手册范本.pdf</a>
<span class="text-muted">想吃草莓干</span>
<a class="tag" taget="_blank" href="/search/word%E8%BD%AChtml%E5%88%B6%E4%BD%9C%E6%93%8D%E4%BD%9C%E6%89%8B%E5%86%8C/1.htm">word转html制作操作手册</a>
<div>Word文档转换为HTML帮助文档操作手册一、使用到的软件DOC2CHMDreamweaverCS3Helpandmanual4二、操作步骤1.先建立一个工作目录。如hhwork。2.将需要转换的文件复制到此工作目录下。如果是中文文件名，最好将其改为英文文件名。例：现在要将《小神探点检定修信息管理系统使用手册0.3.6.doc》转换为Html格式的帮助文档，首先将此文档复制到hhwork目录下并将</div>
</li>
<li><a href="/article/1835262372638453760.htm"
title="WORD批量转换器MultiDoc Converter" target="_blank">WORD批量转换器MultiDoc Converter</a>
<span class="text-muted">uolian</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a>
<div>WORD批量转换器MultiDocConverterhttps://www.52pojie.cn/thread-1318745-1-1.html可批量将doc、docx等文件格式转成doc、docx、pdf、rtf、txt、html、epub等格式。安装包下载地址：https://wws.lanzouj.com/irvVbiz0pkd最终下载文件打包地址（未作成单文件，不确定是否可以直接使用）：h</div>
</li>
<li><a href="/article/1835258583235784704.htm"
title="HTML中"bgcolor"与"background-color"的区别" target="_blank">HTML中"bgcolor"与"background-color"的区别</a>
<span class="text-muted">Sardar_</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>bgcolor只是标签属性，而backgroud更多作为css的样式属性。它们俩大多数情况下效果完全相同。但在标签下效果不同。不支持bgcolor属性，只能用style标签添加CSS样式。作为table的属性而言：HelloWorld!和HelloWorld!效果完全相同。作为body属性而言：效果完全相同。不过个人推荐统一用CSS样式进行控制，把style统一放到.css文件中。backgrou</div>
</li>
<li><a href="/article/1835257575277424640.htm"
title="【Python爬虫】百度百科词条内容" target="_blank">【Python爬虫】百度百科词条内容</a>
<span class="text-muted">PokiFighting</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%A4%84%E7%90%86/1.htm">数据处理</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/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>词条内容我这里随便选取了一个链接，用的是FBI的词条importurllib.requestimporturllib.parsefromlxmlimportetreedefquery(url):headers={'user-agent':'Mozilla/5.0(WindowsNT6.1;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/80.</div>
</li>
<li><a href="/article/1835249513875468288.htm"
title="说说在 Vue.js 中如何实现组件间通信" target="_blank">说说在 Vue.js 中如何实现组件间通信</a>
<span class="text-muted">deniro</span>
<div>1用法假设父组件的模板包含子组件，我们可以通过props来正向地把数据从父组件传递给子组件。props可以是字符串数组，也可以是对象。html：js：Vue.component('deniro-component',{props:['message'],template:'{{message}}'});varapp=newVue({el:'#app',data:{}});渲染结果：＂嫦娥四号＂成功</div>
</li>
<li><a href="/article/28.htm"
title="如何用ruby来写hadoop的mapreduce并生成jar包" target="_blank">如何用ruby来写hadoop的mapreduce并生成jar包</a>
<span class="text-muted">wudixiaotie</span>
<a class="tag" taget="_blank" href="/search/mapreduce/1.htm">mapreduce</a>
<div>ruby来写hadoop的mapreduce，我用的方法是rubydoop。怎么配置环境呢：
1.安装rvm：
不说了 网上有
2.安装ruby：
由于我以前是做ruby的，所以习惯性的先安装了ruby，起码调试起来比jruby快多了。
3.安装jruby：
rvm install jruby然后等待安</div>
</li>
<li><a href="/article/155.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/%E8%AE%BF%E9%97%AE%E6%8E%A7%E5%88%B6%E6%9D%83%E9%99%90/1.htm">访问控制权限</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a>
<div>访问权限是java中一个比较中要的知识点,它规定者什么方法可以访问,什么不可以访问
一:包访问权限;
自定义包:
package com.wj.control;
//包
public class Demo {
//定义一个无参的方法
public void DemoPackage(){
System.out.println("调用</div>
</li>
<li><a href="/article/282.htm"
title="[生物与医学]请审慎食用小龙虾" target="_blank">[生物与医学]请审慎食用小龙虾</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E7%94%9F%E7%89%A9/1.htm">生物</a>
<div>
现在的餐馆里面出售的小龙虾,有一些是在野外捕捉的,这些小龙虾身体里面可能带有某些病毒和细菌,人食用以后可能会导致一些疾病,严重的甚至会死亡.....
所以,参加聚餐的时候,最好不要点小龙虾...就吃养殖的猪肉,牛肉,羊肉和鱼,等动物蛋白质
</div>
</li>
<li><a href="/article/409.htm"
title="org.apache.jasper.JasperException: Unable to compile class for JSP:" target="_blank">org.apache.jasper.JasperException: Unable to compile class for JSP:</a>
<span class="text-muted">商人shang</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/2.2/1.htm">2.2</a><a class="tag" taget="_blank" href="/search/jdk1.8/1.htm">jdk1.8</a>
<div>环境： jdk1.8 maven tomcat7-maven-plugin 2.0
原因： tomcat7-maven-plugin 2.0 不知吃 jdk 1.8，换成 tomcat7-maven-plugin 2.2就行，即
<plugin>
</div>
</li>
<li><a href="/article/536.htm"
title="你的垃圾你处理掉了吗?GC" target="_blank">你的垃圾你处理掉了吗?GC</a>
<span class="text-muted">oloz</span>
<a class="tag" taget="_blank" href="/search/GC/1.htm">GC</a>
<div>前序:本人菜鸟，此文研究学习来自网络，各位牛牛多指教
1.垃圾收集算法的核心思想
Java语言建立了垃圾收集机制，用以跟踪正在使用的对象和发现并回收不再使用(引用)的对象。该机制可以有效防范动态内存分配中可能发生的两个危险：因内存垃圾过多而引发的内存耗尽，以及不恰当的内存释放所造成的内存非法引用。
垃圾收集算法的核心思想是：对虚拟机可用内存空间，即堆空间中的对象进行识别</div>
</li>
<li><a href="/article/663.htm"
title="shiro 和 SESSSION" target="_blank">shiro 和 SESSSION</a>
<span class="text-muted">杨白白</span>
<a class="tag" taget="_blank" href="/search/shiro/1.htm">shiro</a>
<div>shiro 在web项目里默认使用的是web容器提供的session，也就是说shiro使用的session是web容器产生的，并不是自己产生的，在用于非web环境时可用其他来源代替。在web工程启动的时候它就和容器绑定在了一起，这是通过web.xml里面的shiroFilter实现的。通过session.getSession()方法会在浏览器cokkice产生JESSIONID，当关闭浏览器，此</div>
</li>
<li><a href="/article/790.htm"
title="移动互联网终端 淘宝客如何实现盈利" target="_blank">移动互联网终端 淘宝客如何实现盈利</a>
<span class="text-muted">小桔子</span>
<a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8B%95%E5%AE%A2%E6%88%B6%E7%AB%AF/1.htm">移動客戶端</a><a class="tag" taget="_blank" href="/search/%E6%B7%98%E5%AE%A2/1.htm">淘客</a><a class="tag" taget="_blank" href="/search/%E6%B7%98%E5%AF%B6App/1.htm">淘寶App</a>
<div> 2012年淘宝联盟平台为站长和淘宝客带来的分成收入突破30亿元，同比增长100%。而来自移动端的分成达1亿元，其中美丽说、蘑菇街、果库、口袋购物等App运营商分成近5000万元。 可以看出，虽然目前阶段PC端对于淘客而言仍旧是盈利的大头，但移动端已经呈现出爆发之势。而且这个势头将随着智能终端(手机，平板)的加速普及而更加迅猛</div>
</li>
<li><a href="/article/917.htm"
title="wordpress小工具制作" target="_blank">wordpress小工具制作</a>
<span class="text-muted">aichenglong</span>
<a class="tag" taget="_blank" href="/search/wordpress/1.htm">wordpress</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E5%B7%A5%E5%85%B7/1.htm">小工具</a>
<div>wordpress 使用侧边栏的小工具，很方便调整页面结构
小工具的制作过程
1 在自己的主题文件中新建一个文件夹(如widget)，在文件夹中创建一个php(AWP_posts-category.php)
小工具是一个类,想侧边栏一样，还得使用代码注册，他才可以再后台使用，基本的代码一层不变
<?php
class AWP_Post_Category extends WP_Wi</div>
</li>
<li><a href="/article/1044.htm"
title="JS微信分享" target="_blank">JS微信分享</a>
<span class="text-muted">AILIKES</span>
<a class="tag" taget="_blank" href="/search/js/1.htm">js</a>
<div>// 所有功能必须包含在 WeixinApi.ready 中进行
WeixinApi.ready(function(Api) {
// 微信分享的数据
var wxData = {
&nb</div>
</li>
<li><a href="/article/1171.htm"
title="封装探讨" target="_blank">封装探讨</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/JAVA%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1+%E5%B0%81%E8%A3%85/1.htm">JAVA面向对象 封装</a>
<div>//封装 属性 方法 将某些东西包装在一起，通过创建对象或使用静态的方法来调用，称为封装；封装其实就是有选择性地公开或隐藏某些信息，它解决了数据的安全性问题，增加代码的可读性和可维护性
在 Aname类中申明三个属性，将其封装在一个类中：通过对象来调用
例如 1：
//属性 将其设为私有
姓名 name 可以公开
</div>
</li>
<li><a href="/article/1298.htm"
title="jquery radio/checkbox change事件不能触发的问题" target="_blank">jquery radio/checkbox change事件不能触发的问题</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/jquery/1.htm">jquery</a>
<div>我想让radio来控制当前我选择的是机动车还是特种车，如下所示：
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"><</div>
</li>
<li><a href="/article/1425.htm"
title="AngularJS中安全性措施" target="_blank">AngularJS中安全性措施</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/%E5%AE%89%E5%85%A8%E6%80%A7/1.htm">安全性</a><a class="tag" taget="_blank" href="/search/XSRF/1.htm">XSRF</a><a class="tag" taget="_blank" href="/search/JSON%E6%BC%8F%E6%B4%9E/1.htm">JSON漏洞</a>
<div> 在使用web应用中，安全性是应该首要考虑的一个问题。AngularJS提供了一些辅助机制，用来防护来自两个常见攻击方向的网络攻击。
一.JSON漏洞
当使用一个GET请求获取JSON数组信息的时候（尤其是当这一信息非常敏感，</div>
</li>
<li><a href="/article/1552.htm"
title="[Maven学习笔记九]Maven发布web项目" target="_blank">[Maven学习笔记九]Maven发布web项目</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
<div>基于Maven的web项目的标准项目结构
user-project
user-core
user-service
user-web
src
</div>
</li>
<li><a href="/article/1679.htm"
title="【Hive七】Hive用户自定义聚合函数(UDAF)" target="_blank">【Hive七】Hive用户自定义聚合函数(UDAF)</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a>
<div>用户自定义聚合函数，用户提供的多个入参通过聚合计算(求和、求最大值、求最小值)得到一个聚合计算结果的函数。
问题：UDF也可以提供输入多个参数然后输出一个结果的运算，比如加法运算add(3，5)，add这个UDF需要实现UDF的evaluate方法,那么UDF和UDAF的实质分别究竟是什么？
Double evaluate(Double a, Double b)
</div>
</li>
<li><a href="/article/1806.htm"
title="通过 nginx-lua 给 Nginx 增加 OAuth 支持" target="_blank">通过 nginx-lua 给 Nginx 增加 OAuth 支持</a>
<span class="text-muted">ronin47</span>
<div>前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGeek 在过去几年中取得了发展，我们已经积累了不少针对各种任务的不同管理接口。我们通常为新的展示需求创建新模块，比如我们自己的博客、图表等。我们还定期开发内部工具来处理诸如部署、可视化操作及事件处理等事务。在处理这些事务中，我们使用了几个不同的接口来认证：
&n</div>
</li>
<li><a href="/article/1933.htm"
title="利用tomcat-redis-session-manager做session同步时自定义类对象属性保存不上的解决方法" target="_blank">利用tomcat-redis-session-manager做session同步时自定义类对象属性保存不上的解决方法</a>
<span class="text-muted">bsr1983</span>
<a class="tag" taget="_blank" href="/search/session/1.htm">session</a>
<div>在利用tomcat-redis-session-manager做session同步时，遇到了在session保存一个自定义对象时，修改该对象中的某个属性，session未进行序列化，属性没有被存储到redis中。 在 tomcat-redis-session-manager的github上有如下说明： Session Change Tracking
As noted in the &qu</div>
</li>
<li><a href="/article/2060.htm"
title="《代码大全》表驱动法-Table Driven Approach-1" target="_blank">《代码大全》表驱动法-Table Driven Approach-1</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a>
<div>关于Table Driven Approach的一篇非常好的文章：
http://www.codeproject.com/Articles/42732/Table-driven-Approach
package com.ljn.base;
import java.util.Random;
public class TableDriven {
public </div>
</li>
<li><a href="/article/2187.htm"
title="Sybase封锁原理" target="_blank">Sybase封锁原理</a>
<span class="text-muted">chicony</span>
<a class="tag" taget="_blank" href="/search/Sybase/1.htm">Sybase</a>
<div> 昨天在操作Sybase IQ12.7时意外操作造成了数据库表锁定，不能删除被锁定表数据也不能往其中写入数据。由于着急往该表抽入数据，因此立马着手解决该表的解锁问题。 无奈此前没有接触过Sybase IQ12.7这套数据库产品，加之当时已属于下班时间无法求助于支持人员支持，因此只有借助搜索引擎强大的</div>
</li>
<li><a href="/article/2314.htm"
title="java异常处理机制" target="_blank">java异常处理机制</a>
<span class="text-muted">CrazyMizzz</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>java异常关键字有以下几个，分别为 try catch final throw throws
他们的定义分别为
try： Opening exception-handling statement.
catch： Captures the exception.
finally： Runs its code before terminating</div>
</li>
<li><a href="/article/2441.htm"
title="hive 数据插入DML语法汇总" target="_blank">hive 数据插入DML语法汇总</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a><a class="tag" taget="_blank" href="/search/DML/1.htm">DML</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8F%92%E5%85%A5/1.htm">数据插入</a>
<div>Hive的数据插入DML语法汇总1、Loading files into tables语法：1) LOAD DATA [LOCAL] INPATH 'filepath' [OVERWRITE] INTO TABLE tablename [PARTITION (partcol1=val1, partcol2=val2 ...)]解释：1)、上面命令执行环境为hive客户端环境下： hive>l</div>
</li>
<li><a href="/article/2568.htm"
title="工厂设计模式" target="_blank">工厂设计模式</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
<div> 使用设计模式是促进最佳实践和良好设计的好办法。设计模式可以提供针对常见的编程问题的灵活的解决方案。 工厂模式
工厂模式（Factory）允许你在代码执行时实例化对象。它之所以被称为工厂模式是因为它负责“生产”对象。工厂方法的参数是你要生成的对象对应的类名称。
Example #1 调用工厂方法（带参数）
<?phpclass Example{ </div>
</li>
<li><a href="/article/2695.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>
FIND_IN_SET(str,strlist)
假如字符串str 在由N 子链组成的字符串列表strlist 中，则返回值的范围在1到 N 之间。一个字符串列表就是一个由一些被‘,’符号分开的自链组成的字符串。如果第一个参数是一个常数字符串，而第二个是type SET列，则 FIND_IN_SET() 函数被优化，使用比特计算。如果str不在strlist 或st</div>
</li>
<li><a href="/article/2822.htm"
title="jvm内存管理" target="_blank">jvm内存管理</a>
<span class="text-muted">easterfly</span>
<a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a>
<div>一、JVM堆内存的划分
分为年轻代和年老代。年轻代又分为三部分：一个eden,两个survivor。
工作过程是这样的：e区空间满了后，执行minor gc，存活下来的对象放入s0, 对s0仍会进行minor gc，存活下来的的对象放入s1中，对s1同样执行minor gc，依旧存活的对象就放入年老代中；
年老代满了之后会执行major gc，这个是stop the word模式，执行</div>
</li>
<li><a href="/article/2949.htm"
title="CentOS-6.3安装配置JDK-8" target="_blank">CentOS-6.3安装配置JDK-8</a>
<span class="text-muted">gengzg</span>
<a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a>
<div>JAVA_HOME=/usr/java/jdk1.8.0_45
JRE_HOME=/usr/java/jdk1.8.0_45/jre
PATH=$PATH:$JAVA_HOME/bin:$JRE_HOME/bin
CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib
export JAVA_HOME</div>
</li>
<li><a href="/article/3076.htm"
title="【转】关于web路径的获取方法" target="_blank">【转】关于web路径的获取方法</a>
<span class="text-muted">huangyc1210</span>
<a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E8%B7%AF%E5%BE%84/1.htm">路径</a>
<div>假定你的web application 名称为news,你在浏览器中输入请求路径： http://localhost:8080/news/main/list.jsp 则执行下面向行代码后打印出如下结果： 1、 System.out.println(request.getContextPath()); //可返回站点的根路径。也就是项</div>
</li>
<li><a href="/article/3203.htm"
title="php里获取第一个中文首字母并排序" target="_blank">php里获取第一个中文首字母并排序</a>
<span class="text-muted">远去的渡口</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a>
<div>很久没来更新博客了，还是觉得工作需要多总结的好。今天来更新一个自己认为比较有成就的问题吧。 最近在做储值结算，需求里结算首页需要按门店的首字母A-Z排序。我的数据结构原本是这样的：
Array
(
[0] => Array
(
[sid] => 2885842
[recetcstoredpay] =&g</div>
</li>
<li><a href="/article/3330.htm"
title="java内部类" target="_blank">java内部类</a>
<span class="text-muted">hm4123660</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E9%83%A8%E7%B1%BB/1.htm">内部类</a><a class="tag" taget="_blank" href="/search/%E5%8C%BF%E5%90%8D%E5%86%85%E9%83%A8%E7%B1%BB/1.htm">匿名内部类</a><a class="tag" taget="_blank" href="/search/%E6%88%90%E5%91%98%E5%86%85%E9%83%A8%E7%B1%BB/1.htm">成员内部类</a><a class="tag" taget="_blank" href="/search/%E6%96%B9%E6%B3%95%E5%86%85%E9%83%A8%E7%B1%BB/1.htm">方法内部类</a>
<div> 在Java中，可以将一个类定义在另一个类里面或者一个方法里面，这样的类称为内部类。内部类仍然是一个独立的类，在编译之后内部类会被编译成独立的.class文件，但是前面冠以外部类的类名和$符号。内部类可以间接解决多继承问题,可以使用内部类继承一个类，外部类继承一个类，实现多继承。
&nb</div>
</li>
<li><a href="/article/3457.htm"
title="Caused by: java.lang.IncompatibleClassChangeError: class org.hibernate.cfg.Exten" target="_blank">Caused by: java.lang.IncompatibleClassChangeError: class org.hibernate.cfg.Exten</a>
<span class="text-muted">zhb8015</span>
<div>maven pom.xml关于hibernate的配置和异常信息如下，查了好多资料，问题还是没有解决。只知道是包冲突，就是不知道是哪个包....遇到这个问题的分享下是怎么解决的。。
maven pom:
<dependency>
<groupId>org.hibernate</groupId>
<ar</div>
</li>
<li><a href="/article/3584.htm"
title="Spark 性能相关参数配置详解－任务调度篇" target="_blank">Spark 性能相关参数配置详解－任务调度篇</a>
<span class="text-muted">Stark_Summer</span>
<a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a><a class="tag" taget="_blank" href="/search/cpu/1.htm">cpu</a><a class="tag" taget="_blank" href="/search/%E4%BB%BB%E5%8A%A1%E8%B0%83%E5%BA%A6/1.htm">任务调度</a><a class="tag" taget="_blank" href="/search/yarn/1.htm">yarn</a>
<div>随着Spark的逐渐成熟完善, 越来越多的可配置参数被添加到Spark中来, 本文试图通过阐述这其中部分参数的工作原理和配置思路, 和大家一起探讨一下如何根据实际场合对Spark进行配置优化。
由于篇幅较长，所以在这里分篇组织，如果要看最新完整的网页版内容，可以戳这里：http://spark-config.readthedocs.org/，主要是便</div>
</li>
<li><a href="/article/3711.htm"
title="css3滤镜" target="_blank">css3滤镜</a>
<span class="text-muted">wangkeheng</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>经常看到一些网站的底部有一些灰色的图标，鼠标移入的时候会变亮，开始以为是js操作src或者bg呢，搜索了一下，发现了一个更好的方法：通过css3的滤镜方法。
html代码：
<a href='' class='icon'><img src='utv.jpg' /></a>
css代码：
.icon{-webkit-filter: graysc</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> 