HTML总结

sublime

环境配置

使用sublime text 3
打开百度在搜索框中输入sublime text 3
普通下载
安装,路径自己选择
Preferences-->Package Control 输入 install
SublimeLinter 代码提示插件
emmet html 自动补全插件
markdown 插件实现实时预览和保存Markdown Editing + MarkdownLivePreview
AutoFileName 快速列出你想引用的文件夹里面所有文件的名字，比如想引用test/img/1.png。只需要输入/img,该插件就会自动提示/img下面的所有文件名
JsForma可以自动帮助你格式化JavaScript代码，形成一种通用的格式，比如对压缩、空格、换行的js代码进行整理，使得js代码结构清晰，易于观看。在已压缩的JS文件中，右键选择jsFormat或者使用默认快捷键（Ctrl+Alt+F）
SublimeCodeIntel 这个插件支持以下语言的自动提示功能：PHP, Python, RHTML, JavaScript, Smarty, Mason, Node.js, XBL, Tcl, HTML, HTML5, TemplateToolkit, XUL, Django, Perl, Ruby, Python3.
- 实现JS代码自动补全功能:
  - preferences->packages settings ->SublimeCodeIntel ->Settings-User
  - 添加
    {
    "JavaScript": {
    "codeintel_selected_catalogs": ["JavaScript"]
    }
    }
Sublime-HTMLPrettify代码排版插件,安装完快捷键ctrl+shift+h 一键格式化代码.
sublime常用快捷键:

Ctrl + / ------------------------注释
Ctrl + 滚动 -------------------字体变大/缩小
Ctrl + O -----------------------打开源文件
Ctrl + N -----------------------新建
Ctrl + Shift + k --------------删除一行
Ctrl+X--------------------------删除光标所在行
Ctrl + Shift + ; --------------移除未闭合的容器元素
Ctrl + D -----------------------就近选择相同项
Ctrl + Shift + D -------------复制这行文本插入到下一行
Ctrl + Shift + V -------------粘贴并复制格式
Alt + . ------------------------- 快速闭合标签
Alt + F3 -----------------------选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。
Ctrl + L-------------------------选中整行，继续操作则继续选择下一行，效果和 Shift+↓ 效果一样。
Ctrl + Shift+ L----------------先选中多行，再按下快捷键，会在每行行尾插入光标，即可同时编辑这些行。
Ctrl + M -----------------------光标移动至括号内结束或开始的位置。
Ctrl + Shift + [ ---------------选中代码，按下快捷键，折叠代码。
Ctrl + Shift + ] ---------------选中代码，按下快捷键，展开代码。
Ctrl + K+ 0 --------------------展开所有折叠代码
Shift + Tab --------------------回退Tab的缩进.
Ctrl + Enter------------------- 在当前行下面新增一行然后跳至该行
Ctrl + Shift + Enter----------在当前行上面增加一行并跳至该行
Ctrl + ←/→ --------------------进行逐词移动，
Ctrl + Shift + ←/→ ----------进行逐词选择
Ctrl + Shift + ↑/↓ -------------移动当前行（文件会被修改）
Ctrl+KK -------------------------从光标处删除至行尾
Ctrl+K Backspace ----------从光标处删除至行首
Ctrl+Y ---------------------------恢复撤销
Ctrl+J ----------------------------合并行（已选择需要合并的多行时）
Ctrl + [ -------------------------- 选中内容向左缩进
Ctrl + ] ---------------------------选中内容向右缩进
Ctrl + K+ u ----------------------文本转换大写
Ctrl + K+ i -----------------------文本转换小写
form表单

用于包括输入框,提交数据
action属性

提交的地址,暂时不用理解
method

属性提交数据的方法 get/post,如果不写,默认是get方式.
根据tpye的类型,表现不同的形式
type:属性

必须,确定性质
type:text :

表单输入框
type:password

密码输入框
type:radio

单选框
name 必须要有,这里表明当前的单选输入框为一组
value 必须要有,因为单选按钮提交的结果是value的值. value一般采用数字编码的形式表示.
checked 默认选中
type:checkbox

多选框
name 同radio
value 同radio
checked 默认选中
type:file

上传
当选中的时候 ,实际文件并没有被上传上来
multiple 可以实现多选
type:submit

提交按钮
value 按钮显示的内容
点击后表单被提交到 form.action 配置的地址
name属性

当前表单的名称目前必须要有,因为提交的时候后台程序需要通过name属性获取表单的内容.
value:属性

当前表单的内容.value是提交的结果.如果设置了vlaue,则是当前表单的默认值.
</code></h3> <blockquote> <p>多行文本输入框</p> </blockquote> <ul> <li>cols /rows 文本框的宽度和高度</li> <li>name值需要设置,value指的是标签内部的内容</li> </ul> <h3><code><label></code></h3> <blockquote> <p>用于包括输入框的头部和输入框使之称为一体。多用于单选和多选。</p> </blockquote> <ul> <li>readonly 只读属性，输入框内容不能更改。</li> <li>disabled 禁用表单的值再提交时会被舍弃。</li> <li> <code><fieldset></code> <code><legend></code> 可以实现表单的分组。</li> </ul> <h3>get提交</h3> <ul> <li>参数被放到地址提交,比如: /D:/abc?username=张三&pwd=123&sex=0&experience=0</li> <li>不安全</li> <li>地址栏拼接的参数长度有限,一般是<4k</li> <li>一般用于获取数据</li> </ul> <h3>post提交</h3> <ul> <li>地址栏不显示提交内容,再请求体显示</li> <li>相对安全</li> <li>提交的数据量没有上限</li> <li>一般用于提交保存数据</li> </ul> <pre><code class="html">  <form action="www.bufanui.com" method="get"> <fieldset> <legend>基本信息</legend> 用户名: <input type="text" readonly name="username" value="张三"> <br> 曾用名： <input type="text" disabled name="oldname" value="张小三"><br> 密码: <input type="password" name="pwd"> <br> 性别: <label> 男: <input type="radio" name="sex" value="0"> </label> <label> 女: <input type="radio" checked name="sex" value="1"> <br> </label> </fieldset> <fieldset> <legend>补充信息</legend> 爱好: <label> 篮球: <input type="checkbox" name="like" value="basketball"> </label> <label> 足球: <input type="checkbox" checked name="like" value="football"> </label> <label> 乒乓: <input type="checkbox" name="like" value="pingpang"><br> </label> 工作年龄: <select name="experience"> <option value="0">--无--</option> <option value="1">1年</option> <option value="2" selected>2~3年</option> <option value="3">3~5年</option> </select> <br> 上传头像: <input type="file" name="avatar" multiple> <br> 个人描述: <textarea name="desc" cols="30" rows="4"> 我对工作有极大地热情,我喜欢写代码! 我大学时候是一个德智体美劳全面发展的废柴!

常用转义字符

显示	说明	实体名称	实体编号
	半方大的空白
	全方大的空白
	不断行的空白格
<	小于	<	<
>	大于	>	>
&	&符号	&	&
"	双引号	"	"
©	版权	©	©
®	已注册商标	®	®
™	商标（美国）	™	™
×	乘号	×	×
÷	除号	÷	÷
target属性:

属性规定在何处打开链接文档。

有 4 个保留的目标名称用作特殊的文档重定向操作：

提示：这些 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略，因此，不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。
_blank

浏览器总在一个新打开、未命名的窗口中载入目标文档。
_self

这个目标的值对所有没有指定目标的标签是默认目标，它使得目标文档载入并显示在相同的框架或者

窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题标签中的 target 属性一起使用。
_parent

这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框

架中，那么它与目标 _self 等效。
_top

这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。在iframe发生嵌套的时候在顶层的父类标签刷新页面
`iframe`

规定一个内联框架。

一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。
height && width

规定宽高
frameborder

规定是否显示 iframe 周围的边框。1为显示,0为隐藏

HTML5 不支持


