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/1835513551142350848.htm"
                           title="OC语言多界面传值五大方式" target="_blank">OC语言多界面传值五大方式</a>
                        <span class="text-muted">Magnetic_h</span>
<a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/objective-c/1.htm">objective-c</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt</div>
                    </li>
                    <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/1835507626276909056.htm"
                           title="水平垂直居中的几种方法（总结）" target="_blank">水平垂直居中的几种方法（总结）</a>
                        <span class="text-muted">LJ小番茄</span>
<a class="tag" taget="_blank" href="/search/CSS_%E7%8E%84%E5%AD%A6%E8%AF%AD%E8%A8%80/1.htm">CSS_玄学语言</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a>
                        <div>1.使用flexbox的justify-content和align-items.parent{display:flex;justify-content:center;/*水平居中*/align-items:center;/*垂直居中*/height:100vh;/*需要指定高度*/}2.使用grid的place-items:center.parent{display:grid;place-item</div>
                    </li>
                    <li><a href="/article/1835507248395284480.htm"
                           title="【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数" target="_blank">【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数</a>
                        <span class="text-muted">广龙宇</span>
<a class="tag" taget="_blank" href="/search/%E4%B8%80%E8%B5%B7%E5%AD%A6Rust/1.htm">一起学Rust</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Rust%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">Rust设计模式</a><a class="tag" taget="_blank" href="/search/rust/1.htm">rust</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分</div>
                    </li>
                    <li><a href="/article/1835501821569888256.htm"
                           title="关于提高复杂业务逻辑代码可读性的思考" target="_blank">关于提高复杂业务逻辑代码可读性的思考</a>
                        <span class="text-muted">编程经验分享</span>
<a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E7%BB%8F%E9%AA%8C/1.htm">开发经验</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/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>目录前言需求场景常规写法拆分方法领域对象总结前言实际工作中大部分时间都是在写业务逻辑，一般都是三层架构，表示层（Controller）接收客户端请求，并对入参做检验，业务逻辑层（Service）负责处理业务逻辑，一般开发都是在这一层中写具体的业务逻辑。数据访问层（Dao）是直接和数据库交互的，用于查数据给业务逻辑层，或者是将业务逻辑层处理后的数据写入数据库。简单的增删改查接口不用多说，基本上写好一</div>
                    </li>
                    <li><a href="/article/1835500750684385280.htm"
                           title="拥有断舍离的心态，过精简生活--《断舍离》读书笔记" target="_blank">拥有断舍离的心态，过精简生活--《断舍离》读书笔记</a>
                        <span class="text-muted">爱吃丸子的小樱桃</span>

                        <div>不知不觉间房间里的东西越来越多，虽然摆放整齐，但也时常会觉得空间逼仄，令人心生烦闷。抱着断舍离的态度，我开始阅读《断舍离》这本书，希望从书中能找到一些有效的方法，帮助我实现空间、物品上的断舍离。《断舍离》是日本作家山下英子通过自己的经历、思考和实践总结而成的，整体内涵也从刚开始的私人生活哲学的“断舍离”升华成了“人生实践哲学”，接着又成为每个人都能实行的“改变人生的断舍离”，从“哲学”逐渐升华成“</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/1835493753557708800.htm"
                           title="每日算法&面试题，大厂特训二十八天——第二十天（树）" target="_blank">每日算法&面试题，大厂特训二十八天——第二十天（树）</a>
                        <span class="text-muted">肥学</span>
<a class="tag" taget="_blank" href="/search/%E2%9A%A1%E7%AE%97%E6%B3%95%E9%A2%98%E2%9A%A1%E9%9D%A2%E8%AF%95%E9%A2%98%E6%AF%8F%E6%97%A5%E7%B2%BE%E8%BF%9B/1.htm">⚡算法题⚡面试题每日精进</a><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/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a>
                        <div>目录标题导读算法特训二十八天面试题点击直接资料领取导读肥友们为了更好的去帮助新同学适应算法和面试题，最近我们开始进行专项突击一步一步来。上一期我们完成了动态规划二十一天现在我们进行下一项对各类算法进行二十八天的一个小总结。还在等什么快来一起肥学进行二十八天挑战吧！！特别介绍小白练手专栏，适合刚入手的新人欢迎订阅编程小白进阶python有趣练手项目里面包括了像《机器人尬聊》《恶搞程序》这样的有趣文章</div>
                    </li>
                    <li><a href="/article/1835492372952215552.htm"
                           title="阶段总结反思" target="_blank">阶段总结反思</a>
                        <span class="text-muted">轻争</span>

                        <div>马上就要进入10月份了，今天做一下前段时间的总结和反思。前段时间，日更、英语、健身、护肤坚持的比较好。阅读、书法坚持的不好。1.中间被迫停更半个多月，其余时间一直在坚持日更挑战。偶尔也有不想写的时候，就做一下摘抄。因为阅读（输入）没跟上来，所以写作（输出）质量有待进一步加强。2.英语做到了一周至少学习5天，每次不少于30分钟，但是小班课没有跟上更新速度，下一步要争取利用零碎时间补听小班课。3.减肥</div>
                    </li>
                    <li><a href="/article/1835491353451130880.htm"
                           title="【华为OD技术面试真题 - 技术面】- python八股文真题题库（4)" target="_blank">【华为OD技术面试真题 - 技术面】- python八股文真题题库（4)</a>
                        <span class="text-muted">算法大师</span>
