Python/Spring Cloud Alibaba开发--前端复习笔记（1）———— html5和css3.html基础
Python/Spring Cloud Alibaba开发–前端复习笔记（1）———— html5和css3.html基础
1)概述和基本结构
超文本标记语言。超文本指超链接，标记指的是标签。
基本结构：
文档声明
定义网页的语言 en为英文，zh-CN为中文
网页标题</tiltle>
</head>
<body>
你好！欢迎访问我的个人网页！
</body>
</html>
</code></pre>
<h4>2）html分类</h4>
<p>xhtml1.0文档类型<br> 文档声明、编码声明、网页语言声明长。<br> 区别：a。文档声明和编码声明 b。html5新增了标签元素以及元素属性</p>
<h4>3）注释</h4>
<pre><code><!--这是注释--> 两个横杆
</code></pre>
<h4>4）标题标签</h4>
<p><code><h1><h2><h3><h4><h5><h6></code><br> 可以在网页上定义6种级别的标题。6种级别的标题表示文档的6级目录层级关系。</p>
<h4>5）段落标签</h4>
<pre><code><p>文字</p>
</code></pre>
<p>段落标签中，开头处不识别空格，内容中只识别一个空格。<br> 识别符： ；为空格 <；为小于号< >；为大于号><br> 换行</p>
<h4>6）块标签、含样式的标签</h4>
<h5>1>块标签</h5>
<div>
标签 块元素，表示一块内容，没有具体的语义 标签 行内元素，表示一行中的一小段内容，没有具体的语义 p段落标签有样式，行距等，div块标签没有样式。
</div>
<h5>2>含样式和语义的标签</h5>
<p><code><em></code>标签，表示语气中的强调词，斜体<br> <code><i></code>标签，表示专业词汇，斜体<br> <code><b></code>标签，表示文档中的关键字或者产品名，加粗<br> <code><strong></code>标签，表示非常重要的内容，加粗</p>
<h5>3>语义化标签</h5>
<p>h1 标题；p 段落；ul、li 列表；a 链接；dl、dt、dd 定义列表</p>
<h4>7）图像标签、绝对路径和相对路径</h4>
<h5>1>图像标签</h5>
<pre><code class="prism language-css"><img src=”images/001.jpg” alt=”产品图片” />
</code></pre>
<p>src属性 定义图片的引用地址<br> alt属性 定义图片加载失败时显示的文字，搜索引擎会使用这个文字收录图、盲人读屏软件会读取这个文字让盲人识别图片，所以此属性非常重要。</p>
<h5>2>绝对路径和相对路径</h5>
<p>绝对路径：相对于磁盘的位置去定位 文件的位置<br> 相对路径：相对于当前文件的位置去定位文件的位置<br> ./ 表示当前目录，可以省略<br> …/ 表示上一层目录</p>
<h4>8)链接标签</h4>
<p> 定义一个链接地址 常用属性 href属性 定义跳转的地址 title属性 定义鼠标悬停时弹出的提示文字框 target属性 定义链接窗口打开的位置 target=”self” 缺省值，新页面替换原来的页面，在原来的位置打开 target=”_blank”新页面会在新开的一个浏览器窗口打开 跳转到页面顶部</p>
<h4>9）列表标签</h4>
<p>有序列表<br> 会自动给内容加序号<br> 可以使用<code><ol>, <li></code>配合使用来实现。</p>
<pre><code><ol>
<li>listcontent1</li>
<li>listcontent2</li>
<li>listcontent3</li>
</ol>
</code></pre>
<p>快捷键定义： <code>ol>li*3</code> 然后按tab键<br> 无序列表<br> 可以用来做新闻标题等<br> 可以使用<code><ul>, <li></code>配合使用来实现。<br> 在css中使用List-style:none 去掉列表前的点。</p>
<pre><code><ul>
<li><a href=”#”>news1</a></li>
<li><a href=”#”>news2</a></li>
<li><a href=”#”>news3</a></li>
</ul>
</code></pre>
<p>快捷键定义：<code>ul>(li>a{新闻标题})*3</code> 然后按tab键<br> 定义列表<br> <code><dl></code>标签表示列表的整体，<code><dt></code>标签定义术语的题目，<code><dd></code>标签是术语的解释。</p>
<h3>2.表格标签和传统布局</h3>
<h4>1）html表格</h4> 声明一个表格 属性： border 定义表格的边框，设置值是数值 cellpadding 定义单元格内容与边框的距离，设置值是数值 cellspacing 定义单元格与单元格之间的距离，设置值是数值 align 设置整体表格相对于浏览器窗口的水平对齐方式，设置值有left|center|right 定义表格的一行
<table>
<tbody>
<tr>
<td> 定义一行中的一个单元格，td代表普通单元格，th表示表头单元格。 属性： align 设置单元格中内容的水平对齐方式，设置值有left|center|right valign 设置单元格中内容的垂直对齐方式 top|middle|bottom colspan 设置单元格水平合并，设置值是数值 rowspan 设置单元格垂直合并，设置值是数值 快捷操作：table>(tr>td*5)*6 创建6行5列的表格 </td>
</tr>
</tbody>
</table>
<h4>2）页面布局</h4>
<p>一般分为两种：</p>
<h5>1>table布局</h5>
<p>即传统布局，将页面空间划分成若干个单元格，将文字或图片等元素放入单元格中，隐藏表格的边框，从而实现布局。目前主要应用在EDM（广告邮件中的页面）中。<br> 布局复杂时，在table中嵌套表格</p>
<h5>2>html+css布局（DIV+CSS）</h5>
<p>通过CSS样式设置来布局文字或图片等元素，需要用到CSS盒子模型、盒子类型、CSS浮动、CSS定位、CSS背景图定位等知识来布局，比传统布局更复杂，目前是主流。</p>
<h3>3.html表单</h3>
<p>表单用于搜集不同类型的用户输入，表单由不同类型的标签组成。</p>
<h5>1><code><form></code>标签</h5>
<p>定义整体的表单区域<br> action属性 定义表单数据提交地址<br> method属性 定义表单提交的方式，一般有“get”方式和“post”方式</p>
<h5>2> <code><label></code></h5>
<p>表单元素定义文字标注</p>
<h5>3> <code><input></code></h5>
<p>定义通用的表单元素<br> type属性：“text”定义单行文本输入框；“password”定义密码输入框；“radio”定义单选框；“checkbox“定义复选框；”file“定义上传文件；”submit“定义提交按钮；”reset“定义重置按钮；”image“定义图片作为提交按钮，用src属性定义图片地址；”hidden“定义一个隐藏的表单域，用来存储值，select属性定义复选框option定义选项。<br> value属性 定义表单元素的值<br> name属性 定义表单元素的名称，此名称是提交数据时的键名</p>
<h3>4.CSS基本语法</h3>
<p>层叠样式表，html只负责文档的结构和内容，表现形式完全交给CSS。<br> css的定义方法：<br> 选择器 {属性：值；属性：值 }</p>
<pre><code>div{
font-size:16px;
color:ed;
}
</code></pre>
<p>css页面引入方法：</p>
<h5>1>外联式</h5>
<p>在html文件的<code><head></code>中加入<br> <code><link rel=”stylesheet” type=”text/css” href=”./css/main.css”></code> href为css文件地址</p>
<h5>2>嵌入式</h5>
<p>通过style标签，在网页上创建嵌入的样式表</p>
<pre><code><style type=”text/css”>
div{ width:100px; height:100px; color:red }
</code></pre>
<h5>3>内联式</h5>
<p>通过标签的style属性，在标签上直接写样式</p>
<pre><code><div style=”width:100px; height:100px; color:red”>……</div>
1
</code></pre>
<h3>5.CSS常用文本样式</h3>
<p>字号 font-size；颜色 color；字体 font-family；斜体 font-style；加粗 font-weight；行高 line-height<br> 可以使用<code><span></code>标签，进行特定的样式设置</p>
<h3>6.CSS样式选择器</h3>
<p>css颜色值表示方法：<br> 1>颜色名表示，如 red gold<br> 2>rgb表示 如 rgb（255，0，0）红色<br> 3>16进制数值表示，#ff0000 表示红色，可以简写为#f00</p>
<h4>1)标签选择器</h4>
<p>尽量应用在层级选择器中。<br> <code>*</code> 所有标签</p>
<h4>2）id选择器</h4>
<p>通过id名来选择元素，元素的id名称不能重复。但id名一般给程序使用，所以不推荐使用id作为选择器。<br> 例如：<br> <code><div id=“div1”>第一个div</div></code> 设置id<br> 在<code><head></code>的<code><style></code>中设置样式<br> #div1{}中设置样式</p>
<h4>3）类选择器</h4>
<p>通过类名来选择元素，一个类可以应用于多个元素，一个元素也可以使用多个类，应用最多的一种选择器。<br> 设置类选择器</p>
<pre><code>.green{color：green；}
<div class=“green”>`这是第一个div`</div>
</code></pre>
<h4>4）层级选择器</h4>
<p>主要应用在选择父元素下的子元素，或者子元素下面的子元素，可与标签元素结合使用，减少命名，同时也可以通过层级，防止命名冲突。</p>
<h4>5）组选择器</h4>
<p>类选择器中相同的样式可以用组选择器共同定义，类名用逗号隔开</p>
<h4>6）伪类及伪元素选择器</h4>
<p>常用的伪类选择器由hover，表示鼠标悬浮在元素上时的状态，伪元素选择器有before和after，它们可以通过样式在元素中插入内容。<br> 类名后加冒号定义<br> <code>.box: hover{color:red}</code> 鼠标悬停在元素上时，元素变为红色<br> <code>.box: before{content: “dd”}</code> 在标签元素前面增加文字 dd<br> after可以在元素后面增加文字</p>
<h3>7.盒子模型</h3>
<h4>1)模型理解</h4>
<p>元素在也页面中显示成一个方块，把元素叫做盒子，设置对应的样式分别为：盒子的宽度（width）、盒子的高度（height）、盒子的边框（border）、盒子内的内容和边框之间的间距（padding）、盒子与盒子之间的间距（margin）。<br> 定义一个类选择器，在选择器中定义属性</p>
<h4>2）设置宽高</h4>
<pre><code>width：200px
height：200px
</code></pre>
<h4>3）设置边框</h4>
<pre><code class="prism language-css">border-top：10px solid #000； 设置顶边框10px粗，实线，黑色
border-left：10px dashed #000； 虚线
border-right：10px dotted #000；点线
border-bottom 底部边框
border：10px solid #000； 同时设置四个边
</code></pre>
<h4>4）内容和边框间距</h4>
<p>padding-top、padding-left、padding-right、padding-bottom<br> 修改之后整体盒子变大，width和height设置的是内容的宽高。<br> 可以使用padding直接设置，顺时针设置。</p>
<pre><code class="prism language-css">padding：20px 80px 100px；这是设置上边、左右、下边的距离
padding：20px；这是同时设置四条边的距离
</code></pre>
<h4>5）设置外间距margin</h4>
<p>margin-top、margin-left 盒子与外界的距离</p>
<h4>6）盒子真实尺寸</h4>
<p>宽度 width+左右paddingwidth+左右borderwidth<br> 高度：height+上下paddingheight+上下borderheight<br> line-height text-indent 行高和首行缩进可以避免盒子尺寸发生变化。</p>
<h3>8.margin和overflow属性</h3>
<h4>1）margin使用技巧</h4>
<pre><code class="prism language-css">margin：50px auto 100px
</code></pre>
<p>左右边框会随着总界面大小的变化而变化。<br> 1>margin：x auto 设置元素水平居中<br> 2>margin负值让元素位移及边框合并</p>
<h4>2）外边距合并</h4>
<p>外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。解决方法：<br> 1>使用这种特性<br> 2>设置一边的外边距，一般设置margin-top<br> 3>将元素浮动或者定位</p>
<h4>3）margin-top 塌陷</h4>
<p>在两个盒子嵌套时候，内部的盒子设置的margin-top会加到外边的盒子上，导致内部的盒子margin-top设置失败，解决方法：<br> 1>外部盒子设置一个边框<br> 2>外部盒子设置overflow：hidden<br> 3>使用伪元素类</p>
<pre><code>.clearfix: before{
content:””;
display:table;
}
</code></pre>
<h4>4）css元素溢出</h4>
<p>当子元素的尺寸超过父元素的尺寸时，需要设置父元素显示溢出的子元素的方式，设置的方法是通过overflow属性来设置。<br> overflow的设置项：<br> 1>visible默认值，内容不会被修剪，会呈现在元素框之外。<br> 2>hidden内容会被修剪，并且其余内容是不可见的，此属性还有清除浮动、清除margin-top塌陷的功能。<br> 3>scroll内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。<br> 4>auto如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。<br> 5>inherit规定应该从父元素继承overflow属性的值</p>
<h3>9.display属性</h3>
<h4>1）块元素</h4>
<p>也称为行元素，常用标签如：div, p, ul, li, h1~h6, dl, dt, dd等都是块元素，它在布局中的行为：<br> a 支持全部的样式<br> b 如果没有设置宽度，默认的宽度为父级宽度100%<br> c 盒子占据一行，即使设置了宽度</p>
<h4>2）内联元素</h4>
<p>也称为行内元素，布局中常用的标签如：a, span, em, b, strong, i等都是内联元素，它们在布局中的行为：<br> a 支持部分样式（不支持宽、高、margin上下、padding上下）<br> b 宽高由内容决定<br> c 盒子并在一行<br> d 代码换行，盒子之间会产生间距<br> e 子元素是内联元素，父元素可以用text-align属性设置子元素水平对齐方式<br> 解决内联元素间隙的方法：<br> a 去掉内联元素之间的换行<br> b 将内联元素的父级设置font-size为0，内联元素自身再设置font-size</p>
<h4>3）内联块元素</h4>
<p>也称为行内块元素，img和input元素的行为类似这种元素，但是也归类于内联元素，我们可以用display属性将块元素或者内联元素转化成这种元素，在布局中的行为：<br> a 支持全部样式<br> b 如果没有设置宽高，宽高由内容决定<br> c 盒子并在一行<br> d 代码换行，盒子会产生间距<br> e 子元素是内联块元素，父元素可以通过text-align属性设置子元素水平对齐方式</p>
<h4>4）display属性</h4>
<p>none 元素隐藏且不占位置<br> block 元素以块元素显示<br> inline 元素以内联元素显示<br> inline-block 元素以内联块元素显示</p>
<h3>10.浮动</h3>
<p>父级盒子不给高度，子集盒子浮动，子集盒子“撑不开”父级盒子，父级盒子需要清除浮动<br> 特性<br> 1>浮动元素有左浮动（float:left）和右浮动（float:right）两种<br> 2>浮动的元素会向左或向右浮动，碰到父元素边界、其他元素才停下来<br> 3>相邻浮动的块元素可以并在一行，超出父级宽度就换行<br> 4>浮动让行内元素或块元素自动转化为行内块元素（此时不会有行内块元素间隙问题）<br> 5>浮动元素后面没有浮动的元素会占据浮动元素的位置，没有浮动的元素内的文字会避开浮动的元素，形成文字绕图的效果<br> 6>父元素如果没有设置尺寸（一般是高度不设置），父元素内整体浮动的元素无法撑开父元素，父元素需要清除浮动<br> 7>浮动元素之间没有垂直margin的合并</p>
<h4>清除浮动：</h4>
<p>1>父级上增加属性overflow:hidden<br> 2>在最后一个子元素的后面加一个空的div，给它样式属性clear:both（不推荐）<br> 3>使用成熟的清浮动样式类，clearfix</p>
<pre><code class="prism language-css"><span class="token selector">.clearfix:after</span><span class="token punctuation">{</span>
<span class="token property">content</span><span class="token punctuation">:</span><span class="token string">""</span><span class="token punctuation">;</span>
<span class="token property">display</span><span class="token punctuation">:</span>table<span class="token punctuation">;</span>
<span class="token property">clear</span><span class="token punctuation">:</span>both<span class="token punctuation">;</span>
</code></pre>
<p>将上面的类选择器加到父类class中。同时这个类可以与clearfix:before搭配使用，合成一个组选择器，解决margin-top塌陷的问题。</p>
<pre><code>.clearfix{ zoom:1 }
</code></pre>
<p>IE浏览器专用，兼容。</p>
<h3>11定位</h3>
<p>文档流：盒子按照html标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子占据自己的位置。</p>
<h4>1）关于定位</h4>
<p>使用css的position属性来设置元素的定位类型，position设置如下：<br> 1>relative生成相对定位元素，元素所占据的文档流的位置保留，元素本身相对自身原位进行偏移<br> 2>absolute 生成绝对定位元素，不占据文档流位置，定位时，相对于上一个设置了定位的父级元素来进行定位，如果找不到，则相对于body元素进行定位。<br> 3>fixed生成固定定位元素，脱离文档流，相对于浏览器窗口定位<br> 4>static默认值，没有定位，出现在正常的文档流中<br> 5>inherit 从父元素继承position属性的值</p>
<h4>2）定位元素的偏移</h4>
<p>使用right、left、top、bottom来设置相对于参考元素的偏移值。</p>
<h3>12.background属性</h3>
<h4>1）设置项：</h4>
<pre><code class="prism language-css">background-color 设置背景颜色
background-image 设置背景图片地址
background-repeat 设置背景图片如何重复平铺
background-position 设置背景图片的位置，水平方向“left、center、right”，垂直方向“top、center、bottom”。
background-attachment 设置背景图片是固定还是随着页面滚动条滚动
position属性中，左右移动时，负值向左，正值向右。上下移动时，负值向上，正值向下。
</code></pre>
<h4>2）雪碧图</h4>
<p>ps制作雪碧图<br> 1.使用photoshop新建一张背景透明的图片<br> 2.将小图片复制到此图片中，排列好每个图像的位置，图片幅面不够可以用画布大小调整大小<br> 3.按照所有小图片的范围裁剪图片，存为透明背景的png图片<br> 13.前端页面开发流程<br> 1）创建页面项目目录<br> 2）使用photoshop对效果图切图，切出网页制作中需要的小图片<br> 3）将装饰类图像合并，制作成雪碧图<br> 4）结合photoshop和代码编辑器，参照效果图，进行html和css代码书写，制作页面。</p>
<h3>14.html5与CSS3</h3>
<h4>1）css权重</h4>
<p>权重高的样式对元素起作用。<br> 权重等级：<br> 1> !important 加载样式属性值后，权重值为10000<br> 2>内联样式，如：style=“”，权重值为1000<br> 3>ID选择器，如：#content，权重值为100<br> 4>类、伪类和属性选择器，如：content、:hover权重值为10<br> 5>标签选择器和伪元素选择器，如：div、p、:before权重值为1<br> 6>通用选择器（<code>*</code>）、子选择器（>）、相邻选择器（+）、同胞选择器（~）、权重值为0</p>
<h4>2）css新增选择器</h4>
<h5>1>E:nth-child(n)</h5>
<p>匹配元素类型为E且是父元素的第n个子元素</p>
<h5>2>E:first-child</h5>
<p>匹配元素类型为E且是父元素的第一个子元素</p>
<h5>3>E:last-child</h5>
<p>匹配元素类型为E且是父元素的最后一个子元素</p>
<h5>4>E>F</h5>
<p>E元素下面第一层子元素</p>
<h5>5>E~F</h5>
<p>E元素后面的兄弟元素</p>
<h5>6>E+F</h5>
<p>紧挨着的后面的兄弟元素<br> 属性选择器：<br> 1>E[attr]含有attr属性的元素<br> 2>E[attr=‘ok’] 含有attr属性的元素且它的值为“ok”<br> 3>E[attr^=‘ok’] 含有attr属性的元素且它的值开头含有“ok”<br> 4>E[attr$=‘ok’] 含有attr属性的元素且它的值结尾含有“ok”<br> 5>E[attr*=‘ok’] 含有attr属性的元素且它的值中含有“ok”</p>
<h4>3）css3 圆角、rgba</h4>
<h5>1>圆角</h5>
<p>设置某一个角的圆角，比如设置左上角的圆角：<br> border-top-left-radius:30px 60px;<br> 同时设置四个角：<br> border-radius:30px 60px 120px 150px;<br> 顺序为顺时针</p>
<h5>2>rgba</h5>
<p>a 盒子透明度表示法</p>
<pre><code>.box
{
opacity:0.1;
filter:alpha(opacity=10); 兼容IE
}
</code></pre>
<p>b rgba(0,0,0,0.1)前三个数值表示颜色，第四个数值表示颜色的透明度</p>
<h4>4）css3 transition动画</h4>
<p>1>transition-property设置过渡的属性，如，width height background-color<br> 2>transition-duration 设置过渡的时间，如：1s 500ms<br> 3>transition-timing-function 设置过渡的运动方式，常用linear匀速 ease缓冲<br> 4>transition-delay设置动画的延迟<br> 5>transition: property duration timing-function delay 同时设置四个属性</p>
<h4>5）css3 transform变换 翻面</h4>
<p>1>translate(x, y) 设置盒子位移<br> 2>scale(x, y) 设置盒子缩放<br> 3>rotate(deg) 设置盒子旋转<br> 4>skew(x-angle, y-angle) 设置盒子斜切<br> 5>perspective 设置透视距离<br> 6>transform-style flat|preserve-3d 设置盒子是否按3d空间显示<br> 7>translateX、translateY, translate 设置三维移动<br> 8>rotateX, rotateY, rotateZ 设置三维旋转<br> 9>scaleX, scaleY, scaleZ 设置三维缩放<br> 10>transform-origin 设置变形的中心点<br> 11>backface-visibility 设置盒子背面是否可见</p>
<h4>6）css3 animation动画</h4>
<p>1>@keyframes 定义关键帧动画<br> 2>animation-name 动画名称<br> 3>animation-duration 动画时间<br> 4>animation-timing-function 动画曲线 linear匀速，ease缓冲，steps步数<br> 5>animation-delay 动画延迟<br> 6>animation-iteration-count 动画播放次数 n|infinite<br> 7>animation-direction 动画结束后是否反向还原 normal|alternate<br> 8>animation-play-state 动画状态 paused（停止）|running（运动）<br> 9>animation-fill-mode 动画前后的状态 none|forwards（结束时停留在最后一帧）|backwards（开始时停留在定义的开始帧）|both（前后都应用）<br> 10>animation:name duration timing-function delay iteration-count direction; 同时设置多个属性。</p>
<h4>7）css3浏览器前缀</h4>
<h5>1>浏览器样式前缀</h5>
<p>为了让css3样式兼容，需要将某些样式加上浏览器前缀：<br> -ms- 兼容ie浏览器<br> -moz- 兼容firefox<br> -o- 兼容opera<br> -webkit- 兼容chrome和safari</p>
<h5>2>自动添加浏览器前缀</h5>
<p>交给插件，如，安装autoprefixer</p>
<h4>8）html5新增标签</h4>
<p>新增语义标签<br> <code><header></code> 页面头部、页眉<br> <code><nav></code> 页面导航<br> <code><article></code> 一篇文章<br> <code><section></code> 文章中的章节<br> <code><aside></code> 侧边栏<br> <code><footer></code> 页面底部，页脚<br> 音频视频</p>
<pre><code><audio>
<video>
</code></pre>
<h4>9）html5新增表单控件</h4>
<p>网址 邮箱 日期 时间 星期 数量 范围 电话 颜色 搜索</p>
<pre><code class="prism language-css"><label><span class="token property">网址</span><span class="token punctuation">:</span></label><input type=<span class="token string">"url"</span> name=<span class="token string">""</span> required><br><br>
<label><span class="token property">邮箱</span><span class="token punctuation">:</span></label><input type=<span class="token string">"email"</span> name=<span class="token string">""</span> required><br><br>
<label><span class="token property">日期</span><span class="token punctuation">:</span></label><input type=<span class="token string">"date"</span> name=<span class="token string">""</span>><br><br>
<label><span class="token property">时间</span><span class="token punctuation">:</span></label><input type=<span class="token string">"time"</span> name=<span class="token string">""</span>><br><br>
<label><span class="token property">星期</span><span class="token punctuation">:</span></label><input type=<span class="token string">"week"</span> name=<span class="token string">""</span>><br><br>
<label><span class="token property">数量</span><span class="token punctuation">:</span></label><input type=<span class="token string">"number"</span> name=<span class="token string">""</span>> <br><br>
<label><span class="token property">范围</span><span class="token punctuation">:</span></label><input type=<span class="token string">"range"</span> name=<span class="token string">""</span>><br><br>
<label><span class="token property">电话</span><span class="token punctuation">:</span></label><input type=<span class="token string">"tel"</span> name=<span class="token string">""</span>><br><br>
<label><span class="token property">颜色</span><span class="token punctuation">:</span></label><input type=<span class="token string">"color"</span> name=<span class="token string">""</span>><br><br>
<label><span class="token property">搜索</span><span class="token punctuation">:</span></label><input type=<span class="token string">"search"</span> name=<span class="token string">""</span>><br><br>
</code></pre>
<p>新增常用表单控件属性：<br> 1>placeholder 设置文本框默认提示文字<br> 2>autofocus 自动获得焦点<br> 3>autocomplete 联想关键词</p>
<h3>15.移动端页面开发</h3>
<h4>1）移动端与pc端页面布局区别</h4>
<h5>1>视口</h5>
<p>将pc端页面缩放到移动端窗口的大小。<br> 使用meta标签，name=”viewport”来设置视口的大小，将视口的大小设置为和移动设备可视区一样的大小。<br> 快捷键：meta:vp+tab</p>
<h5>2>视网膜屏幕（retina屏幕）清晰度解决方案</h5>
<p>视网膜屏幕：屏幕的物理像素密度更高的屏幕。物理像素点比一般屏幕的多。<br> 图像在视网膜屏幕和一般屏幕上显示的一样大，但视网膜屏幕的物理像素点比一般屏幕的小，图像在上面好像是被放大了，图像会变得模糊。为了解决这一问题，可以使用比原来大一倍的图像，然后用css样式强制把图像的尺寸设为原来图像尺寸的大小。<br> background新属性<br> background-size:<br> length：用长度值指定背景图像大小。不允许负值。<br> percentage：用百分比指定背景图像大小。不允许负值。<br> auto：背景图像的真实大小。<br> cover：将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。<br> contain：将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内。</p>
<h4>2）适配布局类型</h4>
<h5>1>pc及移动端页面适配方法</h5>
<p>a 全适配：响应式布局+流体布局<br> b 移动端适配：流体布局+少量响应式布局 / 基于rem的布局</p>
<h5>2>流体布局</h5>
<p>使用百分比来设置元素的宽度，元素的高度按实际高度写固定值。可以使用样式中的计算函数calc()来设置宽度，或者使用box-sizing属性将盒子设置为从边线计算盒子尺寸。</p>
<pre><code>calc()
</code></pre>
<p>通过计算的方式给元素加尺寸</p>
<pre><code>box-sizing
</code></pre>
<p>content-box 默认的盒子尺寸计算方式<br> border-box 设置盒子的尺寸计算方式为从边框开始，盒子的尺寸，边框和内填充算在盒子尺寸内</p>
<h5>3>响应式布局</h5>
<p>使用媒体查询的方式，通过查询浏览器宽度，不同的宽度应用不同的样式，每个样式块对应的是该宽度下的布局方式，从而实现响应式布局。</p>
<h5>4>基于rem的布局</h5>
<p>em单位是参照元素自身的文字大小来设置尺寸，rem指的是参照根节点的文字大小，根节点指的是html标签，设置html标签的文字大小，其他的元素相关尺寸设置用rem，这样，所有元素都有了统一的参照标准，改变html的大小，就会改变所有元素用rem设置的尺寸大小。<br> cssrm插件可以动态地将px尺寸换算成rem尺寸。</p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1693393660571365376"></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,python,html5,CSS3,原生开发)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1950233451282100224.htm"
title="python 读excel每行替换_Python脚本操作Excel实现批量替换功能" target="_blank">python 读excel每行替换_Python脚本操作Excel实现批量替换功能</a>
<span class="text-muted">weixin_39646695</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E8%AF%BBexcel%E6%AF%8F%E8%A1%8C%E6%9B%BF%E6%8D%A2/1.htm">读excel每行替换</a>
<div>Python脚本操作Excel实现批量替换功能大家好，给大家分享下如何使用Python脚本操作Excel实现批量替换。使用的工具Openpyxl，一个处理excel的python库，处理excel，其实针对的就是WorkBook，Sheet，Cell这三个最根本的元素~明确需求原始excel如下我们的目标是把下面excel工作表的sheet1表页A列的内容“替换我吧”批量替换为B列的“我用来替换的</div>
</li>
<li><a href="/article/1950233167633903616.htm"
title="男士护肤品哪个牌子好？十大男士护肤品排行榜" target="_blank">男士护肤品哪个牌子好？十大男士护肤品排行榜</a>
<span class="text-muted">高省APP珊珊</span>
<div>很多男生意识到护肤的必要性，开始着手护肤，但不知道该选哪个男士护肤品品牌使用好。目前市面上很多男士护肤品品牌，可谓琳琅满目，让人眼花缭乱。男士挑选护肤品时，根据自己皮肤需求去正规渠道挑选合适的知名护肤品比较放心靠谱。高省APP，是2021年推出的平台，0投资，0风险、高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几百万篇报道，也期待你的加入</div>
</li>
<li><a href="/article/1950233072825856000.htm"
title="三菱PLC全套学习资料及应用手册" target="_blank">三菱PLC全套学习资料及应用手册</a>
<span class="text-muted">good2know</span>
<div>本文还有配套的精品资源，点击获取简介：三菱PLC作为工业自动化领域的核心设备，其系列产品的学习和应用需要全面深入的知识。本次资料包为学习者提供从基础到进阶的全方位学习资源，包括各种型号PLC的操作手册、编程指南、软件操作教程以及实际案例分析，旨在帮助用户系统掌握PLC的编程语言、指令系统及在各类工业应用中的实施。1.三菱PLC基础知识入门1.1PLC的基本概念可编程逻辑控制器（PLC）是工业自动化</div>
</li>
<li><a href="/article/1950232910862807040.htm"
title="《玉骨遥》：大司命为什么不杀朱颜？原因没那么简单" target="_blank">《玉骨遥》：大司命为什么不杀朱颜？原因没那么简单</a>
<span class="text-muted">windy天意晚晴</span>
<div>《玉骨遥》里，朱颜就是时影的命劫之人。重明与时影早就知道，他们一直瞒着大司命，如今大司命也知道了真相。可是大司命却没有杀朱颜，而是给朱颜下了诛心咒，还说时影的命劫已经破了，真的如此吗？1、计划总是赶不上变化的大司命从目前剧情来说，大司命还不如时影，他信心十足的事情总会有纰漏。他不让时影见命劫之女，结果时影还是遇上了。他想让时影走火入魔，一心复仇，结果时影在朱颜的劝说下放下了仇恨。大司命让时影开山收</div>
</li>
<li><a href="/article/1950232820773351424.htm"
title="移动端城市区县二级联动选择功能实现包" target="_blank">移动端城市区县二级联动选择功能实现包</a>
<span class="text-muted">good2know</span>
<div>本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery</div>
</li>
<li><a href="/article/1950232190038110208.htm"
title="day15｜前端框架学习和算法" target="_blank">day15｜前端框架学习和算法</a>
<span class="text-muted">universe_01</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/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/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
<div>T22括号生成先把所有情况都画出来，然后（在满足什么情况下）把不符合条件的删除。T78子集要画树状图，把思路清晰。可以用暴力法、回溯法和DFS做这个题DFS深度搜索：每个边都走完，再回溯应用：二叉树搜索，图搜索回溯算法=DFS+剪枝T200岛屿数量（非常经典BFS宽度把树状转化成队列形式，lambda匿名函数“一次性的小函数，没有名字”setup语法糖：让代码更简洁好写的语法ref创建：基本类型的</div>
</li>
<li><a href="/article/1950226770049429504.htm"
title="【C++算法】76.优先级队列_前 K 个高频单词" target="_blank">【C++算法】76.优先级队列_前 K 个高频单词</a>
<span class="text-muted">流星白龙</span>
<a class="tag" taget="_blank" href="/search/%E4%BC%98%E9%80%89%E7%AE%97%E6%B3%95C%2B%2B/1.htm">优选算法C++</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</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%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>文章目录题目链接：题目描述：解法C++算法代码：题目链接：692.前K个高频单词题目描述：解法利用堆来解决TopK问题预处理一下原始的字符串数组，用一个哈希表统计一下每一个单词出现的频次。创建一个大小为k的堆频次：小根堆字典序（频次相同的时候）：大根堆循环让元素依次进堆判断提取结果C++算法代码：classSolution{//定义类型别名，PSI表示对typedefpairPSI;//自定义比较</div>
</li>
<li><a href="/article/1950226391064702976.htm"
title="Flowable 实战落地核心：选型决策与坑点破解" target="_blank">Flowable 实战落地核心：选型决策与坑点破解</a>
<span class="text-muted">练习时长两年半的程序员小胡</span>
<a class="tag" taget="_blank" href="/search/Flowable/1.htm">Flowable</a><a class="tag" taget="_blank" href="/search/%E6%B5%81%E7%A8%8B%E5%BC%95%E6%93%8E%E5%AE%9E%E6%88%98%E6%8C%87%E5%8D%97/1.htm">流程引擎实战指南</a><a class="tag" taget="_blank" href="/search/%E4%BD%8E%E4%BB%A3%E7%A0%81/1.htm">低代码</a><a class="tag" taget="_blank" href="/search/BPMN/1.htm">BPMN</a><a class="tag" taget="_blank" href="/search/%E6%B5%81%E7%A8%8B%E5%BC%95%E6%93%8E/1.htm">流程引擎</a><a class="tag" taget="_blank" href="/search/flowable/1.htm">flowable</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>在企业级流程引擎的落地过程中，选型的准确性和坑点的预见性直接决定项目成败。本文聚焦Flowable实战中最关键的“选型决策”与“常见坑点”，结合真实项目经验，提供可落地的解决方案。一、流程引擎选型：从业务本质出发1.1选型的三大核心维度企业在选择流程引擎时，需避免陷入“技术崇拜”，应回归业务本质。评估Flowable是否适用，可从三个维度判断：业务复杂度若流程涉及动态审批链（如按金额自动升级审批）</div>
</li>
<li><a href="/article/1950225381961297920.htm"
title="SpringMVC的执行流程" target="_blank">SpringMVC的执行流程</a>
<span class="text-muted"></span>
<div>1、什么是MVCMVC是一种设计模式。MVC的原理图如下所示M-Model模型（完成业务逻辑：有javaBean构成，service+dao+entity）V-View视图（做界面的展示jsp，html……）C-Controller控制器（接收请求—>调用模型—>根据结果派发页面2、SpringMVC是什么SpringMVC是一个MVC的开源框架，SpringMVC=Struts2+Spring，</div>
</li>
<li><a href="/article/1950224618606358528.htm"
title="Aop +反射 实现方法版本动态切换" target="_blank">Aop +反射 实现方法版本动态切换</a>
<span class="text-muted"></span>
<div>需求分析在做技术选型的时候一直存在着两个声音，mongo作为数据库比较mysql好，mysql做为该数据比mongo好。当然不同数据库都有有着自己的优势，我们在做技术选型的时候无非就是做到对数据库的扬长避短。mysql最大的优势就是支持事务，事务的五大特性保证的业务可靠性，随之而来的就是事务会产生的问题：脏读、幻读、不可重复度，当然我们也会使用不同的隔离级别来解决。（最典型的业务问题：银行存取钱）</div>
</li>
<li><a href="/article/1950221967265165312.htm"
title="今晚吃太饱了" target="_blank">今晚吃太饱了</a>
<span class="text-muted">爱伤心的蚂蚁</span>
<div>今晚吃太饱了，两碗干饭，两碗肉汤，一碗牛奶银耳汤，感觉肚子都顶出来了，圆滚滚的！明早要早起，出发去小蚂蚁家！看着剩下的肉汤，倒掉多可惜，干掉了！看着小蚂蚁熬的银耳汤，倒掉多可惜，于是热了一下，顺便热袋牛奶倒进去，大娃喝点，小蚂蚁喝点，还剩下一大碗，继续干掉！吃的太饱，人也懒洋洋的，躺床上不想动，感受的肚子撑撑的感觉，好久没吃这么饱了！这一晚灌的都是汤汤水水的，天冷的晚上，半夜要睡不安稳咯！哈哈！小</div>
</li>
<li><a href="/article/1950221461255942144.htm"
title="你对待万事万物的态度" target="_blank">你对待万事万物的态度</a>
<span class="text-muted">行靜</span>
<div>昨晚爸爸把洒水壶灌满水，对我说：你也该去浇浇你阳台上的花咯。这么大的天气，几天没浇水都快死了。我才意识到自己容易突然间忽视一些事情。尤其是身旁的一些事，可能它们呆久了，反而习以为常。想想每天的生活状态就是在不断的重复着一些事，有点固定模式。没有什么特别发生。记录我的一天：上班，挤公交，用手机或电脑，吃饭，上课。没有</div>
</li>
<li><a href="/article/1950218019712069632.htm"
title="承德十大亲子鉴定医院名单(附2024年10所正规医院)" target="_blank">承德十大亲子鉴定医院名单(附2024年10所正规医院)</a>
<span class="text-muted">国医基因陈主任</span>
<div>承德哪家医院可以做亲子鉴定？承德市中心医院、中国人民解放军第二六六医院、承德医学院附属医院等都可以做常规亲子鉴定采样采集，一般的医院并不可以为你提供常规亲子鉴定检测的服务。承德亲子鉴定中心地址：承德市西大街路北11号（承德国医基因）。一般只有少数三甲医院可以做亲子鉴定采样，或者当地亲子鉴定中心可以做亲子鉴定。如果想做亲子鉴定，最好直接到亲子鉴定中心内或亲子鉴定医院采样点内进行双方抽血鉴定，这样会更</div>
</li>
<li><a href="/article/1950217889994829824.htm"
title="践行8.0~第六周11.25-12.02" target="_blank">践行8.0~第六周11.25-12.02</a>
<span class="text-muted">初队长</span>
<div>突破后的喜悦最可怕的不是自己不清楚，而是自己清楚了，却依然不心动，我想这就是我们每个人的惰性存在，在这一周的践行，我发现自己依然是停留在自己的模式当中，不断的恶性的轮回，虽然的话，那再晨间日记方面是纸质的填写，但是对一天的工作没有起到应有的计划和推动的作用而我自己呢，也有些时候的话会处于一个相对来讲放松的一个状态，时间的把控的话也有一些点的消极，所以在这周的间隙，重点是关注自己的三大目标为目标来进</div>
</li>
<li><a href="/article/1950217305761837056.htm"
title="5G基站信号加速器！AD8021ARZ-REEL7亚德诺 超低噪声高速电压放大器 专利失真消除技术!" target="_blank">5G基站信号加速器！AD8021ARZ-REEL7亚德诺 超低噪声高速电压放大器 专利失真消除技术!</a>
<span class="text-muted">深圳市尚想信息技术有限公司</span>
<a class="tag" taget="_blank" href="/search/5G%E9%80%9A%E4%BF%A1/1.htm">5G通信</a><a class="tag" taget="_blank" href="/search/%E9%AB%98%E9%80%9F%E8%BF%90%E6%94%BE/1.htm">高速运放</a><a class="tag" taget="_blank" href="/search/ADI%E9%BB%91%E7%A7%91%E6%8A%80/1.htm">ADI黑科技</a><a class="tag" taget="_blank" href="/search/8K%E8%A7%86%E9%A2%91/1.htm">8K视频</a><a class="tag" taget="_blank" href="/search/%E5%8C%BB%E7%96%97%E8%B6%85%E5%A3%B0/1.htm">医疗超声</a>
<div>AD8021ARZ-REEL7ADI：重新定义高速放大器的性能极限！一、产品简介AD8021ARZ-REEL7是ADI（亚德诺半导体）推出的超低噪声高速电压反馈放大器，采用XFCB工艺和专利失真消除技术，专为4K/8K视频处理、医疗成像、5G通信等超高频应用设计。以1.8GHz带宽和0.1nV/√Hz超低噪声，成为高速信号调理的终极解决方案！二、五大颠覆性优势军工级信号保真度1.8GHz-3dB带</div>
</li>
<li><a href="/article/1950215984249892864.htm"
title="打造自己的梦想生态系统" target="_blank">打造自己的梦想生态系统</a>
<span class="text-muted">轻风style</span>
<div>今天听了第5周5.1的梦想系统和随堂练习：梦想仓库与八大关注表。参照老师给出的例子，列出了八大关注对应的自己的梦想。有些写的时候内心都在怀疑，但因为老师有说到，要没有分别心的去列出，不管是近的，远的，小的，大的，自己觉得可以实现的，或者觉得根本不可能实现的，都统统的列出来。就像音频中提到的，林语堂说过的话，梦想无论怎样模糊，总潜伏在我们心底，使我们的心境永远得不到宁静，直到这些梦想成为事实才止；像</div>
</li>
<li><a href="/article/1950215985592070144.htm"
title="我是孩子妈妈，我会让孩子饿着吗？" target="_blank">我是孩子妈妈，我会让孩子饿着吗？</a>
<span class="text-muted">松玲子</span>
<div>回老家过年，就是一场在关于喂养孩子问题上与老人的巅峰对决。前天我们回老家了，他爷爷奶奶就说孩子瘦了，就说我喂的不好，不按时喂，第一天夜里孩子总是睡一会就哭，睡一会就哭，夜里不知醒了多少次，弄得我真是几乎彻夜未眠。一大早，我还没起，我就听见他爷爷奶奶在外边说，今黑夜阳阳怎么老哭，是不是饿的，然后又延伸到我喂养的问题上，说不吃盐不行，不吃盐孩子没劲，吃蛋光吃个蛋黄，吃不饱，给他吃全蛋就行，哎呀我去，我</div>
</li>
<li><a href="/article/1950214458265628672.htm"
title="心力践行营十二期一阶学习打卡" target="_blank">心力践行营十二期一阶学习打卡</a>
<span class="text-muted">LX_王彤彤</span>
<div>姓名：王彤彤时间：2021年4月24日一：朗读师父的十大人生哲学二：师父的早安分享感悟很喜欢这句话：所有的行动都是基于目标的尝试，没有所谓的失败，只是不同尝试后得到的不同结果，让我们更好地调整下一次的行动。三：感恩日记1.我太幸福了，我很感恩姑姑，因为姑姑放假又投喂了我，还给我带了饺子回家，这让我感觉很幸福。谢谢，谢谢，谢谢。2.我太幸福了，我很感恩师父晚上的直播，因为听他的分享我知道怎么更好的去</div>
</li>
<li><a href="/article/1950214205252628480.htm"
title="为了在未来的人工智能世界中取得成功，学生们必须学习人类写作的优点" target="_blank">为了在未来的人工智能世界中取得成功，学生们必须学习人类写作的优点</a>
<span class="text-muted">睿邸管家</span>
<div>澳大利亚各地的学生在新学年开始使用铅笔、钢笔和键盘学习写字。在工作场所，机器也在学习写作，如此有效，几年之内，它们可能会写得比人类更好。有时它们已经做到了，就像Grammarly这样的应用程序所展示的那样。当然，人类现在的日常写作可能很快就会由具有人工智能(AI)的机器来完成。手机和电子邮件软件常用的预测文本是无数人每天都在使用的一种人工智能写作形式。据AI行业研究机构称，到2022年，人工智能及</div>
</li>
<li><a href="/article/1950214200206880768.htm"
title="《自控力》P158" target="_blank">《自控力》P158</a>
<span class="text-muted">迷糊笑</span>
<div>作者：凯利•麦格尼格尔图片发自App金句：众多研究显示，自我批评会降低积极性和自控力，而且也是最容易导致抑郁的因素。它不仅耗尽了“我要做”的力量，还耗尽了“我想要”的力量。相反，自我同情则会提升积极性和自控力，比如，在压力和挫折面前支持自己、对自己好一些。感想：我当年抑郁是不是也是因为这样？图片发自App</div>
</li>
<li><a href="/article/1950210629008683008.htm"
title="京东中秋节会打折吗？京东中秋节活动力度大吗？" target="_blank">京东中秋节会打折吗？京东中秋节活动力度大吗？</a>
<span class="text-muted">高省APP珊珊</span>
<div>京东中秋节会打折，并且活动力度通常是比较大的。以下是具体分析：京东中秋节打折情况降价促销：京东在中秋节期间会推出大规模的降价促销活动，涵盖食品、家居、家电等多个品类，以及众多热门品牌。消费者可以在此期间享受到实实在在的降价优惠。多种优惠形式：除了直接的降价促销，京东还会通过满减优惠、折扣促销、限时秒杀等多种形式的优惠活动来吸引消费者。这些优惠活动通常具有较高的吸引力，能够激发消费者的购买欲望。目前</div>
</li>
<li><a href="/article/1950209238135533568.htm"
title="农场种蔬菜赚钱小游戏有哪些 五大可以赚钱的小游戏APP" target="_blank">农场种蔬菜赚钱小游戏有哪些 五大可以赚钱的小游戏APP</a>
<span class="text-muted">氧惠帮朋友一起省</span>
<div>喜欢种菜吗？我特意带来农场种蔬菜赚钱小游戏排行榜2022，线上汇集了超多模拟种菜玩法，玩家可以免费种植赚钱哦！每天都有大量的种植任务，线上完成就能赚钱哦！快来下载吧！1.氧惠APP购物、看电影、点外卖、用氧惠APP！更优惠！氧惠（全网优惠上氧惠）——是与以往完全不同的抖客+淘客app！2023全新模式，我的直推也会放到你下面，送1:1超级补贴(邀请好友自购多少，你就推广得多少，非常厉害)，欢迎各位</div>
</li>
<li><a href="/article/1950209236877242368.htm"
title="严重的DDoS 攻击澳大利亚主要宽带提供商" target="_blank">严重的DDoS 攻击澳大利亚主要宽带提供商</a>
<span class="text-muted">Fancy1816575412</span>
<div>本周早些时候，澳大利亚最大的固定无线宽带运营商CirrusCommunications遭受了一次重大的DDoS攻击，导致其一半以上的网络瘫痪。该公司在其网站上声称：“强大的架构、数百个传输站点以及光纤和微波回程的使用使其能够以非常高的正常运行时间提供高速”。CirrusCommunications表示，它覆盖了澳大利亚十大人口中心以及几个主要的区域中心，主要为企业和政府客户提供服务。然而，据The</div>
</li>
<li><a href="/article/1950208989954371584.htm"
title="Selenium 特殊控件操作与 ActionChains 实践详解" target="_blank">Selenium 特殊控件操作与 ActionChains 实践详解</a>
<span class="text-muted">小馋喵知识杂货铺</span>
<a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7/1.htm">测试工具</a>
<div>1.下拉框单选操作(a)使用SeleniumSelect类（标准HTML标签）Selenium提供了内置的Select类用于操作标准下拉框，这种方式简单且直观。fromselenium.webdriver.support.uiimportSelect#定位下拉框dropdown=Select(driver.find_element("id","dropdown_id"))#通过以下三种方式选择单个</div>
</li>
<li><a href="/article/1950208107430866944.htm"
title="python笔记14介绍几个魔法方法" target="_blank">python笔记14介绍几个魔法方法</a>
<span class="text-muted">抢公主的大魔王</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>python笔记14介绍几个魔法方法先声明一下各位大佬，这是我的笔记。如有错误，恳请指正。另外，感谢您的观看，谢谢啦！(1).__doc__输出对应的函数，类的说明文档print(print.__doc__)print(value,...,sep='',end='\n',file=sys.stdout,flush=False)Printsthevaluestoastream,ortosys.std</div>
</li>
<li><a href="/article/1950207457208889344.htm"
title="3次创业身价百亿，2年前却被大众判“死刑”，李想如今怎样了？" target="_blank">3次创业身价百亿，2年前却被大众判“死刑”，李想如今怎样了？</a>
<span class="text-muted">职心眼儿</span>
<div>他，19岁放弃高考去创业；25岁，成为亿万富豪，被央视评为“80后创业”领军人物；39岁，身价再次暴涨，一夜间闯过200亿大关。他，在3个领域连续创业20年，一家公司市值700亿，一家公司市值2000亿。而他的最高学历，却只有高中。这个人，就是理想汽车的创始人——李想。纵观李想的创业史，可谓是颇为传奇：一个既没背景，又没资金高中毕业生，怎么就让3位互联网巨头（张一鸣、王兴、程维）同时为自己站台？更</div>
</li>
<li><a href="/article/1950207097413103616.htm"
title="微信公众号回调java_处理微信公众号消息回调" target="_blank">微信公众号回调java_处理微信公众号消息回调</a>
<span class="text-muted">weixin_39607620</span>
<a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%8F%B7%E5%9B%9E%E8%B0%83java/1.htm">微信公众号回调java</a>
<div>1、背景在上一节中，咱们知道如何接入微信公众号，可是以后公众号会与咱们进行交互，那么微信公众号如何通知到咱们本身的服务器呢？咱们知道咱们接入的时候提供的url是GET/mp/entry，那么公众号以后产生的事件将会以POST/mp/entry发送到咱们本身的服务器上。html2、代码实现，此处仍是使用weixin-java-mp这个框架实现一、引入weixin-java-mpcom.github.</div>
</li>
<li><a href="/article/1950207072004009984.htm"
title="【备孕故事】她一直想做个大差不离的人，没想到在这件事上拔了尖儿" target="_blank">【备孕故事】她一直想做个大差不离的人，没想到在这件事上拔了尖儿</a>
<span class="text-muted">宜嘉阿姨</span>
<div>图片发自App杨婷说从小到大自己就是个中规中矩的人，不出格，不落单，一直随着大流。学业上从未出类拔萃，却也跟着大部队一起考上了一本；做事从不冒尖，搞个大差不离就行，因此，这么多年以来，差不多就行成了她对自己人生的要求。22岁大学毕业进了一家国企，外型不出挑但文静可人的她也遇上了两位追求者，简单的观察和交往后，她从中选了李广作为自己的婚恋对象。25岁那年，在父母亲朋的祝福声中杨婷和李广步入了婚姻。婚</div>
</li>
<li><a href="/article/1950206970766094336.htm"
title="C++编程基础与面向对象概念解析" target="_blank">C++编程基础与面向对象概念解析</a>
<span class="text-muted">侯昂</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1%E7%BC%96%E7%A8%8B/1.htm">面向对象编程</a><a class="tag" taget="_blank" href="/search/C%2B%2B%E8%AF%AD%E6%B3%95/1.htm">C++语法</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0/1.htm">函数</a><a class="tag" taget="_blank" href="/search/%E7%B1%BB%E4%B8%8E%E5%AF%B9%E8%B1%A1/1.htm">类与对象</a><a class="tag" taget="_blank" href="/search/%E7%BB%A7%E6%89%BF%E4%B8%8E%E5%A4%9A%E6%80%81%E6%80%A7/1.htm">继承与多态性</a>
<div>C++编程基础与面向对象概念解析背景简介C++是一种广泛使用的面向对象编程语言，它允许开发者创建高效、灵活且功能强大的程序。本文基于《C++Primer》一书的章节内容，深入解析C++的核心概念和面向对象编程原则，旨在帮助读者构建扎实的C++编程基础。面向对象编程的原则软件危机与进化介绍了软件危机的产生和软件进化的必要性，强调了面向对象编程（OOP）在应对这些问题中的优势。面向对象编程范式讨论了面</div>
</li>
<li><a href="/article/1950205543767404544.htm"
title="黛玉葬花是一种什么心情" target="_blank">黛玉葬花是一种什么心情</a>
<span class="text-muted">爱的生命力</span>
<div>图片发自App小区里的花终于开了，带着孩子在小区散步的时候，无意间我注意到了玉兰，第一次我发现原来它是先开花后长叶子的，洁白如玉的花高耸入云，那种洁白，让人敬畏。因为有风，所以带孩子在楼遮挡的草坪上玩，发现紫叶李的花也开了，并且随着风的吹动，落了满地，孩子捡起一朵花，拿到我面前，细声细气的说“花”，我的大脑细胞瞬间激活，为什么不和孩子一起捡花呢！这可是一项好玩的游戏，于是我给孩子拿了一个大的挖土用</div>
</li>
<li><a href="/article/112.htm"
title="HQL之投影查询" target="_blank">HQL之投影查询</a>
<span class="text-muted">归来朝歌</span>
<a class="tag" taget="_blank" href="/search/HQL/1.htm">HQL</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E8%AF%A2%E8%AF%AD%E5%8F%A5/1.htm">查询语句</a><a class="tag" taget="_blank" href="/search/%E6%8A%95%E5%BD%B1%E6%9F%A5%E8%AF%A2/1.htm">投影查询</a>
<div> 在HQL查询中，常常面临这样一个场景，对于多表查询，是要将一个表的对象查出来还是要只需要每个表中的几个字段，最后放在一起显示？
针对上面的场景，如果需要将一个对象查出来：
HQL语句写“from 对象”即可
Session session = HibernateUtil.openSession();
</div>
</li>
<li><a href="/article/239.htm"
title="Spring整合redis" target="_blank">Spring整合redis</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a>
<div>pom.xml
<dependencies>
<!-- Spring Data - Redis Library -->
<dependency>
<groupId>org.springframework.data</groupId>
<artifactId>spring-data-redi</div>
</li>
<li><a href="/article/366.htm"
title="org.hibernate.NonUniqueResultException: query did not return a unique result: 2" target="_blank">org.hibernate.NonUniqueResultException: query did not return a unique result: 2</a>
<span class="text-muted">0624chenhong</span>
<a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a>
<div>参考：http://blog.csdn.net/qingfeilee/article/details/7052736
org.hibernate.NonUniqueResultException: query did not return a unique result: 2
在项目中出现了org.hiber</div>
</li>
<li><a href="/article/493.htm"
title="android动画效果" target="_blank">android动画效果</a>
<span class="text-muted">不懂事的小屁孩</span>
<a class="tag" taget="_blank" href="/search/android%E5%8A%A8%E7%94%BB/1.htm">android动画</a>
<div>前几天弄alertdialog和popupwindow的时候，用到了android的动画效果，今天专门研究了一下关于android的动画效果，列出来，方便以后使用。
Android 平台提供了两类动画。 一类是Tween动画，就是对场景里的对象不断的进行图像变化来产生动画效果（旋转、平移、放缩和渐变）。
第二类就是 Frame动画，即顺序的播放事先做好的图像，与gif图片原理类似。
</div>
</li>
<li><a href="/article/620.htm"
title="js delete 删除机理以及它的内存泄露问题的解决方案" target="_blank">js delete 删除机理以及它的内存泄露问题的解决方案</a>
<span class="text-muted">换个号韩国红果果</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
<div>delete删除属性时只是解除了属性与对象的绑定，故当属性值为一个对象时，删除时会造成内存泄露 （其实还未删除）
举例：
var person={name:{firstname:'bob'}}
var p=person.name
delete person.name
p.firstname -->'bob'
// 依然可以访问p.firstname，存在内存泄露</div>
</li>
<li><a href="/article/747.htm"
title="Oracle将零干预分析加入网络即服务计划" target="_blank">Oracle将零干预分析加入网络即服务计划</a>
<span class="text-muted">蓝儿唯美</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
<div>由Oracle通信技术部门主导的演示项目并没有在本月较早前法国南斯举行的行业集团TM论坛大会中获得嘉奖。但是，Oracle通信官员解雇致力于打造一个支持零干预分配和编制功能的网络即服务（NaaS）平台，帮助企业以更灵活和更适合云的方式实现通信服务提供商（CSP）的连接产品。这个Oracle主导的项目属于TM Forum Live!活动上展示的Catalyst计划的19个项目之一。Catalyst计</div>
</li>
<li><a href="/article/874.htm"
title="spring学习——springmvc（二）" target="_blank">spring学习——springmvc（二）</a>
<span class="text-muted">a-john</span>
<a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a>
<div>Spring MVC提供了非常方便的文件上传功能。
1，配置Spring支持文件上传：
DispatcherServlet本身并不知道如何处理multipart的表单数据，需要一个multipart解析器把POST请求的multipart数据中抽取出来，这样DispatcherServlet就能将其传递给我们的控制器了。为了在Spring中注册multipart解析器，需要声明一个实现了Mul</div>
</li>
<li><a href="/article/1001.htm"
title="POJ-2828-Buy Tickets" target="_blank">POJ-2828-Buy Tickets</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/ACM_POJ/1.htm">ACM_POJ</a>
<div>POJ-2828-Buy Tickets
http://poj.org/problem?id=2828
线段树，逆序插入
#include<iostream>#include<cstdio>#include<cstring>#include<cstdlib>using namespace std;#define N 200010struct</div>
</li>
<li><a href="/article/1128.htm"
title="Java Ant build.xml详解" target="_blank">Java Ant build.xml详解</a>
<span class="text-muted">asia007</span>
<a class="tag" taget="_blank" href="/search/build.xml/1.htm">build.xml</a>
<div>1,什么是antant是构建工具2,什么是构建概念到处可查到，形象来说，你要把代码从某个地方拿来，编译，再拷贝到某个地方去等等操作，当然不仅与此，但是主要用来干这个3,ant的好处跨平台 --因为ant是使用java实现的，所以它跨平台使用简单--与ant的兄弟make比起来语法清晰--同样是和make相比功能强大--ant能做的事情很多，可能你用了很久，你仍然不知道它能有</div>
</li>
<li><a href="/article/1255.htm"
title="android按钮监听器的四种技术" target="_blank">android按钮监听器的四种技术</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/xml%E9%85%8D%E7%BD%AE/1.htm">xml配置</a><a class="tag" taget="_blank" href="/search/%E7%9B%91%E5%90%AC%E5%99%A8/1.htm">监听器</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E7%8E%B0%E6%8E%A5%E5%8F%A3/1.htm">实现接口</a>
<div>android开发中经常会用到各种各样的监听器,android监听器的写法与java又有不同的地方;
1,activity中使用内部类实现接口 ,创建内部类实例 使用add方法 与java类似
创建监听器的实例
myLis lis = new myLis();
使用add方法给按钮添加监听器
</div>
</li>
<li><a href="/article/1382.htm"
title="软件架构师不等同于资深程序员" target="_blank">软件架构师不等同于资深程序员</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84%E5%B8%88/1.htm">架构师</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1/1.htm">架构设计</a>
<div> 本文的作者Armel Nene是ETAPIX Global公司的首席架构师，他居住在伦敦，他参与过的开源项目包括 Apache Lucene,，Apache Nutch， Liferay 和 Pentaho等。
如今很多的公司</div>
</li>
<li><a href="/article/1509.htm"
title="TeamForge Wiki Syntax & CollabNet User Information Center" target="_blank">TeamForge Wiki Syntax & CollabNet User Information Center</a>
<span class="text-muted">sunjing</span>
<a class="tag" taget="_blank" href="/search/TeamForge/1.htm">TeamForge</a><a class="tag" taget="_blank" href="/search/How+do/1.htm">How do</a><a class="tag" taget="_blank" href="/search/Attachement/1.htm">Attachement</a><a class="tag" taget="_blank" href="/search/Anchor/1.htm">Anchor</a><a class="tag" taget="_blank" href="/search/Wiki+Syntax/1.htm">Wiki Syntax</a>
<div>the CollabNet user information center http://help.collab.net/
How do I create a new Wiki page?
A CollabNet TeamForge project can have any number of Wiki pages. All Wiki pages are linked, and</div>
</li>
<li><a href="/article/1636.htm"
title="【Redis四】Redis数据类型" target="_blank">【Redis四】Redis数据类型</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a>
<div>概述
Redis是一个高性能的数据结构服务器，称之为数据结构服务器的原因是，它提供了丰富的数据类型以满足不同的应用场景，本文对Redis的数据类型以及对这些类型可能的操作进行总结。
Redis常用的数据类型包括string、set、list、hash以及sorted set.Redis本身是K/V系统，这里的数据类型指的是value的类型，而不是key的类型，key的类型只有一种即string</div>
</li>
<li><a href="/article/1763.htm"
title="SSH2整合-附源码" target="_blank">SSH2整合-附源码</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/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a>
<div>今天用eclipse终于整合出了struts2+hibernate+spring框架。
我创建的是tomcat项目，需要有tomcat插件。导入项目以后，鼠标右键选择属性，然后再找到“tomcat”项，勾选一下“Is a tomcat project”即可。具体方法见源码里的jsp图片，sql也在源码里。
补充1：项目中部分jar包不是最新版的，可能导</div>
</li>
<li><a href="/article/1890.htm"
title="[转]开源项目代码的学习方法" target="_blank">[转]开源项目代码的学习方法</a>
<span class="text-muted">braveCS</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%96%B9%E6%B3%95/1.htm">学习方法</a>
<div>转自：
http://blog.sina.com.cn/s/blog_693458530100lk5m.html
http://www.cnblogs.com/west-link/archive/2011/06/07/2074466.html
1）阅读features。以此来搞清楚该项目有哪些特性2）思考。想想如果自己来做有这些features的项目该如何构架3）下载并安装d</div>
</li>
<li><a href="/article/2017.htm"
title="编程之美-子数组的最大和（二维）" target="_blank">编程之美-子数组的最大和（二维）</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a>
<div>package beautyOfCoding;
import java.util.Arrays;
import java.util.Random;
public class MaxSubArraySum2 {
/**
* 编程之美 子数组之和的最大值（二维）
*/
private static final int ROW = 5;
private stat</div>
</li>
<li><a href="/article/2144.htm"
title="读书笔记-3" target="_blank">读书笔记-3</a>
<span class="text-muted">chengxuyuancsdn</span>
<a class="tag" taget="_blank" href="/search/jquery%E7%AC%94%E8%AE%B0/1.htm">jquery笔记</a><a class="tag" taget="_blank" href="/search/resultMap%E9%85%8D%E7%BD%AE/1.htm">resultMap配置</a><a class="tag" taget="_blank" href="/search/ibatis%E4%B8%80%E5%AF%B9%E5%A4%9A%E9%85%8D%E7%BD%AE/1.htm">ibatis一对多配置</a>
<div>1、resultMap配置
2、ibatis一对多配置
3、jquery笔记
1、resultMap配置
当<select resultMap="topic_data">
<resultMap id="topic_data">必须一一对应。
(1)<resultMap class="tblTopic&q</div>
</li>
<li><a href="/article/2271.htm"
title="[物理与天文]物理学新进展" target="_blank">[物理与天文]物理学新进展</a>
<span class="text-muted">comsci</span>
<div>
如果我们必须获得某种地球上没有的矿石,才能够进行某些能量输出装置的设计和建造,而要获得这种矿石,又必须首先进行深空探测,而要进行深空探测,又必须获得这种能量输出装置,这个矛盾的循环,会导致地球联盟在与宇宙文明建立关系的时候,陷入困境
怎么办呢?
</div>
</li>
<li><a href="/article/2398.htm"
title="Oracle 11g新特性:Automatic Diagnostic Repository" target="_blank">Oracle 11g新特性:Automatic Diagnostic Repository</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/ADR/1.htm">ADR</a>
<div>Oracle Database 11g的FDI（Fault Diagnosability Infrastructure）是自动化诊断方面的又一增强。
FDI的一个关键组件是自动诊断库（Automatic Diagnostic Repository-ADR）。
在oracle 11g中，alert文件的信息是以xml的文件格式存在的，另外提供了普通文本格式的alert文件。
这两份log文</div>
</li>
<li><a href="/article/2525.htm"
title="简单排序:选择排序" target="_blank">简单排序:选择排序</a>
<span class="text-muted">dieslrae</span>
<a class="tag" taget="_blank" href="/search/%E9%80%89%E6%8B%A9%E6%8E%92%E5%BA%8F/1.htm">选择排序</a>
<div>
public void selectSort(int[] array){
int select;
for(int i=0;i<array.length;i++){
select = i;
for(int k=i+1;k<array.leng</div>
</li>
<li><a href="/article/2652.htm"
title="C语言学习六指针的经典程序，互换两个数字" target="_blank">C语言学习六指针的经典程序，互换两个数字</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a>
<div>示例程序，swap_1和swap_2都是错误的，推理从1开始推到2，2没完成，推到3就完成了
# include <stdio.h>
void swap_1(int, int);
void swap_2(int *, int *);
void swap_3(int *, int *);
int main(void)
{
int a = 3;
int b = </div>
</li>
<li><a href="/article/2779.htm"
title="php 5.4中php-fpm 的重启、终止操作命令" target="_blank">php 5.4中php-fpm 的重启、终止操作命令</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a>
<div>php 5.4中php-fpm 的重启、终止操作命令:
查看php运行目录命令：which php/usr/bin/php
查看php-fpm进程数：ps aux | grep -c php-fpm
查看运行内存/usr/bin/php -i|grep mem
重启php-fpm/etc/init.d/php-fpm restart
在phpinfo()输出内容可以看到php</div>
</li>
<li><a href="/article/2906.htm"
title="线程同步工具类" target="_blank">线程同步工具类</a>
<span class="text-muted">shuizhaosi888</span>
<a class="tag" taget="_blank" href="/search/%E5%90%8C%E6%AD%A5%E5%B7%A5%E5%85%B7%E7%B1%BB/1.htm">同步工具类</a>
<div>同步工具类包括信号量（Semaphore）、栅栏（barrier）、闭锁（CountDownLatch）
闭锁（CountDownLatch）
public class RunMain {
public long timeTasks(int nThreads, final Runnable task) throws InterruptedException {
fin</div>
</li>
<li><a href="/article/3033.htm"
title="bleeding edge是什么意思" target="_blank">bleeding edge是什么意思</a>
<span class="text-muted">haojinghua</span>
<a class="tag" taget="_blank" href="/search/DI/1.htm">DI</a>
<div>不止一次，看到很多讲技术的文章里面出现过这个词语。今天终于弄懂了——通过朋友给的浏览软件，上了wiki。
我再一次感到，没有辞典能像WiKi一样，给出这样体贴人心、一清二楚的解释了。为了表达我对WiKi的喜爱，只好在此一一中英对照，给大家上次课。
In computer science, bleeding edge is a term that </div>
</li>
<li><a href="/article/3160.htm"
title="c中实现utf8和gbk的互转" target="_blank">c中实现utf8和gbk的互转</a>
<span class="text-muted">jimmee</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/iconv/1.htm">iconv</a><a class="tag" taget="_blank" href="/search/utf8%26gbk%E7%BC%96%E7%A0%81/1.htm">utf8&gbk编码</a>
<div>#include <iconv.h>
#include <stdlib.h>
#include <stdio.h>
#include <unistd.h>
#include <fcntl.h>
#include <string.h>
#include <sys/stat.h>
int code_c</div>
</li>
<li><a href="/article/3287.htm"
title="大型分布式网站架构设计与实践" target="_blank">大型分布式网站架构设计与实践</a>
<span class="text-muted">lilin530</span>
<a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a><a class="tag" taget="_blank" href="/search/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/1.htm">搜索引擎</a>
<div>1.大型网站软件系统的特点？
a.高并发，大流量。
b.高可用。
c.海量数据。
d.用户分布广泛，网络情况复杂。
e.安全环境恶劣。
f.需求快速变更，发布频繁。
g.渐进式发展。
2.大型网站架构演化发展历程？
a.初始阶段的网站架构。
应用程序，数据库，文件等所有的资源都在一台服务器上。
b.应用服务器和数据服务器分离。
c.使用缓存改善网站性能。
d.使用应用</div>
</li>
<li><a href="/article/3414.htm"
title="在代码中获取Android theme中的attr属性值" target="_blank">在代码中获取Android theme中的attr属性值</a>
<span class="text-muted">OliveExcel</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/theme/1.htm">theme</a>
<div>Android的Theme是由各种attr组合而成, 每个attr对应了这个属性的一个引用, 这个引用又可以是各种东西.
在某些情况下, 我们需要获取非自定义的主题下某个属性的内容 (比如拿到系统默认的配色colorAccent), 操作方式举例一则:
int defaultColor = 0xFF000000;
int[] attrsArray = { andorid.r.</div>
</li>
<li><a href="/article/3541.htm"
title="基于Zookeeper的分布式共享锁" target="_blank">基于Zookeeper的分布式共享锁</a>
<span class="text-muted">roadrunners</span>
<a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a><a class="tag" taget="_blank" href="/search/%E5%85%B1%E4%BA%AB%E9%94%81/1.htm">共享锁</a>
<div>首先，说说我们的场景，订单服务是做成集群的，当两个以上结点同时收到一个相同订单的创建指令，这时并发就产生了，系统就会重复创建订单。等等......场景。这时，分布式共享锁就闪亮登场了。
共享锁在同一个进程中是很容易实现的，但在跨进程或者在不同Server之间就不好实现了。Zookeeper就很容易实现。具体的实现原理官网和其它网站也有翻译，这里就不在赘述了。
官</div>
</li>
<li><a href="/article/3668.htm"
title="两个容易被忽略的MySQL知识" target="_blank">两个容易被忽略的MySQL知识</a>
<span class="text-muted">tomcat_oracle</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>1、varchar(5)可以存储多少个汉字，多少个字母数字？ 相信有好多人应该跟我一样，对这个已经很熟悉了，根据经验我们能很快的做出决定，比如说用varchar(200)去存储url等等，但是，即使你用了很多次也很熟悉了，也有可能对上面的问题做出错误的回答。 这个问题我查了好多资料，有的人说是可以存储5个字符，2.5个汉字（每个汉字占用两个字节的话），有的人说这个要区分版本，5.0</div>
</li>
<li><a href="/article/3795.htm"
title="zoj 3827 Information Entropy(水题)" target="_blank">zoj 3827 Information Entropy(水题)</a>
<span class="text-muted">阿尔萨斯</span>
<a class="tag" taget="_blank" href="/search/format/1.htm">format</a>
<div> 题目链接：zoj 3827 Information Entropy
题目大意：三种底，计算和。
解题思路：调用库函数就可以直接算了，不过要注意Pi = 0的时候，不过它题目里居然也讲了。。。limp→0+plogb(p)=0，因为p是logp的高阶。
#include <cstdio>
#include <cstring>
#include <cmath&</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>