</code></pre> 
 <h3>scrolling</h3> 
 <blockquote> 
  <p>规定如何显示滚动条</p> 
  <p>auto自动 yes始终 no不显示</p> 
 </blockquote> 
 <h2><code>background</code></h2> 
 <h3>background-color 属性</h3> 
 <blockquote> 
  <p>设置一个元素的背景颜色。</p> 
 </blockquote> 
 <table> 
  <thead> 
   <tr> 
    <th>值</th> 
    <th>描述</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td><em>color</em></td> 
    <td>指定背景颜色。在CSS颜色值近可能的寻找一个颜色值的完整列表。</td> 
   </tr> 
   <tr> 
    <td>transparent</td> 
    <td>指定背景颜色应该是透明的。这是默认</td> 
   </tr> 
   <tr> 
    <td>inherit</td> 
    <td>指定背景颜色，应该从父元素继承</td> 
   </tr> 
  </tbody> 
 </table> 
 <h3>background-position 属性</h3> 
 <blockquote> 
  <p>设置背景图像的起始位置。</p> 
 </blockquote> 
 <table> 
  <thead> 
   <tr> 
    <th>值</th> 
    <th>描述</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td>left top left center left bottom right top right center right bottom center top center center center bottom</td> 
    <td>如果仅指定一个关键字，其他值将会是"center"</td> 
   </tr> 
   <tr> 
    <td><em>x% y%</em></td> 
    <td>第一个值是水平位置，第二个值是垂直。左上角是0％0％。右下角是100％100％。如果仅指定了一个值，其他值将是50％。 。默认值为：0％0％</td> 
   </tr> 
   <tr> 
    <td><em>xpos ypos</em></td> 
    <td>第一个值是水平位置，第二个值是垂直。左上角是0。单位可以是像素（0px0px）或任何其他 CSS单位。如果仅指定了一个值，其他值将是50％。你可以混合使用％和positions</td> 
   </tr> 
   <tr> 
    <td>inherit</td> 
    <td>指定background-position属性设置应该从父元素继承</td> 
   </tr> 
  </tbody> 
 </table> 
 <h3>background-size 属性</h3> 
 <blockquote> 
  <p>css3属性:指定背景图片大小。</p> 
 </blockquote> 
 <table> 
  <thead> 
   <tr> 
    <th>值</th> 
    <th>描述</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td>length</td> 
    <td>设置背景图片高度和宽度。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为 auto(自动)</td> 
   </tr> 
   <tr> 
    <td>percentage</td> 
    <td>将计算相对于背景定位区域的百分比。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为"auto(自动)"</td> 
   </tr> 
   <tr> 
    <td>cover</td> 
    <td>此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。</td> 
   </tr> 
   <tr> 
    <td>contain</td> 
    <td>此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。</td> 
   </tr> 
  </tbody> 
 </table> 
 <h3>background-repeat 属性</h3> 
 <blockquote> 
  <p>设置如何平铺对象的 background-image 属性。</p> 
 </blockquote> 
 <table> 
  <thead> 
   <tr> 
    <th>值</th> 
    <th>说明</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td>repeat</td> 
    <td>背景图像将向垂直和水平方向重复。这是默认</td> 
   </tr> 
   <tr> 
    <td>repeat-x</td> 
    <td>只有水平位置会重复背景图像</td> 
   </tr> 
   <tr> 
    <td>repeat-y</td> 
    <td>只有垂直位置会重复背景图像</td> 
   </tr> 
   <tr> 
    <td>no-repeat</td> 
    <td>background-image不会重复</td> 
   </tr> 
   <tr> 
    <td>inherit</td> 
    <td>指定background-repea属性设置应该从父元素继承</td> 
   </tr> 
  </tbody> 
 </table> 
 <h3>background-image 属性</h3> 
 <blockquote> 
  <p>设置一个元素的背景图像。</p> 
 </blockquote> 
 <table> 
  <thead> 
   <tr> 
    <th>值</th> 
    <th>说明</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td>url(<em>'URL'</em>)</td> 
    <td>图像的URL</td> 
   </tr> 
   <tr> 
    <td>none</td> 
    <td>无图像背景会显示。这是默认</td> 
   </tr> 
   <tr> 
    <td>inherit</td> 
    <td>指定背景图像应该从父元素继承</td> 
   </tr> 
  </tbody> 
 </table> 
 <h3>background 属性</h3> 
 <blockquote> 
  <p>背景缩写属性可以在一个声明中设置所有的背景属性。</p> 
  <p>可以设置的属性分别是：background-color, background-position, background-size, background-repeat, background-origin, background-clip, background-attachment,和background-image.</p> 
 </blockquote> 
 <table> 
  <thead> 
   <tr> 
    <th>值</th> 
    <th>说明</th> 
    <th>CSS</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td><em>background-color</em></td> 
    <td>指定要使用的背景颜色</td> 
    <td>1</td> 
   </tr> 
   <tr> 
    <td><em>background-position</em></td> 
    <td>指定背景图像的位置</td> 
    <td>1</td> 
   </tr> 
   <tr> 
    <td><em>background-size</em></td> 
    <td>指定背景图片的大小</td> 
    <td>3</td> 
   </tr> 
   <tr> 
    <td><em>background-repeat</em></td> 
    <td>指定如何重复背景图像</td> 
    <td>1</td> 
   </tr> 
   <tr> 
    <td><em>background-origin</em></td> 
    <td>指定背景图像的定位区域</td> 
    <td>3</td> 
   </tr> 
   <tr> 
    <td><em>background-clip</em></td> 
    <td>指定背景图像的绘画区域</td> 
    <td>3</td> 
   </tr> 
   <tr> 
    <td><em>background-attachment</em></td> 
    <td>设置背景图像是否固定或者随着页面的其余部分滚动。</td> 
    <td>1</td> 
   </tr> 
   <tr> 
    <td><em>background-image</em></td> 
    <td>指定要使用的一个或多个背景图像</td> 
    <td>1</td> 
   </tr> 
  </tbody> 
 </table> 
 <h4>缩写:</h4> 
 <pre><code class="css">background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;
缩写顺序:background: 
        [background-color] 
        [background-image] 
        [background-repeat] 
        [background-attachment] 
        [background-position] / [ background-size] 
        [background-origin] 
        [background-clip];。
例:background: green url(img/avatar.jpg) no-repeat 100px 150px;
</code></pre> 
 <h2>标签形式</h2> 
 <h3>块状标签 (石头)</h3> 
 <ul> 
  <li>会自动换行</li> 
  <li>宽高有效</li> 
  <li>比如: div p h1~h6 ul>li ol>li dl>dt~dd tr form</li> 
 </ul> 
 <h3>行内块标签 (果冻)</h3> 
 <ul> 
  <li>不会自动换行</li> 
  <li>宽高有效</li> 
  <li>比如: img td input select button</li> 
 </ul> 
 <h3>行内标签 (水)</h3> 
 <ul> 
  <li>不会自动换行</li> 
  <li>宽高无效</li> 
  <li>比如: span a</li> 
 </ul> 
 <h3>元素性质改变</h3> 
 <ul> 
  <li>display 我们可以通过修改display来修改元素的性质。</li> 
  <li>block：设置元素为块元素</li> 
  <li>inline：设置元素为行内元素</li> 
  <li>inline-block：设置元素为行内块元素–</li> 
  <li>none：隐藏元素</li> 
 </ul> 
 <h2>盒子模型</h2> 
 <blockquote> 
  <p>盒子边框属性 border</p> 
  <p>盒子边框和内容填充物 padding</p> 
  <p>盒子间距 margin</p> 
 </blockquote> 
 <h3>margin</h3> 
 <blockquote> 
  <p>只对行内块或块级元素生效.</p> 
 </blockquote> 
 <h4>垂直重叠</h4> 
 <blockquote> 
  <p>当两个div垂直放置的时候,上面盒子的margin-bottom和下面盒子的margin-top会发生重叠,最终的结果 以大 的为准</p> 
 </blockquote> 
 <h4>嵌套崩塌</h4> 
 <blockquote> 
  <p>当两个盒子发生嵌套的时候,里面盒子的margin-top会直接作用到外层盒子</p> 
 </blockquote> 
 <h5>解决方法:</h5> 
 <ul> 
  <li>给父类盒子添加极小的padding/border/</li> 
  <li>overflow(推荐) overflow: hidden;</li> 
 </ul> 
 <h2>div 和span的属性:</h2> 
 <ul> 
  <li>div 和span 只是单纯的标签 么有任何样式和语义化 
   <ul> 
    <li>div 一般用于布局,属于块状标签.</li> 
    <li>span一般用于特殊字段引用,属于行内标签. 
     <ul> 
      <li>具有默认属性会导致字体高度变化 
       <ul> 
        <li>使用display: block;转换为块状标签解决。</li> 
       </ul> </li> 
     </ul> </li> 
   </ul> </li> 
 </ul> 
 <h2>CSS权重:</h2> 
 <ul> 
  <li>行内样式(1000) > id选择器(100) > class选择器(10) > 标签选择器(1) > 通配符(0) 
   <ul> 
    <li>双重选中可以叠加权重.</li> 
    <li>就近原则.</li> 
    <li>同级权重看位置.</li> 
   </ul> </li> 
 </ul> 
 <h3>float浮动:</h3> 
 <ul> 
  <li>浮动原则: 
   <ul> 
    <li>同一个父类盒子内部,要浮动都浮动，右浮动很少用,而且会影响标签原来的顺序。</li> 
   </ul> </li> 
  <li>当子类盒子浮动,而其高度大于父类盒子的时候,会产生浮动的影响。 
   <ul> 
    <li>清除浮动的影响的方法: 
     <ul> 
      <li>父类 overflow: hidden;</li> 
      <li>在浮动元素最后面添加空标签 
       <ul> 
        <li>设置样式: clear:both;<br> .clear{<br>  /<em>阻止前后有浮动元素</em>/<br>  clear: both;<br>  }</li> 
       </ul> </li> 
     </ul> </li> 
   </ul> </li> 
  <li>浮动的另一个作用: 文字环绕图片.</li> 
 </ul> 
 <h3>position元素的定位:</h3> 
 <ul> 
  <li>固定定位: fixed相对浏览器定位, 
   <ul> 
    <li>会脱离文档流</li> 
    <li>可以将行内元素转换为行内块元素。</li> 
   </ul> </li> 
  <li>相对自己原来的位置定位,不会脱离文档流</li> 
  <li>绝对定位: absolute 
   <ul> 
    <li>相对父类盒子定位,会脱离文档流.</li> 
    <li>绝对定位: 
     <ul> 
      <li>没有嵌套元素,相对body做定位</li> 
      <li>如果有嵌套元素,而且父类有定位元素,则相对父类做定位.</li> 
      <li>absolute 父类一般都是 relative, "子绝父相".</li> 
      <li>绝对定位会使行内元素变成块元素。</li> 
     </ul> </li> 
   </ul> </li> 
 </ul> 
 <h2>常用属性:</h2> 
 <ul> 
  <li>css初始化</li> 
 </ul> 
 <pre><code class="css">    *{
        margin: 0;
        padding: 0;
    }
    body{
        font: 16px/1.2 '微软雅黑';
    }
    ul{
        list-style: none;//去除小黑点
    }
    a{
        text-decoration: none;//a标签去除下划线
    }