<a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BAod/1.htm">华为od</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
                        <div>华为OD面试真题精选专栏：华为OD面试真题精选目录:2024华为OD面试手撕代码真题目录以及八股文真题目录文章目录华为OD面试真题精选**1.Python中的`with`**用途和功能自动资源管理示例：文件操作上下文管理协议示例代码工作流程解析优点2.\_\_new\_\_和**\_\_init\_\_**区别__new____init__区别总结3.**切片（Slicing）操作**基本切片语法</div>
                    </li>
                    <li><a href="/article/1835490218845761536.htm"
                           title="Python爬虫解析工具之xpath使用详解" target="_blank">Python爬虫解析工具之xpath使用详解</a>
                        <span class="text-muted">eqa11</span>
<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>文章目录Python爬虫解析工具之xpath使用详解一、引言二、环境准备1、插件安装2、依赖库安装三、xpath语法详解1、路径表达式2、通配符3、谓语4、常用函数四、xpath在Python代码中的使用1、文档树的创建2、使用xpath表达式3、获取元素内容和属性五、总结Python爬虫解析工具之xpath使用详解一、引言在Python爬虫开发中，数据提取是一个至关重要的环节。xpath作为一门</div>
                    </li>
                    <li><a href="/article/1835489311177404416.htm"
                           title="主题升华随机抽总结" target="_blank">主题升华随机抽总结</a>
                        <span class="text-muted">木棉咕噜</span>

                        <div>昨天晚上在火山灿教练那里抽了主题升华最后一关。一共抽了两个故事，现总结如下。第一个故事是《并不是你想象的那样》。主题一：有时候，面对别人一些貌似不合常情的行为，不要轻易的指责他，也许背后有我们所不知道的原因。在这一个主题里面，刚开始的时候，我没有加上貌似二字。所以就没有改动之后这么精准。主题二：有时候我们对他人善意的行为，可能会给我们带来一些意外的回报。主题三：面对同样一件事，因为不同的人看待问题</div>
                    </li>
                    <li><a href="/article/1835486185015832576.htm"
                           title="【无标题】达瓦达瓦" target="_blank">【无标题】达瓦达瓦</a>
                        <span class="text-muted">JhonKI</span>
<a class="tag" taget="_blank" href="/search/%E8%80%83%E7%A0%94/1.htm">考研</a>
                        <div>博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11</div>
                    </li>
                    <li><a href="/article/1835486185468817408.htm"
                           title="上图为是否色发" target="_blank">上图为是否色发</a>
                        <span class="text-muted">JhonKI</span>
<a class="tag" taget="_blank" href="/search/%E8%80%83%E7%A0%94/1.htm">考研</a>
                        <div>博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11</div>
                    </li>
                    <li><a href="/article/1835483159140069376.htm"
                           title="143234234123432" target="_blank">143234234123432</a>
                        <span class="text-muted">JhonKI</span>
<a class="tag" taget="_blank" href="/search/%E8%80%83%E7%A0%94/1.htm">考研</a>
                        <div>博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11</div>
                    </li>
                    <li><a href="/article/1835471058648526848.htm"
                           title="1分钟解决 -bash: mvn: command not found，在Centos 7中安装Maven" target="_blank">1分钟解决 -bash: mvn: command not found，在Centos 7中安装Maven</a>
                        <span class="text-muted">Energet!c</span>