</code></pre> 
 <ul> 
  <li> <p>半透明,rgba和opacity的区别</p> 
   <ul> 
    <li>rgba单独指的是背景颜色透明度</li> 
    <li>opacity整个元素的透明度 
     <ul> 
      <li>例:background: rgba(0, 0, 0, 0.5);</li> 
      <li>例:opacity: .5;可以省略0,透明度 0~1.</li> 
     </ul> </li> 
   </ul> </li> 
  <li> <p>font:</p> 
   <ul> 
    <li>font:简写 
     <ul> 
      <li>font:{<br> font-style | font-variant | font-weight | font-size / line-height | font-family;<br>  }</li> 
      <li>font-size / line-height | font-family必须一起写,前面的可以省略. 
       <ul> 
        <li>例: font:italic bold 12px/20px arial,sans-serif;</li> 
       </ul> </li> 
     </ul> </li> 
    <li>font-weight: 
     <ul> 
      <li>normal 默认值。定义标准的字符。</li> 
      <li>bold 定义粗体字符。</li> 
      <li>bolder 定义更粗的字符。</li> 
      <li>lighter 定义更细的字符。</li> 
      <li>数值 100 ~ 900 100为一单位,定义由粗到细的字符。400 等同于 normal，而700 等同于 bold。</li> 
      <li>inherit 规定应该从父元素继承字体的粗细。</li> 
     </ul> </li> 
   </ul> </li> 
  <li> <p>获取鼠标悬浮是 改变为手</p> 
   <ul> 
    <li>cursor: pointer; defalut(默认)|pointer|move</li> 
   </ul> </li> 
  <li> <p>文本调整</p> 
   <ul> 
    <li>缩进 
     <ul> 
      <li>text-indent: px|em|%; 应用于块状元素</li> 
     </ul> </li> 
    <li>行高 
     <ul> 
      <li>line-height: px|%; 百分比参照是字体大小. 
       <ul> 
        <li> <strong>line-height: 1;</strong> 即字体的大小等于字体所占高度。</li> 
       </ul> </li> 
     </ul> </li> 
   </ul> </li> 
  <li> <p>层级z-index:</p> 
   <ul> 
    <li>一般为0~9999,默认级别为z-index:0,值越大,层级越靠上.</li> 
    <li>如果定位元素发生了重叠,那么可以通过z-index控制 定位元素 的层级.</li> 
    <li>==只对定位元素起作用.==</li> 
   </ul> </li> 
  <li> <p>overflow: 属性规定当内容溢出元素框时发生的事情</p> 
   <ul> 
    <li>visible //默认值。内容不会被修剪，会呈现在元素框之外。</li> 
    <li>hidden //内容会被修剪，并且其余内容是不可见的。</li> 
    <li>scroll //内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。</li> 
    <li>auto //如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。</li> 
    <li>inherit //规定应该从父元素继承 overflow 属性的值。</li> 
   </ul> </li> 
  <li> <p>display: 属性规定元素应该生成的框的类型,即盒子类型转换.</p> 
   <ul> 
    <li>none //此元素不会被显示。</li> 
    <li>block //此元素将显示为块级元素，此元素前后会带有换行符。</li> 
    <li>inline //默认。此元素会被显示为内联元素，元素前后没有换行符.</li> 
    <li>inline-block //行内块元素。（CSS2.1 新增的值）</li> 
    <li>提示:一般用block,inline-block换行会产生空格. 
     <ul> 
      <li>解决方法:设置font-size 
       <ul> 
        <li>在父类元素中设置font-size为0，这样就是使父类元素中文本就不会占据宽度</li> 
        <li>重置父类元素的font-size，让其子元素恢复文字字符，（因为在1）去除了所有的文本，包括子元素的文本和空格回车产生的文本节点）</li> 
        <li>例:</li> 
       </ul> <pre><code class="css">    .nav {
            background: #999;
            font-size:0;
        }
    .nav-item{
                display:inline-block;
                width: 100px;
                background: #ddd;
                font-size:14px;

            }
</code></pre> </li> 
     </ul> </li> 
   </ul> </li> 
  <li> <p>visibility: visible|hidden|collapse|inherit</p> 
   <ul> 
    <li>visible 
     <ul> 
      <li>默认值。元素是可见的。</li> 
     </ul> </li> 
    <li>hidden 
     <ul> 
      <li>元素是不可见的。</li> 
     </ul> </li> 
    <li>collapse 
     <ul> 
      <li>当在表格元素中使用时，此值可删除一行或一列，但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上，会呈现为 "hidden"。</li> 
     </ul> </li> 
    <li>inherit 
     <ul> 
      <li>规定应该从父元素继承 visibility 属性的值。</li> 
     </ul> </li> 
   </ul> </li> 
  <li><p>行内块元素居中<br> + vertical-align 本身很复杂,一般只会作用于行内块元素,跟其他元素的对齐方式<br> + vertical-align: middl</p></li> 
  <li> <p>超出隐藏显示省略号:</p> 
   <ul> 
    <li>例: 
     <ul> 
      <li>设置宽度为九个字符超出隐藏 
       <ul> 
        <li>width:9em;</li> 
       </ul> </li> 
      <li>禁止换行 
       <ul> 
        <li>white-space: nowrap;</li> 
       </ul> </li> 
      <li>超出隐藏 
       <ul> 
        <li>overflow:hidden;</li> 
       </ul> </li> 
      <li>超出部分显示为省略号... 
       <ul> 
        <li>text-overflow:ellipsis;</li> 
       </ul> </li> 
     </ul> </li> 
   </ul> </li> 
  <li> <p>锚点 #</p> 
   <ul> 
    <li> <h1>号是锚点 在当前页面跳转,如果为空则跳到页面头部</h1> 
     <ul> 
      <li>例: 点击a标签会跳到div那一行 <pre><code class="html"><div class="div"></div>
<a href="#div"></a>

</code></pre> </li> 
     </ul> </li> 
   </ul> </li> 
  <li><p>绘制菱形</p></li> 
 </ul> 
 <pre><code class="css">     .diamond {
                width: 80px;
                height: 80px;
                margin: 40px 0 0 40px;
                -webkit-transform-origin: 0 100%;
                -moz-transform-origin: 0 100%;
                -o-transform-origin: 0 100%;
                -ms-transform-origin: 0 100%;
                transform-origin: 0 100%;
                -webkit-transform:rotate(-45deg);
                -moz-transform:rotate(-45deg);
                -o-transform:rotate(-45deg);
                -ms-transform:rotate(-45deg);
                transform:rotate(-45deg);
                background: #E5C3B2;
                }
</code></pre> 
 <h2>CSS语法规范</h2> 
 <ul> 
  <li>用两个空格来代替制表符（tab） — 这是唯一能保证在所有环境下获得一致展现的方法。</li> 
  <li>为选择器分组时，将单独的选择器单独放在一行。</li> 
  <li>为了代码的易读性，在每个声明块的左花括号前添加一个空格。</li> 
  <li>声明块的右花括号应当单独成行。</li> 
  <li>每条声明语句的 : 后应该插入一个空格。</li> 
  <li>每条声明语句的 : 后应该插入一个空格。</li> 
  <li>为了获得更准确的错误报告，每条声明都应该独占一行。</li> 
  <li>所有声明语句都应当以分号结尾。最后一条声明语句后面的分号是可选的，但是，如果省略这个分号，你的代码可能更易出错。</li> 
  <li>对于以逗号分隔的属性值，每个逗号后面都应该插入一个空格（例如，box-shadow）。</li> 
  <li>不要在 rgb()、rgba()、hsl()、hsla() 或 rect() 值的内部的逗号后面插入空格。这样利于从多个属性值（既加逗号也加空格）中区分多个颜色值（只加逗号，不加空格）。</li> 
  <li>对于属性值或颜色参数，省略小于 1 的小数前面的 0 （例如，.5 代替 0.5；-.5px 代替 -0.5px）。</li> 
  <li>十六进制值应该全部小写，例如，#fff。在扫描文档时，小写字符易于分辨，因为他们的形式更易于区分。</li> 
  <li>尽量使用简写形式的十六进制值，例如，用 #fff 代替 #ffffff。</li> 
  <li>为选择器中的属性添加双引号，例如，input[type=”text”]。只有在某些情况下是可选的，但是，为了代码的一致性，建议都加上双引号。</li> 
  <li>避免为 0 值指定单位，例如，用 margin: 0; 代替 margin: 0px;。</li> 
  <li>在同级元素中,.classA.classB指的是一个元素，同时满足classA和classB，即(class="classA classB"),权重大于单个.classA</li> 
 </ul> 
 <h2>Via</h2> 
 <ul> 
  <li>不要直接调用子元素的class,如郑州的张三,便于查找不会重复. 后代选择器一般只用三层. 
   <ul> 
    <li>例: .zx .zx-title .close{ ...}</li> 
   </ul> </li> 
  <li>会提取公因式简化代码,</li> 
  <li>编写 HTML 代码时，尽量避免多余的父元素,不要有冗余.<a>标签能解决的就不要用<div>包裹.</li> 
  <li>class 可以有多个特征: 
   <ul> 
    <li>例:<div class="qq zx-type item"></li> 
   </ul> </li> 
  <li>margin不会脱离文档流和position的absolute和fixed会脱离文档流.</li> 
  <li>隐藏元素 - display:none或visibility:hidden 
   <ul> 
    <li>display:none //隐藏不占用空间</li> 
    <li>visibility:hidden //隐藏但是占用空间</li> 
   </ul> </li> 
  <li>根据用户习惯,能用图片就不用背景背景图片,便于用户保存,背景图片便于调整位置.</li> 
  <li>缩写一般用于bady,CSS初始化等;例:font:14px/40px arial,verdana;</li> 
  <li>HTML 属性应当按照以下给出的顺序依次排列，确保代码的易读性。 
   <ul> 
    <li>class</li> 
    <li>id, name</li> 
    <li>data-</li> 
    <li>src, for, type, href, value</li> 
    <li>title, alt</li> 
    <li>role, aria</li> 
   </ul> </li> 
  <li>class 用于标识高度可复用组件，因此应该排在首位。id 用于标识具体组件，应当谨慎使用（例如，页面内的书签），因此排在第二位。</li> 
  <li>行内标签设置float后 会自动转换为行内块状元素.但是并不会产生间隙.<br> 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。</li> 
  <li>规避脱标流 
   <ul> 
    <li>能用标准流（没有脱标）解决就不用浮动</li> 
    <li>解决不了就考虑有浮动（页面布局类型，“不完全脱标”）</li> 
    <li>浮动解决不了用定位（小图标，完全脱标，不影响内容）</li> 
   </ul> </li> 
  <li>通用样式:前面不要加父类的选择器</li> 
  <li> <strong>line-height: 1;</strong> 
   <ul> 
    <li>基于当前字体的高度的行高</li> 
    <li>即字体的大小等于字体所占高度.</li> 
   </ul> </li> 
  <li>logo一般用a标签包裹就可以,写成背景,可以点击跳转首页.</li> 
  <li>P标签默认具有margin属性,用margin: 0;重置.</li> 
  <li>a标签不能包含a标签,p标签也是如此.</li> 
  <li>P标签默认具有margin属性,用margin: 0;重置.</li> 
  <li>img转换为块状元素后可以解决块之间的间隙</li> 
  <li>去除span的默认样式（行高导致高度变化）：display: block;</li> 
  <li>使用 calc() 函数计算 <div> 元素的宽度: 
   <ul> 
    <li>calc()函数支持 "+", "-", "*", "/" 运算；</li> 
    <li>例如：width: calc(100% - 10px)；</li> 
   </ul> </li> 
  <li>input框提示文字，聚焦时字体消失 
   <ul> 
    <li><input type="text" placeholder="请输入内容"/></li> 
   </ul> </li> 
  <li>自定义输入框样式 
   <ul> 
    <li>设置输入字体的大小;<br> -font-size: 18px;<br>  -width: 135px;<br>  -height: 54px;</li> 
    <li>去掉输入框默认边框<br> -border: none;</li> 
    <li>用于去掉input输入框获取焦点的默认样式<br> -outline: none;</li> 
    <li>把背景色设置为透明.不显示背景色,可用于输入框背景透明<br> -background-color:transparent;</li> 
    <li>下边框的线<br> -border-bottom: 1px solid #e3e3e3;</li> 
   </ul> </li> 
 </ul> 
</article>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1636266064079806464"></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/1773606496911818752.htm"
                           title="3/31总结" target="_blank">3/31总结</a>
                        <span class="text-muted">静心第一</span>

                        <div>今日总结：1.上午体验课以及反馈2.p1专注力上课3.情绪精品营上课4.燕子营队辅营以及前台值班5.活动室带孩子接待带到访今日反思：1.合理安排体力2.对于准客户记得跟进3.不要放过每一次成交的机会（这个精品营转发有点失败，后期需调整）今日感受：1.为了效果，后期课程一定想方设法布置家庭，给予一个好的支持系统2.上到下午的课程感觉特别特别的累3.晚上在做辅营一个孩子大声叫喊，后来单独出去沟通，其实</div>
                    </li>
                    <li><a href="/article/1773569718641295360.htm"
                           title="uni-app实现 步骤条" target="_blank">uni-app实现 步骤条</a>
                        <span class="text-muted">夏夏的码农</span>
<a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a>
                        <div>实现如图样式html部分代码如下投资期限与收益0?'active':'default'"&gt;募集开始1?'active':'default'"&gt;募集结束2?'active':'default'"&gt;产品成立3?'active':'default'"&gt;产品到期0?'active-step1':'step1'"&gt;1?'active-st</div>
                    </li>
                    <li><a href="/article/1773563645456875520.htm"
                           title="口才训练的第一个礼物" target="_blank">口才训练的第一个礼物</a>
                        <span class="text-muted">Leah82</span>

                        <div>昨天，看到陶子教练在总结里写的“随机抽，已经是很久远的年代了”，Tom教练在后面回复“久远是多远？不过是几个月罢了！”。看着就想笑。对呀，感觉很久远的事，不过是几个月而已。为什么会有这种感觉呢？因为，在这短短的几个月里，我们都经历了太多太多。成长，蜕变，口才，思想……“那久远的年代里”，曾经让自己心惊胆战的随机抽，已经是过眼云烟了。但是，我们还是记忆犹新。因为，随机抽通关，是我们跨入口才训练大门后</div>
                    </li>
                    <li><a href="/article/1773540138937286656.htm"
                           title="【计算机网络】第 3 问：电路交换、报文交换、分组交换之间的区别？" target="_blank">【计算机网络】第 3 问：电路交换、报文交换、分组交换之间的区别？</a>
                        <span class="text-muted">孤独打铁匠Julian</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA408%E8%80%83%E7%A0%94%E9%9D%A2%E8%AF%95/1.htm">计算机408考研面试</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/1.htm">计算机网络</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/1.htm">计算机网络</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a>
                        <div>电路交换、报文交换、分组交换之间的区别？省流图详解电路交换电路交换的优点电路交换的缺点建立连接时间长的原因报文交换报文交换的优点报文交换的缺点分组交换分组交换的优点分组交换的缺点比较总结省流图详解电路交换在进行数据传输前，两个结点之间必须先建立一条专用（双方独占）的物理通信路径（由通信双方之间的交换设备和链路逐段连接而成），该路径可能经过许多中间结点。这一路径在整个数据传输期间一直被独占，直到通信</div>
                    </li>
                    <li><a href="/article/1773528686033698816.htm"
                           title="【嵌入式模块】步进电机使用总结" target="_blank">【嵌入式模块】步进电机使用总结</a>
                        <span class="text-muted">记录无知岁月</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E8%AE%BE%E5%A4%87/1.htm">嵌入式设备</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%A1%AC%E4%BB%B6/1.htm">嵌入式硬件</a><a class="tag" taget="_blank" href="/search/%E6%AD%A5%E8%BF%9B%E7%94%B5%E6%9C%BA/1.htm">步进电机</a>
                        <div>关于本博客  此前上了一门课《自动控制元件》，但是由于学时有限，讲到步进电机就不讲了，留下了一个小遗憾，导致需要使用步进电机时就有点懵，于是找了一篇博客，链接在这里，推荐具有电机知识（如直流电机，异步电机等）的朋友看，如果完全不懂，建议先啃书。</div>
                    </li>
                    <li><a href="/article/1773499614951964672.htm"
                           title="#D174-读书会作业-《财务自由之路》3" target="_blank">#D174-读书会作业-《财务自由之路》3</a>
                        <span class="text-muted">白洲笔记</span>

                        <div>最近沉迷于写作营，一直就没时间去弄读书会的作业，书的第二遍也就看了个开头，趁着日更的时间，赶紧把作业做了，这次是15到21课。【1.印象最深刻的部分】(本周所读内容中印象最深刻的部分)*活在未来，最正确的方法是什么？用正确的方法做正确的事情，判断什么是正确的？逻辑。学会思考。"作对事情"永远比“把事情作对“重要的多。”长远思考，耐心验证，小心总结提炼“证明自己正确并不是学习的任务和目标，时刻成长，</div>
                    </li>
                    <li><a href="/article/1773498604284084224.htm"
                           title="感恩日志 第【1210】天：（2019.02.01）（腊月二十七）" target="_blank">感恩日志 第【1210】天：（2019.02.01）（腊月二十七）</a>
                        <span class="text-muted">山东慧恩贺守金</span>

                        <div>今日感悟：二十七撇松枝！今日是真正的第一天假期：吃饭找物业看望父母打麻将。时间过的飞快，转眼间，已经放假5天了，保养车，购置年货，送礼，出差，回家。春节假期：陪伴父母、妻儿的时间，反思的时间，规划的时间。白天太忙，忙着各种琐事，晚上才真正有时间留给自己，思考，总结。感恩这一个充实而忙碌的一天。</div>
                    </li>
                    <li><a href="/article/1773480451348955136.htm"
                           title="倒贴服传奇在什么平台下载 2024最火的倒贴服传奇平台排行榜" target="_blank">倒贴服传奇在什么平台下载 2024最火的倒贴服传奇平台排行榜</a>
                        <span class="text-muted">诸葛村夫一游戏频道</span>

                        <div>2024游戏盒子网站排行榜大全随着数位科技的发展，2024年手游市场持续火爆，各种新开手游持续涌现。本文为广大手游爱好者带来巅峰推荐，总结五个最具实力的手游新服发布网站，为您提供最全面的游戏资讯以及专业的游戏攻略。▶2024最火的倒贴服传奇平台排行榜TOP1：游戏豹官网特点：内部特权游戏类型：多类型推荐日活跃人数：15万网址链接：www.ystt88.cn游戏介绍：游戏豹官网以快速获取新开手游的特</div>
                    </li>
                    <li><a href="/article/1773470235618246656.htm"
                           title="昨日收益（6月15日）" target="_blank">昨日收益（6月15日）</a>
                        <span class="text-muted">李问寸</span>

                        <div>好多天没有晒收益了，今天继续补上。我发现，就是要去晒一下收益，这样才知道自己每天有没有认真去对待，关注自己的收益如何。是多了，还是少了？虽然每天都有去看，但是看完之后呢？是否有总结一下呢？所以，建议大家可以整理一下自己的收益。好了，开始说是我的收益了。昨天收益突破50了，获取了51.54，其中Poc收益为51.27，持钻收益为0.27。昨日收益另外，之前没去关注收益的具体情况，今天看了一下，昨天的</div>
                    </li>
                    <li><a href="/article/1773458565772673024.htm"
                           title="【鸿蒙HarmonyOS开发笔记】ArkUI常用组件介绍汇总（更新中）" target="_blank">【鸿蒙HarmonyOS开发笔记】ArkUI常用组件介绍汇总（更新中）</a>
                        <span class="text-muted">温、</span>