<a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>1分钟解决-bash:mvn:commandnotfound，在Centos7中安装Maven检查Java环境1下载Maven2解压Maven3配置环境变量4验证安装5常见问题与注意事项6总结检查Java环境Maven依赖Java环境，请确保系统已经安装了Java并配置了环境变量。可以通过以下命令检查：java-version如果未安装，请先安装Java。1下载Maven从官网下载：前往Apach</div>
                    </li>
                    <li><a href="/article/1835470932295118848.htm"
                           title="CentOS的根目录下，/bin 和 /sbin 用途和权限" target="_blank">CentOS的根目录下，/bin 和 /sbin 用途和权限</a>
                        <span class="text-muted">Energet!c</span>
<a class="tag" taget="_blank" href="/search/Linux%E6%97%A5%E5%B8%B8/1.htm">Linux日常</a><a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
                        <div>CentOS的根目录下，/bin和/sbin用途和权限一、/bin(Binary)二、/sbin(SystemBinary)三、总结在CentOS的根目录下，/bin和/sbin目录有不同的用途和权限一、/bin(Binary)用途:存放系统的基本命令，这些命令对所有用户都是可用的。例如：ls、cp、mv、rm等。权限:普通用户和系统管理员都可以使用这些命令。二、/sbin(SystemBinar</div>
                    </li>
                    <li><a href="/article/1835467782687387648.htm"
                           title="linux 发展史" target="_blank">linux 发展史</a>
                        <span class="text-muted">种树的猴子</span>
<a class="tag" taget="_blank" href="/search/%E5%86%85%E6%A0%B8/1.htm">内核</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">操作系统</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a>
                        <div>linux发展史说明此前对linux认识模糊一知半解，近期通过学习将自己对于linux的发展总结一下方便大家日后的学习。那Linux是目前一款非常火热的开源操作系统，可是linux是什么时候出现的，又是因为什么样的原因被开发出来的呢。以下将对linux的发展历程进行详细的讲解。目录一、Linux发展背景二、UINIX的诞生三、UNIX的重要分支-BSD的诞生四、Minix的诞生五、GNU与Free</div>
                    </li>
                    <li><a href="/article/1835466283395674112.htm"
                           title="又到年末" target="_blank">又到年末</a>
                        <span class="text-muted">伊人微语</span>

                        <div>今天，工作群里，各个部门开始提醒老师们上交各种期末总结资料，才蓦然感觉这个学期已接近尾声，才意识到2022即将过去，新的一年的脚步声已经越来越近不由得生阳一些感慨。年纪大了，感觉到每个日子都是“倏”地一声就过去了，来不及思量，来不及回顾，一年就这么过去了。我常常想，为什么会有这样的感觉呢？年轻时候的每一天是24小时，现在的每一天也不曾少过一分钟，为什么就会感觉到它的脚步越来越快呢？后来我想明白了，</div>
                    </li>
                    <li><a href="/article/1835465773473165312.htm"
                           title="大都会资本BMAN的2018年终总结" target="_blank">大都会资本BMAN的2018年终总结</a>
                        <span class="text-muted">非线性思考</span>

                        <div>1投资的本质是认知变现赚钱=足够的认知*高效的的变现。2投资的三大基石策略:提升认知高效变现知行合一3如果你亏钱了要么是认知的问题，要么是变现的问题，要么而是知行合一的问题。4投资需要知行合一，很简单的道理，却拦住了很多高手，是因为认知和行动中间还隔着人性。顶级的高手能把自己从贪嗔痴中抽离出来，顶级高手没有人性，只有原则。5如果你玩的是空气币，就不要幻想拿着它改变世界，那是你套出了幻觉，眼光放短一</div>
                    </li>
                    <li><a href="/article/1835463115882459136.htm"
                           title="2024.9.6 Python，华为笔试题总结，字符串格式化，字符串操作，广度优先搜索解决公司组织绩效互评问题，无向图" target="_blank">2024.9.6 Python，华为笔试题总结，字符串格式化，字符串操作，广度优先搜索解决公司组织绩效互评问题，无向图</a>
                        <span class="text-muted">RaidenQ</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a><a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%8A%9B%E6%89%A3/1.htm">力扣</a><a class="tag" taget="_blank" href="/search/%E5%B9%BF%E5%BA%A6%E4%BC%98%E5%85%88/1.htm">广度优先</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E5%90%91%E5%9B%BE/1.htm">无向图</a>
                        <div>1.字符串格式化name="Alice"age=30formatted_string="Name:{},Age:{}".format(name,age)print(formatted_string)或者name="Alice"age=30formatted_string=f"Name:{name},Age:{age}"print(formatted_string)2.网络健康检查第一行有两个整数m</div>
                    </li>
                    <li><a href="/article/1835450511071997952.htm"
                           title="android 更改窗口的层次,浮窗开发之窗口层级" target="_blank">android 更改窗口的层次,浮窗开发之窗口层级</a>
                        <span class="text-muted">Ms.Bu</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E6%9B%B4%E6%94%B9%E7%AA%97%E5%8F%A3%E7%9A%84%E5%B1%82%E6%AC%A1/1.htm">更改窗口的层次</a>
                        <div>最近在项目中遇到了这样的需求：需要在特定的其他应用之上悬浮自己的UI交互(拖动、输入等复杂的UI交互)，和九游的浮窗类似，不过我们的比九游的体验更好，我们越过了很多授权的限制。浮窗效果很多人都知道如何去实现一个简单的浮窗，但是却很少有人去深入的研究背后的流程机制，由于项目中浮窗交互比较复杂，遇到了些坑查看了很多资料，故总结浮窗涉及到的知识点：窗口层级关系(浮窗是如何“浮”的)？浮窗有哪些限制，如何</div>
                    </li>
                    <li><a href="/article/1835449123252301824.htm"
                           title="Python入门之Lesson2:Python基础语法" target="_blank">Python入门之Lesson2:Python基础语法</a>
                        <span class="text-muted">小熊同学哦</span>
<a class="tag" taget="_blank" href="/search/Python%E5%85%A5%E9%97%A8%E8%AF%BE%E7%A8%8B/1.htm">Python入门课程</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><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/%E9%9D%92%E5%B0%91%E5%B9%B4%E7%BC%96%E7%A8%8B/1.htm">青少年编程</a>
                        <div>目录前言一.介绍1.变量和数据类型2.常见运算符3.输入输出4.条件语句5.循环结构二.练习三.总结前言欢迎来到《Python入门》系列博客的第二课。在上一课中，我们了解了Python的安装及运行环境的配置。在这一课中，我们将深入学习Python的基础语法，这是编写Python代码的根基。通过本节内容的学习，你将掌握变量、数据类型、运算符、输入输出、条件语句等Python编程的基础知识。一.介绍1</div>
                    </li>
                    <li><a href="/article/1835448619277316096.htm"
                           title="Android应用性能优化" target="_blank">Android应用性能优化</a>
                        <span class="text-muted">轻口味</span>
<a class="tag" taget="_blank" href="/search/Android/1.htm">Android</a>
                        <div>Android手机由于其本身的后台机制和硬件特点，性能上一直被诟病，所以软件开发者对软件本身的性能优化就显得尤为重要；本文将对Android开发过程中性能优化的各个方面做一个回顾与总结。Cache优化ListView缓存：ListView中有一个回收器，Item滑出界面的时候View会回收到这里，需要显示新的Item的时候，就尽量重用回收器里面的View；每次在getView函数中inflate新</div>
                    </li>
                    <li><a href="/article/1835444156714020864.htm"
                           title="高考后该不该给孩子买电脑，什么情况能买？什么情况不能买？" target="_blank">高考后该不该给孩子买电脑，什么情况能买？什么情况不能买？</a>
                        <span class="text-muted">寻求改变</span>

                        <div>我知道家长们很担心，怕买了电脑小孩沉迷游戏，耽误了学业，也不利于身体健康。对于准大学生来说，基本上在18岁左右，也不算小了，但在很多父母眼里，依旧是个小孩子。数据显示，这种情况是有发生的，大学生约70%的电脑主要被用于玩网络游戏，如果没有养成一个用良好的习惯，对孩子影响是非常大的。我总结为三买，三不买。最近有看到群里很多家长再问，小孩上大学该不该给他买电脑，要买和不买两种观点的家长都有，那么哪种情</div>
                    </li>
                    <li><a href="/article/1835440082996260864.htm"
                           title="放松的一天" target="_blank">放松的一天</a>
                        <span class="text-muted">4da9b7687fa0</span>

                        <div>20190325总结起床07:20图片发自App睡觉:23:00天气:晴今日任务清单学习·信息·阅读•水滴阅读Day40Alice’sAdventuresinWonderlandChapter6.2图片发自App•BBC跟读训练营Day24图片发自App图片发自App图片发自App•潘多拉口语训练营Day6Wow.Whatabigboy!•文化知识学习今日无•阅读时间地狱健康·饮食·锻炼•饮食目标</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>