<a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99HarmonyOS%E5%BC%80%E5%8F%91%E7%AC%94%E8%AE%B0/1.htm">鸿蒙HarmonyOS开发笔记</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%AE%B0%E5%BD%95/1.htm">学习记录</a><a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a>
                        <div>概述此文总结开发中用到的一些常用组件，便于查阅，此文持续更新，闲的没事就更线性布局（Row/Column）不多介绍了，最常用的布局组件，两者除了方向不一样，别的都一样方便起见下面只写Column常用属性排列方向上的间距：spaceColumn({space:20}){Row().width('90%').height(50).backgroundColor(0xF5DEB3)Row().width</div>
                    </li>
                    <li><a href="/article/1773450885851054080.htm"
                           title="python转码" target="_blank">python转码</a>
                        <span class="text-muted">Desamond</span>
<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>转码在许多场景中都有应用，以下是一些常见的场景：网页开发：当用户在网页上输入文本时，可能需要将特殊字符（如空格、引号、特殊符号等）进行转码，以防止这些字符对URL或HTML代码产生干扰。文件名处理：在处理文件名时，可能需要将特殊字符进行转码，以避免文件名被错误地解析或显示。数据传输：在数据传输过程中，为了确保数据的完整性和正确性，可能需要将数据中的特殊字符进行转码。数据存储：在数据库或数据存储中，</div>
                    </li>
                    <li><a href="/article/1773444718840053760.htm"
                           title="排序算法太多？常用排序都在这了，一篇文章总结和实现所有面试会考的排序算法（基于Python实现）" target="_blank">排序算法太多？常用排序都在这了，一篇文章总结和实现所有面试会考的排序算法（基于Python实现）</a>
                        <span class="text-muted">宇宙之一粟</span>
<a class="tag" taget="_blank" href="/search/%E4%B8%8D%E5%BD%92%E8%B7%AF%E4%B9%8BPython/1.htm">不归路之Python</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/IT%E9%9D%A2%E8%AF%95%E9%A2%98%E6%94%B6%E9%9B%86%E4%B8%8E%E6%80%BB%E7%BB%93/1.htm">IT面试题收集与总结</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E4%B8%8E%E7%AE%97%E6%B3%95/1.htm">数据结构与算法</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><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/%E6%8E%92%E5%BA%8F%E7%AE%97%E6%B3%95/1.htm">排序算法</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                        <div>文章目录排序算法1.常见的排序算法1.1选择排序1.1.1思想1.1.2实现**1.1.3选择排序分析**1.2冒泡排序**1.2.1思想****1.2.2实现****1.2.3冒泡排序分析**1.3插入排序**1.3.1思想****1.3.2实现****1.3.3插入排序分析**1.4归并排序☆☆★**1.4.1思想****1.4.2实现****1.4.3归并排序分析**1.5快速排序☆★★**</div>
                    </li>
                    <li><a href="/article/1773437340203679744.htm"
                           title="2018-12-02" target="_blank">2018-12-02</a>
                        <span class="text-muted">子分小</span>

                        <div>姓名：张颖公司：菲尔德国际英语【反省总结第146天，始于20180709今天是20181202】【知～学习】六项精进大纲背诵3遍每天十个单词坚持第181天每天学习一篇英文文章第94天英语流利说课程第71天学习30分钟【行～实践】一、修身：（对自己个人）步行5000步二、齐家：（对家庭和家人）无三、建功：（对工作)完成与Arti活动课和两节Demo准备开班事宜｛积善｝：发愿从2018年7月9日起1年</div>
                    </li>
                    <li><a href="/article/1773432631829004288.htm"
                           title="风险管理和采购管理核心考点梳理" target="_blank">风险管理和采购管理核心考点梳理</a>
                        <span class="text-muted">WorkLee</span>
<a class="tag" taget="_blank" href="/search/PMP/1.htm">PMP</a><a class="tag" taget="_blank" href="/search/PMP/1.htm">PMP</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E9%99%A9%E7%AE%A1%E7%90%86/1.htm">风险管理</a><a class="tag" taget="_blank" href="/search/%E9%87%87%E8%B4%AD%E7%AE%A1%E7%90%86/1.htm">采购管理</a>
                        <div>个人总结，仅供参考，欢迎加好友一起讨论PMP-风险管理和采购管理核心考点梳理风险管理风险是一个中性词，包括机会和威胁。风险管理的子过程非常多，但是相对来说子过程之间的逻辑非常清晰，整个风险管理的过程都是在维护一个非常重要的工件-风险登记册。风险管理是项目管理全生命周期都要开展的。1）规划风险管理风险管理计划包含哪些内容？解析：风险管理计划是描述如何安排与实施风险管理活动。（风险管理计划中无风险）包</div>
                    </li>
                    <li><a href="/article/1773432630256140288.htm"
                           title="沟通管理和相关方管理核心考点梳理" target="_blank">沟通管理和相关方管理核心考点梳理</a>
                        <span class="text-muted">WorkLee</span>
<a class="tag" taget="_blank" href="/search/PMP/1.htm">PMP</a><a class="tag" taget="_blank" href="/search/PMP/1.htm">PMP</a><a class="tag" taget="_blank" href="/search/%E6%B2%9F%E9%80%9A%E7%AE%A1%E7%90%86/1.htm">沟通管理</a><a class="tag" taget="_blank" href="/search/%E7%9B%B8%E5%85%B3%E6%96%B9/1.htm">相关方</a><a class="tag" taget="_blank" href="/search/%E5%B9%B2%E7%B3%BB%E4%BA%BA/1.htm">干系人</a>
                        <div>个人总结，仅供参考，欢迎加好友一起讨论PMP-沟通管理和相关方管理核心考点梳理沟通管理和相关方（干系人）管理这两章放在一起进行梳理，这两章很多的考点很容易混淆，经常会纠结于一些题目，究竟选择沟通管理还是干系人管理的知识点。沟通管理1）规划沟通管理沟通在PMP中是指信息流的传递，PM是根据谁的需求来确定这种信息流的传递方式、频率，内容、格式呢？解析：规划沟通管理是基于每个相关方或相关方群体的信息需求</div>
                    </li>
                    <li><a href="/article/1773376952053334016.htm"
                           title="四叶草系统会议总结-2021-09-06" target="_blank">四叶草系统会议总结-2021-09-06</a>
                        <span class="text-muted">小马过河的写作空间</span>

                        <div>大家好，我是狂奔的小马哥，来自深圳，一名工程师，2020年2月注册芬香，2021年2月开始建群做芬香，2021年3月底离开了一段时间，2021年9月份重新进入这个团队首先感恩芬香公司提供的平台机会，感恩我的邀请人和老师小四老师，介绍给我这么好的事业，让我可以结识到这么好的平台和优秀的老师非常感谢老师邀请我重新参与会议，让我有机会向老师和优秀的小伙伴学习悟到：经书易得，人师难求在我离开的这段时间，我</div>
                    </li>
                    <li><a href="/article/1773347793847517184.htm"
                           title="UNDERSTANDING HTML WITH LARGE LANGUAGE MODELS" target="_blank">UNDERSTANDING HTML WITH LARGE LANGUAGE MODELS</a>
                        <span class="text-muted">liferecords</span>
<a class="tag" taget="_blank" href="/search/LLM/1.htm">LLM</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">语言模型</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86/1.htm">自然语言处理</a>
                        <div>UNDERSTANDINGHTMLWITHLARGELANGUAGEMODELS相关链接：arXiv关键字：大型语言模型、HTML理解、Web自动化、自然语言处理、机器学习摘要大型语言模型（LLMs）在各种自然语言任务上表现出色。然而，它们在HTML理解方面的能力——即解析网页的原始HTML，对于自动化基于Web的任务、爬取和浏览器辅助检索等应用——尚未被充分探索。我们为HTML理解模型（经过微调</div>
                    </li>
                    <li><a href="/article/1773346156772917248.htm"
                           title="富格林：重视平台挑选阻挠虚假" target="_blank">富格林：重视平台挑选阻挠虚假</a>
                        <span class="text-muted">fgl100</span>
<a class="tag" taget="_blank" href="/search/%E9%87%91%E8%9E%8D/1.htm">金融</a>
                        <div>富格林悉知，在金融市场中，现货黄金一直被视为避险资产和投资保值的选择之一，吸引了众多投资者的关注。越来越多投资者也开始重视交易平台的挑选，毕竟虚假平台对我们的交易百害无一利。因此，我们要学会阻挠虚假平台选择正规可信平台。下面富格林将给大家总结一些阻挠虚假平台的挑选细则。注意平台的口碑评价是否优质。现货黄金交易市场巨大，平台数量众多，平台质量参差不齐，因此要挑选出优质平台，投资者需要了解平台的口碑评</div>
                    </li>
                    <li><a href="/article/1773342128299114496.htm"
                           title="stm32之GPIO寄存器" target="_blank">stm32之GPIO寄存器</a>
                        <span class="text-muted">luofengmacheng</span>
<a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F/1.htm">嵌入式</a><a class="tag" taget="_blank" href="/search/stm32/1.htm">stm32</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%A1%AC%E4%BB%B6/1.htm">嵌入式硬件</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E7%89%87%E6%9C%BA/1.htm">单片机</a>
                        <div>文章目录1背景2GPIO寄存器的类型2.1端口配置寄存器2.2设置/清除寄存器和位清除寄存器3总结1背景C51单片机在进行数据的输入输出时，是直接操作与外部引脚关联的内部寄存器，例如，当设置P2_1为0时，就是将外部引脚的P21引脚设置为低电平，当读取P2_1时，就是读取P21的电平。与之类似，stm32芯片内部也有很多用于输入输出的寄存器，这些寄存器也是用于操作外部引脚，但是比C51单片机复杂很</div>
                    </li>
                    <li><a href="/article/1773326395645165568.htm"
                           title="java基础相关面试题详细总结" target="_blank">java基础相关面试题详细总结</a>
                        <span class="text-muted">。。。。。96</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>1.Java中的数据类型有哪些？答：Java中的数据类型包括基本数据类型（如整数、浮点数、字符等）和引用数据类型（如类、接口、数组等）。2.什么是面向对象编程（OOP）？答：面向对象编程是一种编程范式，它将数据和对数据的操作封装在一起，形成对象。通过对象之间的交互来实现程序的功能。3.解释类和对象的关系。答：类是对象的抽象描述，而对象是类的具体实例。一个类可以创建多个对象，每个对象都具有类中定义的</div>
                    </li>
                    <li><a href="/article/1773308900838277120.htm"
                           title="Web前端Html的表单" target="_blank">Web前端Html的表单</a>
                        <span class="text-muted">任家伟</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>表单的关键字：form标签表示一个表单区域action=“后端地址”method=“提交数据方式:get/post”input单行输入框type=“text”文本name=“定义名称名字自定义”向后端提交的键readonly=“readonly”只读，不可修改，但是可以提交disabled=“disabled”禁用组件不可修改，不能提交type=“password”密码框type=“radio”单</div>
                    </li>
                    <li><a href="/article/1773240552423227392.htm"
                           title="react native 总结" target="_blank">react native 总结</a>
                        <span class="text-muted">一切顺势而行</span>
<a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/native/1.htm">native</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>reactapp.js相当与vueapp.vueimportReactfrom'react';import'./App.css';importReactRoutefrom'./router'import{HashRouterasRouter,Link}from'react-router-dom'classAppextendsReact.Component{constructor(props){su</div>
                    </li>
                    <li><a href="/article/1772709062681624576.htm"
                           title="html版本号 webpack_html-webpack-plugin详解" target="_blank">html版本号 webpack_html-webpack-plugin详解</a>
                        <span class="text-muted">weixin_39994949</span>
<a class="tag" taget="_blank" href="/search/html%E7%89%88%E6%9C%AC%E5%8F%B7/1.htm">html版本号</a><a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a>
                        <div>引言最近在react项目中初次用到了html-webapck-plugin插件，用到该插件的两个主要作用：为html文件中引入的外部资源如script、link动态添加每次compile后的hash，防止引用缓存的外部文件问题可以生成创建html入口文件，比如单页面可以生成一个html文件入口，配置N个html-webpack-plugin可以生成N个页面入口有了这种插件，那么在项目中遇到类似上面</div>
                    </li>
                    <li><a href="/article/1772700000292241408.htm"
                           title="HTML语言剖析" target="_blank">HTML语言剖析</a>
                        <span class="text-muted">混沌破晓</span>

                        <div>HTML语言剖析Html简介-目录全写：HyperTextMark-upLanguage译名：超文本标识语言简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标签（tag）使文件达到预期的显示效果。由文字（字母，数字、标点符号）及标签组合而成。任何文字编辑器都可以，这里推荐用：Dreamweaver。1.Html特点：►描述性语言，结构语言，用于决定网页内容以什么样的形式显示；►通过标签</div>
                    </li>
                    <li><a href="/article/1772695875064233984.htm"
                           title="30天告别单身？可行吗？先踏出第一步吧！" target="_blank">30天告别单身？可行吗？先踏出第一步吧！</a>
                        <span class="text-muted">囫囵思</span>

                        <div>情感经历每个人都会有。到现在还单着的，有些人可能清楚之前不成功的根本原因。不过我想大部分人可能并不清楚。一般来说，每个人都会有失败的感情经历，那么这些失败过的人试错后所总结出来的经验、方法和套路是否对后来的人有助益呢？答案可能是“有”。有的人经过七八年的长跑才修成正果，有的人可能在30天内就解决了单身的问题。这两种都没有对错，都是一套方案，只是看你选择了哪一种。有那么一句话叫做“不以结婚为目的的谈</div>
                    </li>
                    <li><a href="/article/1772674446482538496.htm"
                           title="计算机网络复试总结（五）" target="_blank">计算机网络复试总结（五）</a>
                        <span class="text-muted">interee</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/1.htm">计算机网络</a>
                        <div>可能会问：基础知识问题：请简述TCP/IP协议栈的层次结构及其功能。TCP/IP协议栈的层次结构及其功能可以简要概述如下：层次结构：TCP/IP协议栈通常被划分为四个主要层次，从底层到高层分别是网络接口层（也称为链路层或数据链路层）、网络层（也称为网际网层）、传输层和应用层。这四个层次协同工作，实现数据的封装、传输和解析，从而完成网络通信任务。功能概述：网络接口层：这是TCP/IP协议栈的最底层，</div>
                    </li>
                    <li><a href="/article/1772647114975805440.htm"
                           title="CDH 启停使用HiveServer2" target="_blank">CDH 启停使用HiveServer2</a>
                        <span class="text-muted">金刚_30bf</span>

                        <div>翻译：https://www.cloudera.com/documentation/enterprise/latest/topics/cdh_ig_hiveserver2_start_stop.html版本：5.14.2HiveServer2是HiveServer的改进版本，支持Kerberos身份验证和多客户端并发访问。您可以使用Beeline客户端访问HiveServer2。警告：如果以远程模</div>
                    </li>
                    <li><a href="/article/1772636930626879488.htm"
                           title="【Java初阶（三）】方法的使用" target="_blank">【Java初阶（三）】方法的使用</a>
                        <span class="text-muted">PU-YUHAN</span>
<a class="tag" taget="_blank" href="/search/Java%E4%BB%8E%E5%85%A5%E9%97%A8%E5%88%B0%E7%B2%BE%E9%80%9A/1.htm">Java从入门到精通</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E9%80%92%E5%BD%92/1.htm">递归</a><a class="tag" taget="_blank" href="/search/%E6%96%B9%E6%B3%95/1.htm">方法</a>
                        <div>❣博主主页:33的博客❣▶文章专栏分类:Java从入门到精通◀我的代码仓库:33的代码仓库目录1.前言2.方法的概念2.1方法定义2.2实参和形参的关系3.方法的重载3.1方法重载的概念4.递归4.1递归的概念4.2递归过程分析4.3递归练习5.总结1.前言在前面的学习中，我们已经学习了Java的部分知识，包括数据类型与变量，运算符，分支与循环以及输入和输出这些基础知识，我们继续对Java的学习进</div>
                    </li>
                    <li><a href="/article/1772635265769209856.htm"
                           title="选择你所爱，爱你所选择：2019年第一天" target="_blank">选择你所爱，爱你所选择：2019年第一天</a>
                        <span class="text-muted">傻璐璐</span>

                        <div>图片发自App白天一天都在美国团体老师HaimWeinberg带领的团体小组上课。说了很多的话，听了很多的话，整整6小时的课，都在说、听。总结下来，两个字：选择。晚上和大学双学位班的两个同学见面，聊天。Rui是我好朋友，双学位时我们同宿舍，大美女。我最好的女性朋友颜值是首选，这是我小学就开始有的好习惯。Rui刚从伊朗旅行回来，已经给我也种草了。席间Rui问了我很多关于咨询师职业的问题。她一边心疼我</div>
                    </li>
                    <li><a href="/article/1772617543765262336.htm"
                           title="HTML背景带视频的个人炫酷引导页源码" target="_blank">HTML背景带视频的个人炫酷引导页源码</a>
                        <span class="text-muted">erthre</span>
<a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81/1.htm">源码</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a>
                        <div>正文:一款简洁大气得个人团队引导HTML单页，非常不错，LOGO支持自行更改替换，可以拿来做为团队官网也可以个人，只是单页没有后台。程序:wwhtxs.lanzouq.com/if6oE0i26ohi图片:</div>
                    </li>
                                <li><a href="/article/21.htm"
                                       title="矩阵求逆（JAVA）利用伴随矩阵" target="_blank">矩阵求逆（JAVA）利用伴随矩阵</a>
                                    <span class="text-muted">qiuwanchi</span>
<a class="tag" taget="_blank" href="/search/%E5%88%A9%E7%94%A8%E4%BC%B4%E9%9A%8F%E7%9F%A9%E9%98%B5%E6%B1%82%E9%80%86%E7%9F%A9%E9%98%B5/1.htm">利用伴随矩阵求逆矩阵</a>
                                    <div>package gaodai.matrix;

import gaodai.determinant.DeterminantCalculation;

import java.util.ArrayList;
import java.util.List;
import java.util.Scanner;

/**
 * 矩阵求逆(利用伴随矩阵)
 * @author 邱万迟
 </div>
                                </li>
                                <li><a href="/article/148.htm"
                                       title="单例（Singleton）模式" target="_blank">单例（Singleton）模式</a>
                                    <span class="text-muted">aoyouzi</span>
<a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B/1.htm">单例</a><a class="tag" taget="_blank" href="/search/%E6%A8%A1%E5%BC%8F/1.htm">模式</a><a class="tag" taget="_blank" href="/search/Singleton/1.htm">Singleton</a>
                                    <div>3.1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 概述&nbsp;如果要保证系统里一个类最多只能存在一个实例时，我们就需要单例模式。这种情况在我们应用中经常碰到，例如缓存池，数据库连接池，线程池，一些应用服务实例等。在多线程环境中，为了保证实例的唯一性其实并不简单，这章将和读者一起探讨如何实现单例模式。&nbsp;3.2</div>
                                </li>
                                <li><a href="/article/275.htm"
                                       title="[开源与自主研发]就算可以轻易获得外部技术支持,自己也必须研发" target="_blank">[开源与自主研发]就算可以轻易获得外部技术支持,自己也必须研发</a>
                                    <span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a>
                                    <div> 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 现在国内有大量的信息技术产品，都是通过盗版，免费下载，开源，附送等方式从国外的开发者那里获得的。。。。。。 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 虽然这种情况带来了国内信息产业的短暂繁荣，也促进了电子商务和互联网产业的快速发展，但是实际上，我们应该清醒的看到，这些产业的核心力量是被国外的</div>
                                </li>
                                <li><a href="/article/402.htm"
                                       title="页面有两个frame,怎样点击一个的链接改变另一个的内容" target="_blank">页面有两个frame,怎样点击一个的链接改变另一个的内容</a>
                                    <span class="text-muted">Array_06</span>
<a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/XHTML/1.htm">XHTML</a>
                                    <div>&lt;a src=&quot;地址&quot;&nbsp; targets=&quot;这里写你要操作的Frame的名字&quot; /&gt;搜索 
然后你点击连接以后你的新页面就会显示在你设置的Frame名字的框那里 
 
targerts=&quot;&quot;,就是你要填写目标的显示页面位置 
===================== 
例如： 
 
 &lt;frame src=&</div>
                                </li>
                                <li><a href="/article/529.htm"
                                       title="Struts2实现单个/多个文件上传和下载" target="_blank">Struts2实现单个/多个文件上传和下载</a>
                                    <span class="text-muted">oloz</span>
<a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0/1.htm">文件上传</a><a class="tag" taget="_blank" href="/search/struts/1.htm">struts</a>
                                    <div>struts2单文件上传： 
&nbsp;&nbsp;&nbsp; 步骤01:jsp页面 
 
&lt;!--在进行文件上传时，表单提交方式一定要是post的方式，因为文件上传时二进制文件可能会很大，还有就是enctype属性，这个属性一定要写成multipart/form-data，不然就会以二进制文本上传到服务器端--&gt; 
　　&lt;form action=&quot;fileUplo</div>
                                </li>
                                <li><a href="/article/656.htm"
                                       title="推荐10个在线logo设计网站" target="_blank">推荐10个在线logo设计网站</a>
                                    <span class="text-muted">362217990</span>
<a class="tag" taget="_blank" href="/search/logo/1.htm">logo</a>
                                    <div>在线设计Logo网站。 
1、http://flickr.nosv.org（这个太简单） 
2、http://www.logomaker.com/?source=1.5770.1 
3、http://www.simwebsol.com/ImageTool 
4、http://www.logogenerator.com/logo.php?nal=1&amp;tpl_catlist[]=2 
5、ht</div>
                                </li>
                                <li><a href="/article/783.htm"
                                       title="jsp上传文件" target="_blank">jsp上传文件</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/fileupload/1.htm">fileupload</a>
                                    <div>1. jsp上传 
 
Notice： 
1. form表单 method 属性必须设置为 POST 方法 ，不能使用 GET 方法 
2. form表单 enctype 属性需要设置为 multipart/form-data 
3. form表单 action 属性需要设置为提交到后台处理文件上传的jsp文件地址或者servlet地址。例如 uploadFile.jsp 程序文件用来处理上传的文</div>
                                </li>
                                <li><a href="/article/910.htm"
                                       title="我的架构经验系列文章 - 前端架构" target="_blank">我的架构经验系列文章 - 前端架构</a>
                                    <span class="text-muted">agevs</span>
<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/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/jQuer/1.htm">jQuer</a>
                                    <div>框架层面：近几年前端发展很快，前端之所以叫前端因为前端是已经可以独立成为一种职业了，js也不再是十年前的玩具了，以前富客户端RIA的应用可能会用flash/flex或是silverlight，现在可以使用js来完成大部分的功能，因此js作为一门前端的支撑语言也不仅仅是进行的简单的编码，越来越多框架性的东西出现了。越来越多的开发模式转变为后端只是吐json的数据源，而前端做所有UI的事情。MVCMV</div>
                                </li>
                                <li><a href="/article/1037.htm"
                                       title="android ksoap2 中把XML(DataSet) 当做参数传递" target="_blank">android ksoap2 中把XML(DataSet) 当做参数传递</a>
                                    <span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
                                    <div>我的android app中需要发送webservice ，于是我使用了 ksop2 进行发送，在测试过程中不是很顺利,不能正常工作.我的web service 请求格式如下  &nbsp;  
&nbsp;    
[html]&nbsp; 
view plain 
copy  &nbsp;    
 
 &lt;Envelope&nbsp;xmlns=&quot;http://schemas.</div>
                                </li>
                                <li><a href="/article/1164.htm"
                                       title="使用Spring进行统一日志管理 + 统一异常管理" target="_blank">使用Spring进行统一日志管理 + 统一异常管理</a>
                                    <span class="text-muted">baalwolf</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
                                    <div>统一日志和异常管理配置好后，SSH项目中，代码以往散落的log.info() 和 try..catch..finally 再也不见踪影！ 
统一日志异常实现类：    
[java]&nbsp; 
view plain 
copy  &nbsp;    
 
 package&nbsp;com.pilelot.web.util;&nbsp;&nbsp; 
 &nbsp;&nbsp; 
 impor</div>
                                </li>
                                <li><a href="/article/1291.htm"
                                       title="Android SDK 国内镜像" target="_blank">Android SDK 国内镜像</a>
                                    <span class="text-muted">BigBird2012</span>
<a class="tag" taget="_blank" href="/search/android+sdk/1.htm">android sdk</a>
                                    <div>一、镜像地址： 
1、东软信息学院的 Android SDK 镜像，比配置代理下载快多了。 
配置地址， http://mirrors.neusoft.edu.cn/configurations.we#android 
2、北京化工大学的： 
IPV4:ubuntu.buct.edu.cn&nbsp; 
IPV4:ubuntu.buct.cn 
IPV6:ubuntu.buct6.edu.cn 
</div>
                                </li>
                                <li><a href="/article/1418.htm"
                                       title="HTML无害化和Sanitize模块" target="_blank">HTML无害化和Sanitize模块</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/Linky/1.htm">Linky</a><a class="tag" taget="_blank" href="/search/Sanitize/1.htm">Sanitize</a>
                                    <div>一.ng-bind-html、ng-bind-html-unsafe 
&nbsp; &nbsp; &nbsp; &nbsp; AngularJS非常注重安全方面的问题，它会尽一切可能把大多数攻击手段最小化。其中一个攻击手段是向你的web页面里注入不安全的HTML，然后利用它触发跨站攻击或者注入攻击。 
&nbsp; &nbsp; &nbsp; &nbsp; 考虑这样一个例子，假设我们有一个变量存</div>
                                </li>
                                <li><a href="/article/1545.htm"
                                       title="[Maven学习笔记二]Maven命令" target="_blank">[Maven学习笔记二]Maven命令</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
                                    <div>mvn compile 
compile编译命令将src/main/java和src/main/resources中的代码和配置文件编译到target/classes中，不会对src/test/java中的测试类进行编译 
MVN编译使用 
maven-resources-plugin:2.6:resources 
maven-compiler-plugin:2.5.1:compile 
&nbs</div>
                                </li>
                                <li><a href="/article/1672.htm"
                                       title="【Java命令二】jhat" target="_blank">【Java命令二】jhat</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/Java%E5%91%BD%E4%BB%A4/1.htm">Java命令</a>
                                    <div>jhat用于分析使用jmap dump的文件，，可以将堆中的对象以html的形式显示出来，包括对象的数量，大小等等，并支持对象查询语言。 jhat默认开启监听端口7000的HTTP服务，jhat是Java Heap Analysis Tool的缩写 
1. 用法： 
[hadoop@hadoop bin]$ jhat -help

Usage:  jhat [-stack &lt;bool&g</div>
                                </li>
                                <li><a href="/article/1799.htm"
                                       title="JBoss 5.1.0 GA:Error installing to Instantiated: name=AttachmentStore state=Desc" target="_blank">JBoss 5.1.0 GA:Error installing to Instantiated: name=AttachmentStore state=Desc</a>
                                    <span class="text-muted">ronin47</span>

                                    <div>进到类似目录 server/default/conf/bootstrap，打开文件 profile.xml找到： Xml代码&lt;bean&nbsp; 
&nbsp; 
name=&quot;AttachmentStore&quot;&nbsp; 
class=&quot;org.jboss.system.server.profileservice.repository.AbstractAtta</div>
                                </li>
                                <li><a href="/article/1926.htm"
                                       title="写给初学者的6条网页设计安全配色指南" target="_blank">写给初学者的6条网页设计安全配色指南</a>
                                    <span class="text-muted">brotherlamp</span>
<a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/ui%E8%87%AA%E5%AD%A6/1.htm">ui自学</a><a class="tag" taget="_blank" href="/search/ui%E8%A7%86%E9%A2%91/1.htm">ui视频</a><a class="tag" taget="_blank" href="/search/ui%E6%95%99%E7%A8%8B/1.htm">ui教程</a><a class="tag" taget="_blank" href="/search/ui%E8%B5%84%E6%96%99/1.htm">ui资料</a>
                                    <div>网页设计中最基本的原则之一是，不管你花多长时间创造一个华丽的设计，其最终的角色都是这场秀中真正的明星——内容的衬托 
&nbsp;&nbsp;&nbsp; 我仍然清楚地记得我最早的一次美术课，那时我还是一个小小的、对凡事都充满渴望的孩子，我摆放出一大堆漂亮的彩色颜料。我仍然记得当我第一次看到原色与另一种颜色混合变成第二种颜色时的那种兴奋，并且我想，既然两种颜色能创造出一种全新的美丽色彩，那所有颜色</div>
                                </li>
                                <li><a href="/article/2053.htm"
                                       title="有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。写一个函数实现。复杂度是什么。" target="_blank">有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。写一个函数实现。复杂度是什么。</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><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a>
                                    <div>

import java.util.Random;
import java.util.Set;
import java.util.TreeSet;

/**
 * http://weibo.com/1915548291/z7HtOF4sx
 * #面试题#有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。
 * 写一个函数实现。复杂度是什么</div>
                                </li>
                                <li><a href="/article/2180.htm"
                                       title="struts2获得request、session、application方式" target="_blank">struts2获得request、session、application方式</a>
                                    <span class="text-muted">chiangfai</span>
<a class="tag" taget="_blank" href="/search/application/1.htm">application</a>
                                    <div>1、与Servlet API解耦的访问方式。 
a.Struts2对HttpServletRequest、HttpSession、ServletContext进行了封装，构造了三个Map对象来替代这三种对象要获取这三个Map对象，使用ActionContext类。 
-----&gt; 
&nbsp; 
package pro.action;
import java.util.Map;
imp</div>
                                </li>
                                <li><a href="/article/2307.htm"
                                       title="改变python的默认语言设置" target="_blank">改变python的默认语言设置</a>
                                    <span class="text-muted">chenchao051</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
                                    <div> import sys
 sys.getdefaultencoding() 
&nbsp;可以测试出默认语言，要改变的话，需要在python lib的site-packages文件夹下新建： 
sitecustomize.py， 这个文件比较特殊，会在python启动时来加载，所以就可以在里面写上： 
import sys
sys.setdefaultencoding('utf-8') 
&n</div>
                                </li>
                                <li><a href="/article/2434.htm"
                                       title="mysql导入数据load data infile用法" target="_blank">mysql导入数据load data infile用法</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E5%AF%BC%E5%85%A5%E6%95%B0%E6%8D%AE/1.htm">导入数据</a>
                                    <div>我们常常导入数据！mysql有一个高效导入方法，那就是load data infile 下面来看案例说明 
 
基本语法： 
load data&nbsp; [low_priority] [local] infile 'file_name txt' [replace | ignore] 
into table tbl_name 
[fields 
[terminated by't'] 
[OPTI</div>
                                </li>
                                <li><a href="/article/2561.htm"
                                       title="phpexcel导入excel表到数据库简单入门示例" target="_blank">phpexcel导入excel表到数据库简单入门示例</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/Excel/1.htm">Excel</a>
                                    <div>  
跟导出相对应的，同一个数据表，也是将phpexcel类放在class目录下，将Excel表格中的内容读取出来放到数据库中 
&lt;?php 
error_reporting(E_ALL); 
set_time_limit(0); 
?&gt; 
&lt;html&gt; 
&lt;head&gt; 
&lt;meta http-equiv=&quot;Content-Type&quot; </div>
                                </li>
                                <li><a href="/article/2688.htm"
                                       title="22岁到72岁的男人对女人的要求" target="_blank">22岁到72岁的男人对女人的要求</a>
                                    <span class="text-muted">dcj3sjt126com</span>

                                    <div>22岁男人对女人的要求是：一，美丽，二，性感，三，有份具品味的职业，四，极有耐性，善解人意，五，该聪明的时候聪明，六，作小鸟依人状时尽量自然，七，怎样穿都好看，八，懂得适当地撒娇，九，虽作惊喜反应，但看起来自然，十，上了床就是个无条件荡妇。&nbsp;32岁的男人对女人的要求，略作修定，是：一，入得厨房，进得睡房，二，不必服侍皇太后，三，不介意浪漫蜡烛配盒饭，四，听多过说，五，不再傻笑，六，懂得独</div>
                                </li>
                                <li><a href="/article/2815.htm"
                                       title="Spring和HIbernate对DDM设计的支持" target="_blank">Spring和HIbernate对DDM设计的支持</a>
                                    <span class="text-muted">e200702084</span>
<a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/%E9%A2%86%E5%9F%9F%E6%A8%A1%E5%9E%8B/1.htm">领域模型</a>
                                    <div>A：数据访问对象 
 
&nbsp;&nbsp;&nbsp; DAO和资源库在领域驱动设计中都很重要。DAO是关系型数据库和应用之间的契约。它封装了Web应用中的数据库CRUD操作细节。另一方面，资源库是一个独立的抽象，它与DAO进行交互，并提供到领域模型的“业务接口”。 
&nbsp;&nbsp; 资源库使用领域的通用语言，处理所有必要的DAO，并使用领域理解的语言提供对领域模型的数据访问服务。</div>
                                </li>
                                <li><a href="/article/2942.htm"
                                       title="NoSql 数据库的特性比较" target="_blank">NoSql 数据库的特性比较</a>
                                    <span class="text-muted">geeksun</span>
<a class="tag" taget="_blank" href="/search/NoSQL/1.htm">NoSQL</a>
                                    <div>Redis 是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。目前由VMware主持开发工作。 
&nbsp; 
1. 数据模型 
作为Key-value型数据库，Redis也提供了键（Key）和值（Value）的映射关系。除了常规的数值或字符串，Redis的键值还可以是以下形式之一： 
Lists （列表） 
Sets</div>
                                </li>
                                <li><a href="/article/3069.htm"
                                       title="使用 Nginx Upload Module 实现上传文件功能" target="_blank">使用 Nginx Upload Module 实现上传文件功能</a>
                                    <span class="text-muted">hongtoushizi</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a>
                                    <div>转载自：&nbsp;http://www.tuicool.com/wx/aUrAzm 
&nbsp; 
普通网站在实现文件上传功能的时候，一般是使用Python，Java等后端程序实现，比较麻烦。Nginx有一个Upload模块，可以非常简单的实现文件上传功能。此模块的原理是先把用户上传的文件保存到临时文件，然后在交由后台页面处理，并且把文件的原名，上传后的名称，文件类型，文件大小set到页面。下</div>
                                </li>
                                <li><a href="/article/3196.htm"
                                       title="spring-boot-web-ui及thymeleaf基本使用" target="_blank">spring-boot-web-ui及thymeleaf基本使用</a>
                                    <span class="text-muted">jishiweili</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/thymeleaf/1.htm">thymeleaf</a>
                                    <div>视图控制层代码demo如下： 
&nbsp; 
@Controller
@RequestMapping(&quot;/&quot;)
public class MessageController {
	private final MessageRepository messageRepository;

	@Autowired
	public MessageController(Mes</div>
                                </li>
                                <li><a href="/article/3323.htm"
                                       title="数据源架构模式之活动记录" target="_blank">数据源架构模式之活动记录</a>
                                    <span class="text-muted">home198979</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E6%B4%BB%E5%8A%A8%E8%AE%B0%E5%BD%95/1.htm">活动记录</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%98%A0%E5%B0%84/1.htm">数据映射</a>
                                    <div>hello!架构 
一、概念 
活动记录（Active Record）：一个对象，它包装数据库表或视图中某一行，封装数据库访问，并在这些数据上增加了领域逻辑。 
对象既有数据又有行为。活动记录使用直截了当的方法，把数据访问逻辑置于领域对象中。 
&nbsp; 
二、实现简单活动记录 
活动记录在php许多框架中都有应用，如cakephp。 
&lt;?php
/**
 * 行数据入口类
 *</div>
                                </li>
                                <li><a href="/article/3450.htm"
                                       title="Linux Shell脚本之自动修改IP" target="_blank">Linux Shell脚本之自动修改IP</a>
                                    <span class="text-muted">pda158</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/Debian/1.htm">Debian</a><a class="tag" taget="_blank" href="/search/%E8%84%9A%E6%9C%AC/1.htm">脚本</a>
                                    <div>作为一名 
Linux&nbsp;SA，日常运维中很多地方都会用到脚本，而服务器的ip一般采用静态ip或者MAC绑定，当然后者比较操作起来相对繁琐，而前者我们可以设置主机名、ip信息、网关等配置。修改成特定的主机名在维护和管理方面也比较方便。如下脚本用途为：修改ip和主机名等相关信息，可以根据实际需求修改，举一反三！   
#!/bin/sh
#auto Change ip netmask ga</div>
                                </li>
                                <li><a href="/article/3577.htm"
                                       title="开发环境搭建" target="_blank">开发环境搭建</a>
                                    <span class="text-muted">独浮云</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a>
                                    <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 最近在开发过程中，经常出现MyEclipse内存溢出等错误，需要重启的情况，好麻烦。对于一般的JAVA+TOMCAT项目开发，其实没有必要使用重量级的MyEclipse，使用eclipse就足够了。尤其是开发机器硬件配置一般的人。 
&nbsp; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n</div>
                                </li>
                                <li><a href="/article/3704.htm"
                                       title="操作日期和时间的工具类" target="_blank">操作日期和时间的工具类</a>
                                    <span class="text-muted">vipbooks</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E5%85%B7%E7%B1%BB/1.htm">工具类</a>
                                    <div>&nbsp;&nbsp; 大家好啊，好久没有来这里发文章了，今天来逛逛，分享一篇刚写不久的操作日期和时间的工具类，希望对大家有所帮助。 
 
 

/*
 * @(#)DataFormatUtils.java 2010-10-10
 * 
 * Copyright 2010 BianJing,All rights reserved.
 */
package test;

impor</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>