HTML知识

参考实例:http://www.runoob.com/html/html-examples.html

标签列表(字母排序):http://www.runoob.com/tags/html-reference.html

标签列表(功能排序):http://www.runoob.com/tags/ref-byfunc.html

在线工具:https://c.runoob.com/front-end/61

html写出来的是展现在人们眼前的东西,也就是前端。只要工作涉及web开发就需要学,当然html超级好学(基础)。

IDE

开始用的是Adobe Dreamweaver CC 2018:http://bigsoft.zdfans.wang/DreamweaverCC2018_8904.zip

后来觉得比较麻烦,就换成IntelliJ IDEA 2018了。
破解教程:先到C:\Windows\System32\drivers\etc下hosts,添加一句0.0.0.0 account.jetbrains.com,再用activation code即可:K71U8DBPNE-eyJsaWNlbnNlSWQiOiJLNzFVOERCUE5FIiwibGljZW5zZWVOYW1lIjoibGFuIHl1IiwiYXNzaWduZWVOYW1lIjoiIiwiYXNzaWduZWVFbWFpbCI6IiIsImxpY2Vuc2VSZXN0cmljdGlvbiI6IkZvciBlZHVjYXRpb25hbCB1c2Ugb25seSIsImNoZWNrQ29uY3VycmVudFVzZSI6ZmFsc2UsInByb2R1Y3RzIjpbeyJjb2RlIjoiSUkiLCJwYWlkVXBUbyI6IjIwMTktMDUtMDQifSx7ImNvZGUiOiJSUzAiLCJwYWlkVXBUbyI6IjIwMTktMDUtMDQifSx7ImNvZGUiOiJXUyIsInBhaWRVcFRvIjoiMjAxOS0wNS0wNCJ9LHsiY29kZSI6IlJEIiwicGFpZFVwVG8iOiIyMDE5LTA1LTA0In0seyJjb2RlIjoiUkMiLCJwYWlkVXBUbyI6IjIwMTktMDUtMDQifSx7ImNvZGUiOiJEQyIsInBhaWRVcFRvIjoiMjAxOS0wNS0wNCJ9LHsiY29kZSI6IkRCIiwicGFpZFVwVG8iOiIyMDE5LTA1LTA0In0seyJjb2RlIjoiUk0iLCJwYWlkVXBUbyI6IjIwMTktMDUtMDQifSx7ImNvZGUiOiJETSIsInBhaWRVcFRvIjoiMjAxOS0wNS0wNCJ9LHsiY29kZSI6IkFDIiwicGFpZFVwVG8iOiIyMDE5LTA1LTA0In0seyJjb2RlIjoiRFBOIiwicGFpZFVwVG8iOiIyMDE5LTA1LTA0In0seyJjb2RlIjoiR08iLCJwYWlkVXBUbyI6IjIwMTktMDUtMDQifSx7ImNvZGUiOiJQUyIsInBhaWRVcFRvIjoiMjAxOS0wNS0wNCJ9LHsiY29kZSI6IkNMIiwicGFpZFVwVG8iOiIyMDE5LTA1LTA0In0seyJjb2RlIjoiUEMiLCJwYWlkVXBUbyI6IjIwMTktMDUtMDQifSx7ImNvZGUiOiJSU1UiLCJwYWlkVXBUbyI6IjIwMTktMDUtMDQifV0sImhhc2giOiI4OTA4Mjg5LzAiLCJncmFjZVBlcmlvZERheXMiOjAsImF1dG9Qcm9sb25nYXRlZCI6ZmFsc2UsImlzQXV0b1Byb2xvbmdhdGVkIjpmYWxzZX0=-Owt3/+LdCpedvF0eQ8635yYt0+ZLtCfIHOKzSrx5hBtbKGYRPFDrdgQAK6lJjexl2emLBcUq729K1+ukY9Js0nx1NH09l9Rw4c7k9wUksLl6RWx7Hcdcma1AHolfSp79NynSMZzQQLFohNyjD+dXfXM5GYd2OTHya0zYjTNMmAJuuRsapJMP9F1z7UTpMpLMxS/JaCWdyX6qIs+funJdPF7bjzYAQBvtbz+6SANBgN36gG1B2xHhccTn6WE8vagwwSNuM70egpahcTktoHxI7uS1JGN9gKAr6nbp+8DbFz3a2wd+XoF3nSJb/d2f/6zJR8yJF8AOyb30kwg3zf5cWw==-MIIEPjCCAiagAwIBAgIBBTANBgkqhkiG9w0BAQsFADAYMRYwFAYDVQQDDA1KZXRQcm9maWxlIENBMB4XDTE1MTEwMjA4MjE0OFoXDTE4MTEwMTA4MjE0OFowETEPMA0GA1UEAwwGcHJvZDN5MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAxcQkq+zdxlR2mmRYBPzGbUNdMN6OaXiXzxIWtMEkrJMO/5oUfQJbLLuMSMK0QHFmaI37WShyxZcfRCidwXjot4zmNBKnlyHodDij/78TmVqFl8nOeD5+07B8VEaIu7c3E1N+e1doC6wht4I4+IEmtsPAdoaj5WCQVQbrI8KeT8M9VcBIWX7fD0fhexfg3ZRt0xqwMcXGNp3DdJHiO0rCdU+Itv7EmtnSVq9jBG1usMSFvMowR25mju2JcPFp1+I4ZI+FqgR8gyG8oiNDyNEoAbsR3lOpI7grUYSvkB/xVy/VoklPCK2h0f0GJxFjnye8NT1PAywoyl7RmiAVRE/EKwIDAQABo4GZMIGWMAkGA1UdEwQCMAAwHQYDVR0OBBYEFGEpG9oZGcfLMGNBkY7SgHiMGgTcMEgGA1UdIwRBMD+AFKOetkhnQhI2Qb1t4Lm0oFKLl/GzoRykGjAYMRYwFAYDVQQDDA1KZXRQcm9maWxlIENBggkA0myxg7KDeeEwEwYDVR0lBAwwCgYIKwYBBQUHAwEwCwYDVR0PBAQDAgWgMA0GCSqGSIb3DQEBCwUAA4ICAQC9WZuYgQedSuOc5TOUSrRigMw4/+wuC5EtZBfvdl4HT/8vzMW/oUlIP4YCvA0XKyBaCJ2iX+ZCDKoPfiYXiaSiH+HxAPV6J79vvouxKrWg2XV6ShFtPLP+0gPdGq3x9R3+kJbmAm8w+FOdlWqAfJrLvpzMGNeDU14YGXiZ9bVzmIQbwrBA+c/F4tlK/DV07dsNExihqFoibnqDiVNTGombaU2dDup2gwKdL81ua8EIcGNExHe82kjF4zwfadHk3bQVvbfdAwxcDy4xBjs3L4raPLU3yenSzr/OEur1+jfOxnQSmEcMXKXgrAQ9U55gwjcOFKrgOxEdek/Sk1VfOjvS+nuM4eyEruFMfaZHzoQiuw4IqgGc45ohFH0UUyjYcuFxxDSU9lMCv8qdHKm+wnPRb0l9l5vXsCBDuhAGYD6ss+Ga+aDY6f/qXZuUCEUOH3QUNbbCUlviSz6+GiRnt1kA9N2Qachl+2yBfaqUqr8h7Z2gsx5LcIf5kYNsqJ0GavXTVyWh7PYiKX4bs354ZQLUwwa/cG++2+wNWP+HtBhVxMRNTdVhSm38AknZlD+PTAsWGu9GyLmhti2EnVwGybSD2Dxmhxk3IPCkhKAK+pl0eWYGZWG3tJ9mZ7SowcXLWDFAk0lRJnKGFMTggrWjV8GYpw5bq23VmIqqDLgkNzuoog==

配置博客:https://blog.csdn.net/Haidaiya/article/details/81230636

HTML

HTML指的是超文本标记语言:(HyperText Markup Language)而不是编程语言,有一套标记标签,使用标记标签来描述网页

标签

尖括号包围,一般成对出现: 内容 ,第一个为开始标签,第二个是结束标签。

也有单个出现的,即不需要内容:

一对标签即其中间内容称为一个元素。

实例


<html>
<head>
<meta charset="utf-8">
<title>网页名title>
head>
<body>
<h1>一个标题(一级)h1>
<p>一个段落p>
body>
html>

声明为HTML5版本,有助于浏览器正确显示页面
元素是页面的根元素,相当于本体
元素是包含了页面的元信息
将字符声明为 UTF-8
</code>元素为网页的标题<br> <code><head></code>元素包含了<code><meta><title></code>等头部元素<br> <code><body></code>元素包含可见的内容<br> <code><p></code>元素为一个段落,会自动换行<br> <code><h1>~<h6></code>元素为标题,会自动换行。除了加粗以外,会提供给浏览器具体的框架,</p> <h2>网页格式</h2> <p><a href="http://img.e-com-net.com/image/info8/1d6a6c0c43814d7c999d7f35359c5670.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/1d6a6c0c43814d7c999d7f35359c5670.jpg" alt="HTML知识_第1张图片" width="650" height="310" style="border:1px solid black;"></a><br> 只有body部分才会显示在页面上</p> <p>强力推荐:弹性盒子布局</p> <h2>细节&BUG区&知识点</h2> <ol> <li><code><div onclick="window.location.href('artwork')>ArtWork</div></code>,发现很多浏览器不支持,改为<code>href='artwork'</code>即可。</li> <li>设置鼠标悬停时变为手:<code>style="cursor:pointer"</code>。</li> <li>在一个标签中添加id,就可以用函数来改变这个标签中的内容:</li> </ol> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>demo<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span><span class="token script language-javascript"> <span class="token keyword">function</span> <span class="token function">myFunction</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span> <span class="token keyword">var</span> x<span class="token operator">=</span><span class="token string">""</span><span class="token punctuation">;</span> <span class="token keyword">var</span> time<span class="token operator">=</span><span class="token keyword">new</span> <span class="token class-name">Date</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">getHours</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">if</span> <span class="token punctuation">(</span>time<span class="token operator"><</span><span class="token number">20</span><span class="token punctuation">)</span><span class="token punctuation">{</span> x<span class="token operator">=</span><span class="token string">"Good day"</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">"demo"</span><span class="token punctuation">)</span><span class="token punctuation">.</span>innerHTML<span class="token operator">=</span>x<span class="token punctuation">;</span> <span class="token punctuation">}</span> </span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> </code></pre> <ol start="4"> <li>用函数点击有个按钮或是超链接:</li> </ol> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span><span class="token script language-javascript"> <span class="token keyword">function</span> <span class="token function">Click</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">"id值"</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">click</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">//获取变量</span> <span class="token punctuation">}</span> </span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> </code></pre> <ol start="5"> <li>窗口载入后一定时间后触发:</li> </ol> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">language</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>javascript<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>text/javascript<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script language-javascript"> window<span class="token punctuation">.</span><span class="token function">setTimeout</span><span class="token punctuation">(</span>Click<span class="token punctuation">,</span><span class="token number">4000</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">/*4000 ms*/</span> </span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> </code></pre> <ol start="6"> <li>js中,<code>substr(begin,len)</code>返回<span class="katex--inline"><span class="katex"><span class="katex-mathml"> b e g i n begin </span><span class="katex-html"><span class="base"><span class="strut" style="height: 0.88888em; vertical-align: -0.19444em;"></span><span class="mord mathit">b</span><span class="mord mathit">e</span><span class="mord mathit" style="margin-right: 0.03588em;">g</span><span class="mord mathit">i</span><span class="mord mathit">n</span></span></span></span></span>开始的<span class="katex--inline"><span class="katex"><span class="katex-mathml"> l e n len </span><span class="katex-html"><span class="base"><span class="strut" style="height: 0.69444em; vertical-align: 0em;"></span><span class="mord mathit" style="margin-right: 0.01968em;">l</span><span class="mord mathit">e</span><span class="mord mathit">n</span></span></span></span></span>个字母,<code>substring(begin,end)</code>返回<span class="katex--inline"><span class="katex"><span class="katex-mathml"> b e g i n begin </span><span class="katex-html"><span class="base"><span class="strut" style="height: 0.88888em; vertical-align: -0.19444em;"></span><span class="mord mathit">b</span><span class="mord mathit">e</span><span class="mord mathit" style="margin-right: 0.03588em;">g</span><span class="mord mathit">i</span><span class="mord mathit">n</span></span></span></span></span>到<span class="katex--inline"><span class="katex"><span class="katex-mathml"> e n d − 1 end-1 </span><span class="katex-html"><span class="base"><span class="strut" style="height: 0.77777em; vertical-align: -0.08333em;"></span><span class="mord mathit">e</span><span class="mord mathit">n</span><span class="mord mathit">d</span><span class="mspace" style="margin-right: 0.222222em;"></span><span class="mbin">−</span><span class="mspace" style="margin-right: 0.222222em;"></span></span><span class="base"><span class="strut" style="height: 0.64444em; vertical-align: 0em;"></span><span class="mord">1</span></span></span></span></span>的字母(下标从0开始)。</li> <li>js中,alert(“x”)弹出一个纯文本框。</li> <li>js中,等号为:"==",条件判断语句直接if-else 或 else if。</li> <li>载入时调用函数:<code><body onLoad="Begin()> </body>"</code></li> <li>获取当前网页链接: <code>var url=window.location.href;</code></li> <li>跳转页面并传参:</li> </ol> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>http://10.7.88.17?From=Begin<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>SKIP<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token comment"><!-- 因为url中?及后面的部分无作用 --></span> </code></pre> <ol start="12"> <li>js中的数组:’[]’,用下标获取变量,用length返回长度。</li> <li>js中的对象:’{}’ ,类似于c++中的map,举个例子:</li> </ol> <pre><code class="prism language-javascript"><span class="token keyword">var</span> obj <span class="token operator">=</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">;</span> obj<span class="token punctuation">[</span><span class="token string">"Name"</span><span class="token punctuation">]</span><span class="token operator">=</span><span class="token string">"xxx"</span><span class="token punctuation">;</span> obj<span class="token punctuation">[</span><span class="token string">"Score"</span><span class="token punctuation">]</span><span class="token operator">=</span><span class="token number">98</span><span class="token punctuation">;</span> <span class="token comment">//obj = {"Name":"xxx","Score":98};</span> <span class="token function">alert</span><span class="token punctuation">(</span>obj<span class="token punctuation">[</span><span class="token string">"Name"</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </code></pre> <ol start="14"> <li>被跳转页面用<code>var url=window.location.href</code>获得url再处理得到参数:</li> </ol> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span><span class="token script language-javascript"> <span class="token keyword">function</span> <span class="token function">count</span><span class="token punctuation">(</span>obj<span class="token punctuation">)</span><span class="token punctuation">{</span> <span class="token comment">// 计算对象的size</span> <span class="token keyword">var</span> arr <span class="token operator">=</span> Object<span class="token punctuation">.</span><span class="token function">keys</span><span class="token punctuation">(</span>obj<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// 键值集合为数组</span> <span class="token keyword">var</span> len <span class="token operator">=</span> arr<span class="token punctuation">.</span>length<span class="token punctuation">;</span> <span class="token keyword">return</span> len<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token keyword">function</span> <span class="token function">parseURL</span><span class="token punctuation">(</span>url<span class="token punctuation">)</span><span class="token punctuation">{</span> <span class="token comment">// 处理url</span> <span class="token comment">//alert(url);</span> <span class="token keyword">var</span> url <span class="token operator">=</span> url<span class="token punctuation">.</span><span class="token function">split</span><span class="token punctuation">(</span><span class="token string">"?"</span><span class="token punctuation">)</span><span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">]</span><span class="token punctuation">;</span> <span class="token keyword">if</span><span class="token punctuation">(</span>url<span class="token operator">==</span><span class="token keyword">null</span><span class="token punctuation">)</span><span class="token keyword">return</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">;</span> <span class="token comment">// 没有'?'</span> <span class="token keyword">var</span> para <span class="token operator">=</span> url<span class="token punctuation">.</span><span class="token function">split</span><span class="token punctuation">(</span><span class="token string">"&"</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">// 参数数组: psw=123</span> <span class="token keyword">var</span> len <span class="token operator">=</span> para<span class="token punctuation">.</span>length<span class="token punctuation">;</span> <span class="token keyword">var</span> res <span class="token operator">=</span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">;</span> <span class="token keyword">var</span> arr <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span> <span class="token keyword">for</span><span class="token punctuation">(</span><span class="token keyword">var</span> i<span class="token operator">=</span><span class="token number">0</span><span class="token punctuation">;</span>i<span class="token operator"><</span>len<span class="token punctuation">;</span>i<span class="token operator">++</span><span class="token punctuation">)</span><span class="token punctuation">{</span> arr <span class="token operator">=</span> para<span class="token punctuation">[</span>i<span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token function">split</span><span class="token punctuation">(</span><span class="token string">"="</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">//alert(arr[0]+"="+arr[1]);</span> res<span class="token punctuation">[</span>arr<span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">]</span><span class="token punctuation">]</span> <span class="token operator">=</span> arr<span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">]</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token keyword">return</span> res<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token keyword">function</span> <span class="token function">Click</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span> <span class="token comment">//...</span> <span class="token punctuation">}</span> <span class="token keyword">function</span> <span class="token function">Judge</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span> <span class="token keyword">var</span> url<span class="token operator">=</span>window<span class="token punctuation">.</span>location<span class="token punctuation">.</span>href<span class="token punctuation">;</span> <span class="token keyword">var</span> res<span class="token operator">=</span><span class="token function">parseURL</span><span class="token punctuation">(</span>url<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">if</span><span class="token punctuation">(</span><span class="token function">count</span><span class="token punctuation">(</span>res<span class="token punctuation">)</span><span class="token operator">==</span><span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">{</span> <span class="token comment">// 没有参数</span> <span class="token function">Begin</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token punctuation">{</span> <span class="token keyword">var</span> str<span class="token operator">=</span>res<span class="token punctuation">[</span><span class="token string">"From"</span><span class="token punctuation">]</span><span class="token punctuation">;</span> <span class="token comment">// 获取对应参数</span> <span class="token keyword">if</span><span class="token punctuation">(</span>str<span class="token operator">==</span><span class="token keyword">null</span><span class="token punctuation">)</span><span class="token punctuation">{</span> <span class="token function">Begin</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> </code></pre> <ol start="15"> <li>body部分不能完整覆盖整个网页:(因为height的100%是对于此对象的容器来说的,所以需要设置html的height)</li> </ol> <pre><code class="prism language-css"><span class="token selector">*</span><span class="token punctuation">{</span> <span class="token property">margin</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">html</span><span class="token punctuation">{</span> <span class="token property">height</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">body</span><span class="token punctuation">{</span> <span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span> <span class="token property">top</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span> <span class="token property">width</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span> <span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">linear-gradient</span><span class="token punctuation">(</span>-65deg, #43C6AC, #F8FFAE<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token property">background-repeat</span><span class="token punctuation">:</span> no-repeat<span class="token punctuation">;</span> <span class="token property">background-size</span><span class="token punctuation">:</span> 100% 100%<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <ol start="16"> <li> <p>始终浮于窗口底部:<code>style="position:absolute;width: 100%;bottom: 0;"</code></p> </li> <li> <p>居中,距顶部5%,左右自适应:<code>position: relative; margin: 5% auto;</code></p> </li> <li> <p>颜色推荐:深蓝:rgba(87,87,105,1.00); 黑:#1D1D1D;渐变背景:linear-gradient(-65deg, #43C6AC, #F8FFAE);墨绿:#081F18;</p> </li> </ol> <pre><code class="prism language-css"><span class="token selector">*</span><span class="token punctuation">{</span> <span class="token property">margin</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">html</span><span class="token punctuation">{</span> <span class="token property">height</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">body</span><span class="token punctuation">{</span> <span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span> <span class="token property">top</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span> <span class="token property">width</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span> <span class="token property">display</span><span class="token punctuation">:</span> flex<span class="token punctuation">;</span> <span class="token property">flex-direction</span><span class="token punctuation">:</span>column<span class="token punctuation">;</span> <span class="token property">align-items</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span><span class="token comment">/*元素位于容器的中心*/</span> <span class="token property">justify-content</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span><span class="token comment">/*项目位于容器的中心*/</span> <span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">linear-gradient</span><span class="token punctuation">(</span>-65deg, #43C6AC, #F8FFAE<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token property">background-repeat</span><span class="token punctuation">:</span> no-repeat<span class="token punctuation">;</span> <span class="token property">background-size</span><span class="token punctuation">:</span> 100% 100%<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.font</span><span class="token punctuation">{</span><span class="token comment">/*浮动字体*/</span> <span class="token property">margin-bottom</span><span class="token punctuation">:</span> 30px<span class="token punctuation">;</span> <span class="token property">font-size</span><span class="token punctuation">:</span> 66px<span class="token punctuation">;</span> <span class="token property">font-weight</span><span class="token punctuation">:</span> bold<span class="token punctuation">;</span> <span class="token property">font-family</span><span class="token punctuation">:</span> sans-serif<span class="token punctuation">;</span> <span class="token property">text-transform</span><span class="token punctuation">:</span> uppercase<span class="token punctuation">;</span> <span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token function">linear-gradient</span><span class="token punctuation">(</span>to right, <span class="token function">rgb</span><span class="token punctuation">(</span>240,252,174<span class="token punctuation">)</span>,<span class="token function">rgb</span><span class="token punctuation">(</span>229,249,174<span class="token punctuation">)</span>,<span class="token function">rgb</span><span class="token punctuation">(</span>221,246,173<span class="token punctuation">)</span>,<span class="token function">rgb</span><span class="token punctuation">(</span>212,244,174<span class="token punctuation">)</span>,<span class="token function">rgb</span><span class="token punctuation">(</span>203,241,173<span class="token punctuation">)</span>, <span class="token function">rgb</span><span class="token punctuation">(</span>197,239,173<span class="token punctuation">)</span>,<span class="token function">rgb</span><span class="token punctuation">(</span>203,241,173<span class="token punctuation">)</span>,<span class="token function">rgb</span><span class="token punctuation">(</span>212,244,174<span class="token punctuation">)</span>,<span class="token function">rgb</span><span class="token punctuation">(</span>221,246,173<span class="token punctuation">)</span>,<span class="token function">rgb</span><span class="token punctuation">(</span>229,249,174<span class="token punctuation">)</span> <span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token property">animation</span><span class="token punctuation">:</span> sliding 1000s linear infinite<span class="token punctuation">;</span> <span class="token property">-webkit-background-clip</span><span class="token punctuation">:</span> text<span class="token punctuation">;</span> <span class="token property">-webkit-text-fill-color</span><span class="token punctuation">:</span> transparent<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token atrule"><span class="token rule">@keyframes</span> sliding</span> <span class="token punctuation">{</span> <span class="token selector">to</span> <span class="token punctuation">{</span> <span class="token property">background-position</span><span class="token punctuation">:</span> -2000vw<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre> <ol start="20"> <li>超链接 target默认为self,打开新窗口为_black。文本<code><b></code>为粗体,<code><em></code>为斜体,<code><u></code>下划线,<code><s></code>删除线</li> <li>表格:<code><table></code>表,<code><tr></code>行,<code><td></code>格,table加边框<code>border="1px"</code>,aligh=“center”居中,表头单元格用<code><th></code>,包外面:表头行,表内容,表脚,colspan=“2”表示这个格子占2个行单元格,rowspan列单元格</li> <li>有序列表<code><ol></code>;<code><li></code>表示列表项,<code><ol></code>加reverse表示降序 ;type改变序号;</li> <li>下面加<code><ol></code>做子列表;无序列表<code><ul></code></li> <li>表单<code><form></code>内为文本框等用来获取用户操作的东西,用input生成,<code><input ></code>默认test;value="xx"为文本,placeholder=“xx”显示但不占位,maxlength="8"最大长度,size="50"拓宽文本框长度,readonly不可改;type="password"为密码框,<code><textarea></code>可扩充文本框,rows="11"定义初始行,cols同</li> <li>快捷键:注释:单行ctrl+/,选择部分shift+ctrl+/;上下行快速复制:ctrl+alt+上/下</li> <li><code><input type=button></code>不可和js合作,写出<code><button></code>;input type=range为滑动条,min和max="100"设置值,step表示每步滑动多少,value为起始值;input number为上下加减的数字条,也有min,max,step;</li> <li>input checkbox为勾选;input radio同,三选1:三个name="a"相同即可,checked表示选中</li> <li><code><select></code>为选项列表,不可输入,<code><option></code>为项;为可输入;input file为文件查看框,Multiple可选择多个</li> <li>input email 可以检查是否为邮箱;input date为年月日;input color为颜色框;input hidden为隐藏框;input type=“image” src="…"照片,设置width,height会自适应,alt设置备用:照片找不到则变成此文字;</li> <li>链接为图像时,需要考虑响应区域:设置区域:<code><map name="xx"><area href=“”></area></map></code> 使用区域为:usemap="#xx";area设置区域:矩形shape=“rect” coords=“左,上,右,下”(用form后,浏览器点击查看位置)</li> <li><code><video></code>,autoplay自动播放,controls控制台,preload=auto预载入,=metadata为载入第一帧,poster为封面;video加source,当前一个src不能播放,找下一个source</li> <li>head中加样式表:<code><style type="text/css"> a{..} <style></code>;在文件中写需要导入:head中;多个时,后面的会覆盖前面的,内部的覆盖外部的文件样式表;</li> <li>css选择所有:*{};类型:a{};类:.class1{};id:#id1{} ; 属性:[href]{} [href=""]{};动作:a:hover{};id唯一,class不唯一</li> <li>边框:border-(style width color top-color button-style),style width color可以简写:直接写属性值;border-radius: 左右间距/ 上下间距(圆弧)</li> <li>背景只出现一次:background-repeat:on-repeat;布满全局bg-size:cover;让背景不随滚动而滚动:bg-attachment:fixed;</li> <li>文本对齐:text-align:center/right;字母间距:letter-spacing;单词间距:word-spacing;行高:line-height;缩进:text-indent;文本装饰(上划线,下划线,删除线):text-decoration;文本大小写转化:text-transform;</li> <li>字体设置:font-family:微软雅黑;斜体:font-style:italic;小型大写字母:font-variant:small-caps;粗体:font-weight;文本阴影:text-shadow:(水平偏移,垂直偏移,模糊程度,颜色)</li> <li>过渡:p -> p:hover ;延迟变化:transition-delay;变化动画:transition-duration;为了对于浏览器内核兼容-wibkit-…;只使某部分平滑变化 transition-property:width;</li> <li>变化效果:transition-timing-function:ease,ease-in,ease-out,ease-in-out</li> <li>动画:</li> </ol> <pre><code class="prism language-js">html<span class="token punctuation">:</span>hover <span class="token punctuation">.</span>p<span class="token punctuation">{</span> <span class="token comment">//放在html就可以让p触发</span> <span class="token punctuation">}</span> p<span class="token punctuation">:</span>hover<span class="token punctuation">{</span> animation<span class="token operator">-</span>duration<span class="token punctuation">:</span><span class="token number">1</span>s<span class="token punctuation">;</span> animation<span class="token operator">-</span>delay<span class="token punctuation">:</span><span class="token number">200</span>ms<span class="token punctuation">;</span> animation<span class="token operator">-</span>name<span class="token punctuation">:</span>xx<span class="token punctuation">;</span><span class="token comment">//变化名字</span> animation<span class="token operator">-</span>iteration<span class="token operator">-</span>count<span class="token operator">-</span>infinite<span class="token punctuation">;</span><span class="token comment">//变化次数(来回算2次)</span> animation<span class="token operator">-</span>direction<span class="token punctuation">;</span>alternate<span class="token punctuation">;</span>(第二次变化是否折回到<span class="token keyword">from</span>) animation<span class="token operator">-</span>fill<span class="token operator">-</span>mode<span class="token punctuation">:</span>forwards<span class="token punctuation">;</span>(动画结束后停在终点) <span class="token punctuation">}</span> @keyframes xx<span class="token punctuation">{</span> <span class="token keyword">from</span><span class="token punctuation">{</span> <span class="token punctuation">}</span> <span class="token number">50</span><span class="token operator">%</span><span class="token punctuation">{</span> <span class="token punctuation">}</span> <span class="token number">75</span><span class="token operator">%</span><span class="token punctuation">{</span> <span class="token punctuation">}</span> to<span class="token punctuation">{</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre> <ol start="40"> <li>变幻:选择:transform:rorate(30deg) 延y轴旋转transform:rorateY(90deg);全方位放大(向四周):scale(1.5);y方向变化:scaley();设置瞄点:transform-origin:top right;让子级元素到3D空间:transform-style:preserve-3d;改变摄像头到屏幕的距离:perspective:300px(自带preserve-3d);定义动画速度:cublic-bezier(.68,0,.95,-0.08);</li> <li>盒子模型:内容content;内边距padding;边框border;外边距:margin;background-clip:背景只作用与某一块;padding:100px==pading-top left right botton 100px;</li> <li>body设置顶部阴影:</li> </ol> <pre><code class="prism language-css"><span class="token selector">body:before</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">position</span><span class="token punctuation">:</span> fixed<span class="token punctuation">;</span> <span class="token property">top</span><span class="token punctuation">:</span> -10px<span class="token punctuation">;</span> <span class="token property">left</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token property">width</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span> 10px<span class="token punctuation">;</span> <span class="token property">-webkit-box-shadow</span><span class="token punctuation">:</span> 0px 0px 10px <span class="token function">rgba</span><span class="token punctuation">(</span>0,0,0,.8<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token property">-moz-box-shadow</span><span class="token punctuation">:</span> 0px 0px 10px <span class="token function">rgba</span><span class="token punctuation">(</span>0,0,0,.8<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token property">box-shadow</span><span class="token punctuation">:</span> 0px 0px 10px <span class="token function">rgba</span><span class="token punctuation">(</span>0,0,0,.8<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token property">z-index</span><span class="token punctuation">:</span> 100<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <ol start="43"> <li>左右居中:margin:0 auto;</li> <li>编辑两张照片:background:url(’’),url(’’) no-repeat;</li> <li>调整具体位置:浏览器查看后直接用上下调整</li> <li>动画执行20s,匀速,无限次:20s linear infinite</li> <li>自定义标签<code><tree></code>,display=block即可</li> <li>第几个class:class:nth-child(3)</li> <li>absolute和relative:absolute是对于最近的有定位的父级来说的(top,left),所以设计父级relative即可一起移动;relative是相对自己本身的位置来说的</li> <li>动画:不管位置直接位移:from{transform:translate(0-315px)}to{transform:translate(0,0)}</li> <li>直接定义子元素#id son sonson{}</li> <li>float:left:父元素左端对齐,往右排</li> <li>优先级:选择范围越广 ,优先级越低</li> <li>伪类:before(在标签前面添加内容):after在之后;必须写上content属性,可以为空</li> <li>margin之类只能在文档流中使用,absolute后漂浮(离开地面)就不能用了,只能用top,left</li> <li>自适应容器:在absolute下,left:0 right:0 top:0 bottom:0 margin:auto</li> <li>设置宽高无效可能是行内元素,改成块元素:display:block</li> <li>属性顺序:为了快一点,布局,宽高,背景</li> <li>按钮点击没有效果:上面是否有遮掩层盖住</li> <li>遮掩层放在上面会屏蔽其他东西的事件,所以可以先设置z-index:-200,用事件触发后</li> </ol> <pre><code class="prism language-css"><span class="token atrule"><span class="token rule">@keyframes</span> curtain</span> <span class="token punctuation">{</span> <span class="token selector">from</span><span class="token punctuation">{</span> <span class="token property">z-index</span><span class="token punctuation">:</span> 200<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">50%</span><span class="token punctuation">{</span> <span class="token property">z-index</span><span class="token punctuation">:</span> 200<span class="token punctuation">;</span> <span class="token property">opacity</span><span class="token punctuation">:</span> 1<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">to</span><span class="token punctuation">{</span> <span class="token property">z-index</span><span class="token punctuation">:</span> 200<span class="token punctuation">;</span> <span class="token property">opacity</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre> <ol start="61"> <li>animation只触发一次解决方法 <ol> <li>动画结束后,用js改变<code>item.style.animation=""</code>,但是有的时候不起作用</li> <li>将效果写到一个类中,通过类的删除和添加实现;setTimeout的作用为:将内容移到最后面执行,就是浏览器渲染后再add,否则remove再add再渲染就没用了</li> </ol> </li> </ol> <pre><code class="prism language-js"><span class="token keyword">function</span> <span class="token constant">MTL</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">var</span> item<span class="token operator">=</span>document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">"pMid"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> item<span class="token punctuation">.</span>classList<span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span><span class="token string">'MoveLeft'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token function">setTimeout</span><span class="token punctuation">(</span><span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> item<span class="token punctuation">.</span>classList<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token string">'MoveLeft'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token number">9</span><span class="token punctuation">)</span> <span class="token punctuation">}</span> </code></pre> <ol start="63"> <li>路径的问题:<code>/</code>开始表示根目录往后;<code>./</code>开始表示当前路径子目录,通常可以省略;<code>../</code>表示上一级的子目录;<code>../../</code>上上层的子目录</li> <li>滤镜效果:80%亮度:<code>filter: brightness(0.8);</code></li> <li>文字居中对齐:text-align:center</li> <li>padding会撑大区域。可以通过减小区域的方式解决</li> <li>用js获取一张图片的真实大小:</li> </ol> <pre><code class="prism language-js"> <span class="token keyword">var</span> img<span class="token operator">=</span>document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">"photo"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">var</span> wid<span class="token operator">=</span>img<span class="token punctuation">.</span>naturalWidth<span class="token punctuation">;</span> <span class="token keyword">var</span> hei<span class="token operator">=</span>img<span class="token punctuation">.</span>naturalHeight<span class="token punctuation">;</span> </code></pre> <ol start="68"> <li>设置transform-origin:左上角为原点,x轴向右,y轴向下</li> </ol> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1278450830898380800"></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">你可能感兴趣的:(C/C++/Java/Html)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1947699981632729088.htm" title="Java学习第五十八部分——设计模式" target="_blank">Java学习第五十八部分——设计模式</a> <span class="text-muted">慕y274</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>目录一、概述提要二、创建型模式——解决“如何创建对象”的问题1.单例模式(Singleton)2.工厂方法模式(FactoryMethod)3.解释器模式(Interpreter)4.建造者模式(Builder)5.原型模式(Prototype)三、结构型模式——解决“如何组合类和对象”的问题1.适配器模式(Adapter)2.桥接模式(Bridge)3.组合模式(Composite)4.装饰器模</div> </li> <li><a href="/article/1947699223914934272.htm" title="事务注解可能失效的几种可能原因" target="_blank">事务注解可能失效的几种可能原因</a> <span class="text-muted">℡余晖^</span> <a class="tag" taget="_blank" href="/search/%E9%BB%91%E9%A9%AC%E7%82%B9%E8%AF%84%E9%A1%B9%E7%9B%AE%E7%9B%B8%E5%85%B3%E9%97%AE%E9%A2%98%E5%92%8C%E7%AC%94%E8%AE%B0/1.htm">黑马点评项目相关问题和笔记</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>在黑马点评项目的学习过程中,我遇到了事务失效的问题,其中提到了事务失效的可能原因,本文就来简单了解一下事务实现的可能原因是什么。Spring事务的生效机制、自调用失效原因及常见失效场景,可从以下维度详细解析:一、Spring如何确保事务生效?Spring事务的核心实现依赖AOP(面向切面编程)和动态代理,其核心流程如下:1.代理对象的生成Spring通过@Transactional注解标记需要事务</div> </li> <li><a href="/article/1947699225026424832.htm" title="Java自动拆箱机制" target="_blank">Java自动拆箱机制</a> <span class="text-muted"></span> <div>在黑马点评项目中,提到了一个细节,就是Java的自动拆箱机制,本文来简单了解一下。Java的自动拆箱机制(Unboxing)是一种编译器层面的语法糖,用于简化包装类对象(如Integer、Boolean、Long等)与基本数据类型(如int、boolean、long等)之间的转换。它的核心作用是让开发者无需手动调用intValue()、booleanValue()等方法,即可直接在包装类对象和基本</div> </li> <li><a href="/article/1947698971380084736.htm" title="三大工厂设计模式" target="_blank">三大工厂设计模式</a> <span class="text-muted">狗头 | 软件技术导航</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1.简单工厂模式1.1需求入手从需求进行入手,可以更深入的理解什么是设计模式。有一个制作披萨的需求:需要便于扩展披萨的种类,便于维护。1.披萨的种类有很多:GreekPizz,CheesePizz等2.披萨的制作流程:prepare(制作)=>bake(烘烤)=>cut(切开)=>box(打包)3.完成披萨店的订购功能。1.2使用传统的方式进行实现1.2.1披萨抽象类进行定义抽象披萨类,这个抽象类</div> </li> <li><a href="/article/1947698971837263872.htm" title="每日面试题01 HashMap的底层原理" target="_blank">每日面试题01 HashMap的底层原理</a> <span class="text-muted">℡余晖^</span> <a class="tag" taget="_blank" href="/search/%E6%AF%8F%E6%97%A5%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">每日面试题</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>一、HashMap的核心存储结构HashMap是基于数组+链表+红黑树的复合数据结构实现的(JDK1.8及以后)。其核心设计目标是通过哈希函数将键(Key)映射到数组的某个下标位置,从而实现O(1)时间复杂度的增删改查操作(理想情况)。初始结构:动态数组HashMap底层维护一个Node[]table数组(JDK1.8起),默认初始容量为16(DEFAULT_INITIAL_CAPACITY=11</div> </li> <li><a href="/article/1947698215331622912.htm" title="关于浏览器扩展脚本:remove-web-limits(网页限制解除)" target="_blank">关于浏览器扩展脚本:remove-web-limits(网页限制解除)</a> <span class="text-muted">vvandre</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>本文介绍浏览器扩展脚本:remove-web-limits(网页限制解除)实现的功能和安装步骤,还会详细分析脚本的代码,让你对实现原理一目了然。此脚本通杀大部分网站,可以解除禁止复制、剪切、选择文本、右键菜单的限制。脚本基本不影响网页正常功能,如果影响了任何功能,可以暂时禁用脚本解决。脚本已有10年的历史,原作者已经暂停维护。remove-web-limits发布地址一、安装步骤1.安装扩展程序C</div> </li> <li><a href="/article/1947697963237175296.htm" title="深入理解设计模式:状态模式(State Pattern)" target="_blank">深入理解设计模式:状态模式(State Pattern)</a> <span class="text-muted">vvilkin的学习备忘</span> <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/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E7%8A%B6%E6%80%81%E6%A8%A1%E5%BC%8F/1.htm">状态模式</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a> <div>在软件开发中,我们经常会遇到对象的行为随着其内部状态的变化而变化的情况。例如,一个订单可能处于"待支付"、"已支付"、"已发货"或"已完成"等不同状态,每个状态下订单的操作逻辑可能完全不同。如果直接在代码中使用大量的if-else或switch-case语句来判断状态,会导致代码臃肿、难以维护,并且违反开闭原则(OCP)。状态模式(StatePattern)提供了一种优雅的解决方案,它允许对象在运</div> </li> <li><a href="/article/1947697836871184384.htm" title="前端项目利用Gitlab CI/CD流水线自动化打包、部署云服务" target="_blank">前端项目利用Gitlab CI/CD流水线自动化打包、部署云服务</a> <span class="text-muted">黑心的奥利奥</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/gitlab/1.htm">gitlab</a><a class="tag" taget="_blank" href="/search/ci%2Fcd/1.htm">ci/cd</a> <div>叠甲前言本文仅作为个人学习GitLab的CI/CD功能记录,不适合作为专业性指导,如有纰漏,烦请君指正。Gitlab的CI/CD做什么用的自工作以来,去过大大小小公司,有一些公司技术人员专业性欠佳,每当产品经理或测试人员需要最新或者某个版本的包时【比如安卓的apk包,IOS的ipa包,前端的打包静态资源】,开发总是要停下手中的工作,去手动给测试打包,这类手动工作包括了打开某个项目,加载项目依赖,构</div> </li> <li><a href="/article/1947697709783773184.htm" title="ubuntu 如何连接gitlab" target="_blank">ubuntu 如何连接gitlab</a> <span class="text-muted">ZPC8210</span> <a class="tag" taget="_blank" href="/search/code/1.htm">code</a><a class="tag" taget="_blank" href="/search/%E9%83%A8%E7%BD%B2/1.htm">部署</a><a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a><a class="tag" taget="_blank" href="/search/gitlab/1.htm">gitlab</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>在Ubuntu上连接GitLab主要有以下几种方式,具体取决于你的需求和环境:1.通过SSH连接GitLab如果你需要通过SSH方式连接GitLab,可以按照以下步骤操作:生成SSH密钥在终端中运行以下命令生成SSH密钥:bash复制ssh-keygen-trsa-C"your_email@example.com"按照提示操作,完成后会在~/.ssh目录下生成id_rsa和id_rsa.pub两个</div> </li> <li><a href="/article/1947697457341198336.htm" title="每日面试题11:JVM" target="_blank">每日面试题11:JVM</a> <span class="text-muted"></span> <div>深入理解JVM:Java的“心脏”如何驱动程序运行?为什么需要JVM?你是否想过,为什么用Java写的程序,能在Windows、Linux、macOS上“无缝运行”?为什么开发者无需为不同操作系统重写代码?这背后的核心功臣,正是Java虚拟机(JavaVirtualMachine,JVM)。JVM是Java生态的“基石”,它不仅实现了“一次编写,随处运行”的跨平台特性,还通过内存管理、垃圾回收等机</div> </li> <li><a href="/article/1947697078549409792.htm" title="自编码器表征学习:重构误差与隐空间拓扑结构的深度解析" target="_blank">自编码器表征学习:重构误差与隐空间拓扑结构的深度解析</a> <span class="text-muted">码字的字节</span> <a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%BC%96%E7%A0%81%E5%99%A8/1.htm">自编码器</a><a class="tag" taget="_blank" href="/search/%E9%87%8D%E6%9E%84%E8%AF%AF%E5%B7%AE/1.htm">重构误差</a><a class="tag" taget="_blank" href="/search/%E9%9A%90%E7%A9%BA%E9%97%B4/1.htm">隐空间</a> <div>自编码器基础与工作原理自编码器(Autoencoder)作为深度学习领域的重要无监督学习模型,其核心思想是通过模拟人类认知过程中的"压缩-解压"机制实现数据的表征学习。这种由GeoffreyHinton团队在2006年复兴的神经网络结构,本质上是一个试图通过编码-解码过程来复制其输入的系统,却在实现这一看似简单目标的过程中,意外地获得了强大的特征提取能力。基本架构与工作流程典型自编码器由对称的两部</div> </li> <li><a href="/article/1947697079266635776.htm" title="深入解析Hadoop中的Region分裂与合并机制" target="_blank">深入解析Hadoop中的Region分裂与合并机制</a> <span class="text-muted">码字的字节</span> <a class="tag" taget="_blank" href="/search/hadoop%E5%B8%83%E9%81%93%E5%B8%88/1.htm">hadoop布道师</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</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/Region/1.htm">Region</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E8%A3%82/1.htm">分裂</a><a class="tag" taget="_blank" href="/search/%E5%90%88%E5%B9%B6/1.htm">合并</a> <div>Hadoop与Region的基本概念Hadoop的分布式架构基础作为大数据处理的核心框架,Hadoop通过分布式存储和计算解决了海量数据的处理难题。其架构核心由HDFS(HadoopDistributedFileSystem)和MapReduce组成,前者负责数据的分布式存储,后者实现分布式计算。在HDFS中,数据被分割成固定大小的块(默认128MB)分散存储在集群节点上,而MapReduce则通</div> </li> <li><a href="/article/1947696574234685440.htm" title="深入解析Hadoop RPC:技术细节与推广应用" target="_blank">深入解析Hadoop RPC:技术细节与推广应用</a> <span class="text-muted">码字的字节</span> <a class="tag" taget="_blank" href="/search/hadoop%E5%B8%83%E9%81%93%E5%B8%88/1.htm">hadoop布道师</a><a class="tag" taget="_blank" href="/search/Hadoop/1.htm">Hadoop</a><a class="tag" taget="_blank" href="/search/RPC/1.htm">RPC</a> <div>HadoopRPC框架概述在分布式系统的核心架构中,远程过程调用(RPC)机制如同神经网络般连接着各个计算节点。Hadoop作为大数据处理的基石,其自主研发的RPC框架不仅支撑着内部组件的协同运作,更以独特的工程哲学诠释了分布式通信的本质。透明性:隐形的通信桥梁HadoopRPC最显著的特征是其对通信细节的完美封装。当NameNode接收DataNode的心跳检测,或ResourceManager</div> </li> <li><a href="/article/1947696069659914240.htm" title="Game Programming with DirectX -- 01[初识Direct3D]" target="_blank">Game Programming with DirectX -- 01[初识Direct3D]</a> <span class="text-muted"></span> <div>GameProgrammingwithDirectX--01[初识Direct3D]第一卷朦胧的3D世界第一集初识Direct3D简介我们通过2个例子来简单的认识3D1.1接口和数据结构我们首先来看看我们以后用的比较多的接口,a.IDirect3D9b.IDirect3DDevice9c.IDirect3DVertexBuffer9d.IDirect3DIndexBuffer9e.IDirect3</div> </li> <li><a href="/article/1947696070368751616.htm" title="LeetCode 每日一题 2024/10/21-2024/10/27" target="_blank">LeetCode 每日一题 2024/10/21-2024/10/27</a> <span class="text-muted">alphaTao</span> <a class="tag" taget="_blank" href="/search/Exercise/1.htm">Exercise</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> <div>记录了初步解题思路以及本地实现代码;并不一定为最优也希望大家能一起探讨一起进步目录10/21910.最小差值II10/223184.构成整天的下标对数目I10/233185.构成整天的下标对数目II10/243175.找到连续赢K场比赛的第一位玩家10/253180.执行操作可获得的最大总奖励I10/263181.执行操作可获得的最大总奖励II10/27684.冗余连接10/21910.最小差值I</div> </li> <li><a href="/article/1947695817389305856.htm" title="Flutter 响应式状态管理框架GetX" target="_blank">Flutter 响应式状态管理框架GetX</a> <span class="text-muted">xiangzhihong8</span> <a class="tag" taget="_blank" href="/search/Flutter%E5%85%A5%E9%97%A8%E4%B8%8E%E5%AE%9E%E6%88%98/1.htm">Flutter入门与实战</a><a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a> <div>一、状态管理框架对比在Flutter的状态管理框架中,主流的状态管理框架有四个:GetX(又称为Get)、BLoC、MobX、Provider。Provider其中,Provider是Flutter社区提供的一种状态管理工具,本质上是对InheritedWidget组件的封装,具有如下一些优点:简化的资源分配与处置懒加载创建新类时减少大量的模板代码支持DevTools更通用的调用Inherited</div> </li> <li><a href="/article/1947695690117345280.htm" title="Java数据结构之用双向链表实现栈的入栈和出栈操作" target="_blank">Java数据结构之用双向链表实现栈的入栈和出栈操作</a> <span class="text-muted"></span> <div>packageLinkList;//使用双链表定义栈的基本操作publicclassStackByDoubleLinkextendsDoubleLinkList{//栈继承自双链表//DoubleNodehead=null;//双链表压栈操作---向双链表插入一个元素publicvoidpush(inta){HeadInsertLinkList(a);//返回压栈后的链表}//双链表出栈操作---</div> </li> <li><a href="/article/1947695690545164288.htm" title="VUE3 v-model数据双向绑定及原理" target="_blank">VUE3 v-model数据双向绑定及原理</a> <span class="text-muted">GIS-CL</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vue3/1.htm">vue3</a> <div>v-model写法{{mag}}data(){return{mag:'HELLOWORLD'}},v-model原理分为两步1、v-bind绑定value属性2、v-on绑定input事件{{mag}}data(){return{mag:'HELLOWORLD'}},methods:{change(e){this.mag=e.target.valueconsole.log(e)}}v-model复</div> </li> <li><a href="/article/1947694683073343488.htm" title="Java全栈开发性能优化全攻略:从数据库到前端" target="_blank">Java全栈开发性能优化全攻略:从数据库到前端</a> <span class="text-muted">AI天才研究院</span> <a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97/1.htm">计算</a><a class="tag" taget="_blank" href="/search/AI%E5%A4%A7%E6%A8%A1%E5%9E%8B%E4%BC%81%E4%B8%9A%E7%BA%A7%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E5%AE%9E%E6%88%98/1.htm">AI大模型企业级应用开发实战</a><a class="tag" taget="_blank" href="/search/AI%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E4%B8%8E%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">AI人工智能与大数据</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</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/ai/1.htm">ai</a> <div>Java全栈开发性能优化全攻略:从数据库到前端关键词:Java全栈、性能优化、数据库索引、后端缓存、前端渲染、响应时间、系统瓶颈摘要:本文从全栈视角出发,系统讲解Java开发中数据库、后端服务、前端页面三大核心层的性能优化方法。通过生活类比、代码示例和实战案例,带你一步步理解索引设计、缓存策略、懒加载、防抖节流等关键技术,掌握从“发现瓶颈”到“精准优化”的完整流程,最终实现用户体验与资源效率的双重</div> </li> <li><a href="/article/1947693675752517632.htm" title="bmsimilarity的打分 调试参数" target="_blank">bmsimilarity的打分 调试参数</a> <span class="text-muted">risc123456</span> <a class="tag" taget="_blank" href="/search/elasticsearch/1.htm">elasticsearch</a> <div>下面给出一条极简、可复制的DSL链路:1.建索引(默认BM25)2.插入文档3.触发BM25打分的查询---1️⃣创建索引(什么都不改,就是BM25)```jsonPUT/demo{"mappings":{"properties":{"title":{"type":"text"}//默认similarity=BM25}}}```---2️⃣插入文档```jsonPOST/demo/_doc/1{"</div> </li> <li><a href="/article/1947693423641292800.htm" title="深入解析Hadoop:大数据处理的基石" target="_blank">深入解析Hadoop:大数据处理的基石</a> <span class="text-muted">学习的锅</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a> <div>随着信息技术的快速发展和互联网的普及,数据的产生速度极具增加。面对如此海量的数据,传统的数据处理工具显得力不从心。在这种背景下,诞生了一系列用于处理大数据的框架与工具,而ApacheHadoop便是其中最为知名和应用最广泛的一个。本文将深入解析Hadoop的基本原理、架构及其在大数据处理中的重要性。1.Hadoop的起源与发展Hadoop起源于Google公司的三篇奠基性论文:GoogleFile</div> </li> <li><a href="/article/1947693297363382272.htm" title="【数据结构 | C语言】Dijkstra算法(迪杰斯特拉算法)" target="_blank">【数据结构 | C语言】Dijkstra算法(迪杰斯特拉算法)</a> <span class="text-muted">竹一笔记</span> <a class="tag" taget="_blank" href="/search/C/1.htm">C</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">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>文章目录一、Dijkstra算法介绍二、算法C语言三、完整代码四、示例一、Dijkstra算法介绍Dijkstra算法解决了单源点的最短路径Dijkstra算法是贪心算法步骤:从源点出发,找到已连通点与未连通点的最小代价边连接最小代价边,将该顶点归并到已连接顶点集将该顶点连通的边的代价与最小代价比较,若代价小于最小代价,则更新最小代价边重复操作,直到连通所有顶点为止Dijkstra算法与Prim算</div> </li> <li><a href="/article/1947693045105356800.htm" title="数据结构进阶:使用链表实现栈和队列详解与示例(C, C#, C++)" target="_blank">数据结构进阶:使用链表实现栈和队列详解与示例(C, C#, C++)</a> <span class="text-muted"></span> <div>文章目录1、栈与队列简介栈(Stack)队列(Queue)2、使用链表实现栈C语言实现C#语言实现C++语言实现3、使用链表实现队列C语言实现C#语言实现C++语言实现4、链表实现栈和队列的性能分析时间复杂度空间复杂度性能特点与其他实现的比较总结在软件开发中,数据结构是不可或缺的一部分。本文将详细介绍如何使用链表来实现栈和队列这两种基本的数据结构,并提供C、C#和C++三种语言的示例代码。1、栈与</div> </li> <li><a href="/article/1947692918785503232.htm" title="简悦音乐播放器用到的相关技术点都在这里了(一)" target="_blank">简悦音乐播放器用到的相关技术点都在这里了(一)</a> <span class="text-muted">那年星空</span> <a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a> <div>基于Getx实现的MVVM在原生的iOS、Android中我们已经习惯了使用MVVM取代MVC,来实现业务页面,这样结构更加清晰,也便于管理和功能扩展。在Flutter通过Getx来实现MVVM,如播放器的首页的实现,简化之后的代码如下。View的实现:在View中实例化一个HomeController并交给Get,build方法中返回一个由GetBuilder(builder:(controll</div> </li> <li><a href="/article/1947692914599587840.htm" title="初识Direct3D" target="_blank">初识Direct3D</a> <span class="text-muted">gauss</span> <a class="tag" taget="_blank" href="/search/%E5%AE%A2%E6%88%B7%E7%AB%AF%E7%BC%96%E7%A8%8B/1.htm">客户端编程</a><a class="tag" taget="_blank" href="/search/direct3d/1.htm">direct3d</a><a class="tag" taget="_blank" href="/search/Direct3D/1.htm">Direct3D</a><a class="tag" taget="_blank" href="/search/null/1.htm">null</a><a class="tag" taget="_blank" href="/search/NULL/1.htm">NULL</a><a class="tag" taget="_blank" href="/search/parameters/1.htm">parameters</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/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>第一卷朦胧的3D世界第一集初识Direct3D简介我们通过2个例子来简单的认识3D1.1接口和数据结构我们首先来看看我们以后用的比较多的接口,a.IDirect3D9b.IDirect3DDevice9c.IDirect3DVertexBuffer9d.IDirect3DIndexBuffer9e.IDirect3DSurface9f.IDirect3DTexture9g.ID3DXMesh再看看</div> </li> <li><a href="/article/1947692788241985536.htm" title="鸿蒙分布式数据同步全解析:用一套代码搞定多设备实时共享" target="_blank">鸿蒙分布式数据同步全解析:用一套代码搞定多设备实时共享</a> <span class="text-muted">前端世界</span> <a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a><a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</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%8D%8E%E4%B8%BA/1.htm">华为</a> <div>摘要在万物互联的趋势下,多设备间的数据协同成了刚需。从手机到平板、手表、电视,再到智能车载系统,用户希望数据无缝同步、实时一致。鸿蒙系统通过分布式数据库与分布式消息总线,为开发者提供了一套跨设备的数据同步机制,简化了开发流程。本文将从实际开发角度出发,带你用最简单的方式了解如何实现跨设备的数据同步。引言过去,我们经常需要自己去写Socket通信、同步逻辑、数据一致性校验,整个过程又难又容易出错。而</div> </li> <li><a href="/article/1947691095936790528.htm" title="通达OA社科院St-balance风电投资市场朱民流水不够不让提现,骗局曝光幕后无法出金!" target="_blank">通达OA社科院St-balance风电投资市场朱民流水不够不让提现,骗局曝光幕后无法出金!</a> <span class="text-muted">法律咨询维权</span> <div>不要有一夜暴富的想法。一旦被人拉进了所谓的微信QQ的理财投资的群,那么就可以认定这是一个骗局。因为这个群里面,除了被害人之外,其他人都是骗子,都是托。赚到钱了,他们会在群里面鼓励投资人追加投资,投入更多的钱。如果说亏损了,他们就会互相鼓励,让投资人相信我不是自己在投这个项目,是很多人,大家都在投。本文将介绍一种常见的骗局——黑平台无法出金,以帮助大家提高警惕性,避免上当受骗。推荐网上投资理财、炒*</div> </li> <li><a href="/article/1947690898238271488.htm" title="12.15 写Android UI组件遇到问题" target="_blank">12.15 写Android UI组件遇到问题</a> <span class="text-muted">ideal树叶</span> <a class="tag" taget="_blank" href="/search/Android%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">Android学习笔记</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/webview/1.htm">webview</a> <div>1.imeOptions:android键盘中的enter键图标是可以用EditText的android:imeOptions标签变更android:ems="10":设置TextView或者Edittext编辑的字符串长度为10,超出部分不显示,该属性只有android:layout_width=“wrap_content”时才显示,是march_parent时不会有变化android:layo</div> </li> <li><a href="/article/1947690898770948096.htm" title="Mac touchbar 触控条不显示、触控条不能点击交互,先别急着送修,试试这样操作~" target="_blank">Mac touchbar 触控条不显示、触控条不能点击交互,先别急着送修,试试这样操作~</a> <span class="text-muted">ideal树叶</span> <a class="tag" taget="_blank" href="/search/Mac/1.htm">Mac</a><a class="tag" taget="_blank" href="/search/mac/1.htm">mac</a> <div>一、MacBooktouchbar触控条不显示方法1:打开活动监视器,找到名为TouchBarServer的进程,然后选择退出或强制退出。此时观察触控条,它应该会恢复。方法2:通过终端(Terminal)在终端中输入命令:sudopkillTouchBarServer,回车,会提示输入电脑密码,输入密码后回车此时观察触控条,它应该会恢复。但是此时,触控条虽然显示,但是不能点击交互二、MacBook</div> </li> <li><a href="/article/1947690899207155712.htm" title="Provider 做 状态管理 和 路由管理 及 与其他方案对比" target="_blank">Provider 做 状态管理 和 路由管理 及 与其他方案对比</a> <span class="text-muted">ideal树叶</span> <a class="tag" taget="_blank" href="/search/Flutter/1.htm">Flutter</a><a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a> <div>Provider是Flutter官方推荐的状态管理解决方案,它基于InheritedWidget实现,通过依赖注入的方式高效管理应用状态,避免深层嵌套传值问题。以下从原理、核心组件到实践代码全面解析:一、Provider做状态管理1.1核心原理1.基于InheritedWidgetInheritedWidget是Flutter的特殊组件,用于在widget树中自上而下高效传递数据。子组件可通过co</div> </li> <li><a href="/article/73.htm" title="Hadoop(一)" target="_blank">Hadoop(一)</a> <span class="text-muted">朱辉辉33</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>今天在诺基亚第一天开始培训大数据,因为之前没接触过Linux,所以这次一起学了,任务量还是蛮大的。 首先下载安装了Xshell软件,然后公司给了账号密码连接上了河南郑州那边的服务器,接下来开始按照给的资料学习,全英文的,头也不讲解,说锻炼我们的学习能力,然后就开始跌跌撞撞的自学。这里写部分已经运行成功的代码吧.    在hdfs下,运行hadoop fs -mkdir /u</div> </li> <li><a href="/article/200.htm" title="maven An error occurred while filtering resources" target="_blank">maven An error occurred while filtering resources</a> <span class="text-muted">blackproof</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/%E6%8A%A5%E9%94%99/1.htm">报错</a> <div>转:http://stackoverflow.com/questions/18145774/eclipse-an-error-occurred-while-filtering-resources   maven报错: maven An error occurred while filtering resources   Maven -> Update Proje</div> </li> <li><a href="/article/327.htm" title="jdk常用故障排查命令" target="_blank">jdk常用故障排查命令</a> <span class="text-muted">daysinsun</span> <a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a> <div>linux下常见定位命令: 1、jps      输出Java进程       -q       只输出进程ID的名称,省略主类的名称;       -m      输出进程启动时传递给main函数的参数;     &nb</div> </li> <li><a href="/article/454.htm" title="java 位移运算与乘法运算" target="_blank">java 位移运算与乘法运算</a> <span class="text-muted">周凡杨</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%BD%8D%E7%A7%BB/1.htm">位移</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%AE%97/1.htm">运算</a><a class="tag" taget="_blank" href="/search/%E4%B9%98%E6%B3%95/1.htm">乘法</a> <div>  对于 JAVA 编程中,适当的采用位移运算,会减少代码的运行时间,提高项目的运行效率。这个可以从一道面试题说起:     问题: 用最有效率的方法算出2 乘以8 等於几?” 答案:2 << 3 由此就引发了我的思考,为什么位移运算会比乘法运算更快呢?其实简单的想想,计算机的内存是用由 0 和 1 组成的二</div> </li> <li><a href="/article/581.htm" title="java中的枚举(enmu)" target="_blank">java中的枚举(enmu)</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>从jdk1.5开始,java增加了enum(枚举)这个类型,但是大家在平时运用中还是比较少用到枚举的,而且很多人和我一样对枚举一知半解,下面就跟大家一起学习下enmu枚举。先看一个最简单的枚举类型,一个返回类型的枚举: public enum ResultType { /** * 成功 */ SUCCESS, /** * 失败 */ FAIL, </div> </li> <li><a href="/article/708.htm" title="MQ初级学习" target="_blank">MQ初级学习</a> <span class="text-muted">510888780</span> <a class="tag" taget="_blank" href="/search/activemq/1.htm">activemq</a> <div>1.下载ActiveMQ 去官方网站下载:http://activemq.apache.org/ 2.运行ActiveMQ 解压缩apache-activemq-5.9.0-bin.zip到C盘,然后双击apache-activemq-5.9.0-\bin\activemq-admin.bat运行ActiveMQ程序。 启动ActiveMQ以后,登陆:http://localhos</div> </li> <li><a href="/article/835.htm" title="Spring_Transactional_Propagation" target="_blank">Spring_Transactional_Propagation</a> <span class="text-muted">布衣凌宇</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/transactional/1.htm">transactional</a> <div>//事务传播属性 @Transactional(propagation=Propagation.REQUIRED)//如果有事务,那么加入事务,没有的话新创建一个 @Transactional(propagation=Propagation.NOT_SUPPORTED)//这个方法不开启事务 @Transactional(propagation=Propagation.REQUIREDS_N</div> </li> <li><a href="/article/962.htm" title="我的spring学习笔记12-idref与ref的区别" target="_blank">我的spring学习笔记12-idref与ref的区别</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>idref用来将容器内其他bean的id传给<constructor-arg>/<property>元素,同时提供错误验证功能。例如: <bean id ="theTargetBean" class="..." /> <bean id ="theClientBean" class=&quo</div> </li> <li><a href="/article/1089.htm" title="Jqplot之折线图" target="_blank">Jqplot之折线图</a> <span class="text-muted">antlove</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/timeseries/1.htm">timeseries</a><a class="tag" taget="_blank" href="/search/jqplot/1.htm">jqplot</a> <div>timeseriesChart.html <script type="text/javascript" src="jslib/jquery.min.js"></script> <script type="text/javascript" src="jslib/excanvas.min.js&</div> </li> <li><a href="/article/1216.htm" title="JDBC中事务处理应用" target="_blank">JDBC中事务处理应用</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/JDBC%E7%BC%96%E7%A8%8B/1.htm">JDBC编程</a><a class="tag" taget="_blank" href="/search/%E4%BA%8B%E5%8A%A1%E6%8E%A7%E5%88%B6%E8%AF%AD%E5%8F%A5/1.htm">事务控制语句</a> <div>  解释事务的概念; 事务控制是sql语句中的核心之一;事务控制的作用就是保证数据的正常执行与异常之后可以恢复   事务常用命令:             Commit提交         </div> </li> <li><a href="/article/1343.htm" title="[转]ConcurrentHashMap Collections.synchronizedMap和Hashtable讨论" target="_blank">[转]ConcurrentHashMap Collections.synchronizedMap和Hashtable讨论</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B%E5%AE%89%E5%85%A8/1.htm">线程安全</a><a class="tag" taget="_blank" href="/search/HashMap/1.htm">HashMap</a> <div>在Java类库中出现的第一个关联的集合类是Hashtable,它是JDK1.0的一部分。 Hashtable提供了一种易于使用的、线程安全的、关联的map功能,这当然也是方便的。然而,线程安全性是凭代价换来的――Hashtable的所有方法都是同步的。此时,无竞争的同步会导致可观的性能代价。Hashtable的后继者HashMap是作为JDK1.2中的集合框架的一部分出现的,它通过提供一个不同步的</div> </li> <li><a href="/article/1470.htm" title="ng-if与ng-show、ng-hide指令的区别和注意事项" target="_blank">ng-if与ng-show、ng-hide指令的区别和注意事项</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> <div>        angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏,值为true时元素会显示。ng-hide功能类似,使用方式相反。元素的显示或</div> </li> <li><a href="/article/1597.htm" title="【持久化框架MyBatis3七】MyBatis3定义typeHandler" target="_blank">【持久化框架MyBatis3七】MyBatis3定义typeHandler</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/TypeHandler/1.htm">TypeHandler</a> <div>什么是typeHandler? typeHandler用于将某个类型的数据映射到表的某一列上,以完成MyBatis列跟某个属性的映射   内置typeHandler MyBatis内置了很多typeHandler,这写typeHandler通过org.apache.ibatis.type.TypeHandlerRegistry进行注册,比如对于日期型数据的typeHandler, </div> </li> <li><a href="/article/1724.htm" title="上传下载文件rz,sz命令" target="_blank">上传下载文件rz,sz命令</a> <span class="text-muted">bitcarter</span> <a class="tag" taget="_blank" href="/search/linux%E5%91%BD%E4%BB%A4rz/1.htm">linux命令rz</a> <div>刚开始使用rz上传和sz下载命令: 因为我们是通过secureCRT终端工具进行使用的所以会有上传下载这样的需求: 我遇到的问题: sz下载A文件10M左右,没有问题 但是将这个文件A再传到另一天服务器上时就出现传不上去,甚至出现乱码,死掉现象,具体问题 解决方法: 上传命令改为;rz -ybe 下载命令改为:sz -be filename 如果还是有问题: 那就是文</div> </li> <li><a href="/article/1851.htm" title="通过ngx-lua来统计nginx上的虚拟主机性能数据" target="_blank">通过ngx-lua来统计nginx上的虚拟主机性能数据</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/ngx-lua%E3%80%80%E7%BB%9F%E8%AE%A1+%E8%A7%A3%E7%A6%81ip/1.htm">ngx-lua 统计 解禁ip</a> <div>介绍 以前我们为nginx做统计,都是通过对日志的分析来完成.比较麻烦,现在基于ngx_lua插件,开发了实时统计站点状态的脚本,解放生产力.项目主页: https://github.com/skyeydemon/ngx-lua-stats 功能 支持分不同虚拟主机统计, 同一个虚拟主机下可以分不同的location统计. 可以统计与query-times request-time </div> </li> <li><a href="/article/1978.htm" title="java-68-把数组排成最小的数。一个正整数数组,将它们连接起来排成一个数,输出能排出的所有数字中最小的。例如输入数组{32, 321},则输出32132" target="_blank">java-68-把数组排成最小的数。一个正整数数组,将它们连接起来排成一个数,输出能排出的所有数字中最小的。例如输入数组{32, 321},则输出32132</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.Arrays; import java.util.Comparator; public class MinNumFromIntArray { /** * Q68输入一个正整数数组,将它们连接起来排成一个数,输出能排出的所有数字中最小的一个。 * 例如输入数组{32, 321},则输出这两个能排成的最小数字32132。请给出解决问题</div> </li> <li><a href="/article/2105.htm" title="Oracle基本操作" target="_blank">Oracle基本操作</a> <span class="text-muted">ccii</span> <a class="tag" taget="_blank" href="/search/Oracle+SQL%E6%80%BB%E7%BB%93/1.htm">Oracle SQL总结</a><a class="tag" taget="_blank" href="/search/Oracle+SQL%E8%AF%AD%E6%B3%95/1.htm">Oracle SQL语法</a><a class="tag" taget="_blank" href="/search/Oracle%E5%9F%BA%E6%9C%AC%E6%93%8D%E4%BD%9C/1.htm">Oracle基本操作</a><a class="tag" taget="_blank" href="/search/Oracle+SQL/1.htm">Oracle SQL</a> <div>一、表操作 1. 常用数据类型 NUMBER(p,s):可变长度的数字。p表示整数加小数的最大位数,s为最大小数位数。支持最大精度为38位 NVARCHAR2(size):变长字符串,最大长度为4000字节(以字符数为单位) VARCHAR2(size):变长字符串,最大长度为4000字节(以字节数为单位) CHAR(size):定长字符串,最大长度为2000字节,最小为1字节,默认</div> </li> <li><a href="/article/2232.htm" title="[强人工智能]实现强人工智能的路线图" target="_blank">[强人工智能]实现强人工智能的路线图</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>     1:创建一个用于记录拓扑网络连接的矩阵数据表      2:自动构造或者人工复制一个包含10万个连接(1000*1000)的流程图      3:将这个流程图导入到矩阵数据表中      4:在矩阵的每个有意义的节点中嵌入一段简单的</div> </li> <li><a href="/article/2359.htm" title="给Tomcat,Apache配置gzip压缩(HTTP压缩)功能" target="_blank">给Tomcat,Apache配置gzip压缩(HTTP压缩)功能</a> <span class="text-muted">cwqcwqmax9</span> <a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a> <div>背景: HTTP 压缩可以大大提高浏览网站的速度,它的原理是,在客户端请求网页后,从服务器端将网页文件压缩,再下载到客户端,由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript , Text ,它可以节省40%左右的流量。更为重要的是,它可以对动态生成的,包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出的网页也能进行压缩,</div> </li> <li><a href="/article/2486.htm" title="SpringMVC and Struts2" target="_blank">SpringMVC and Struts2</a> <span class="text-muted">dashuaifu</span> <a class="tag" taget="_blank" href="/search/struts2/1.htm">struts2</a><a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a> <div>SpringMVC VS Struts2 1: spring3开发效率高于struts 2: spring3 mvc可以认为已经100%零配置 3: struts2是类级别的拦截, 一个类对应一个request上下文, springmvc是方法级别的拦截,一个方法对应一个request上下文,而方法同时又跟一个url对应 所以说从架构本身上 spring3 mvc就容易实现r</div> </li> <li><a href="/article/2613.htm" title="windows常用命令行命令" target="_blank">windows常用命令行命令</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/cmd/1.htm">cmd</a><a class="tag" taget="_blank" href="/search/command/1.htm">command</a> <div>在windows系统中,点击开始-运行,可以直接输入命令行,快速打开一些原本需要多次点击图标才能打开的界面,如常用的输入cmd打开dos命令行,输入taskmgr打开任务管理器。此处列出了网上搜集到的一些常用命令。winver 检查windows版本 wmimgmt.msc 打开windows管理体系结构(wmi) wupdmgr windows更新程序 wscrip</div> </li> <li><a href="/article/2740.htm" title="再看知名应用背后的第三方开源项目" target="_blank">再看知名应用背后的第三方开源项目</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a> <div>知名应用程序的设计和技术一直都是开发者需要学习的,同样这些应用所使用的开源框架也是不可忽视的一部分。此前《 iOS第三方开源库的吐槽和备忘》中作者ibireme列举了国内多款知名应用所使用的开源框架,并对其中一些框架进行了分析,同样国外开发者 @iOSCowboy也在博客中给我们列出了国外多款知名应用使用的开源框架。另外txx's blog中详细介绍了 Facebook Paper使用的第三</div> </li> <li><a href="/article/2867.htm" title="Objective-c单例模式的正确写法" target="_blank">Objective-c单例模式的正确写法</a> <span class="text-muted">jsntghf</span> <a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B/1.htm">单例</a><a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/iPhone/1.htm">iPhone</a> <div>一般情况下,可能我们写的单例模式是这样的: #import <Foundation/Foundation.h> @interface Downloader : NSObject + (instancetype)sharedDownloader; @end #import "Downloader.h" @implementation</div> </li> <li><a href="/article/2994.htm" title="jquery easyui datagrid 加载成功,选中某一行" target="_blank">jquery easyui datagrid 加载成功,选中某一行</a> <span class="text-muted">hae</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/easyui/1.htm">easyui</a><a class="tag" taget="_blank" href="/search/datagrid/1.htm">datagrid</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%8A%A0%E8%BD%BD/1.htm">数据加载</a> <div>1.首先你需要设置datagrid的onLoadSuccess $( '#dg' ).datagrid({onLoadSuccess :  function (data){      $( '#dg' ).datagrid( 'selectRow' ,3); }});   2.onL</div> </li> <li><a href="/article/3121.htm" title="jQuery用户数字打分评价效果" target="_blank">jQuery用户数字打分评价效果</a> <span class="text-muted">ini</span> <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/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>效果体验:http://hovertree.com/texiao/jquery/5.htmHTML文件代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery用户数字打分评分代码 - HoverTree</</div> </li> <li><a href="/article/3248.htm" title="mybatis的paramType" target="_blank">mybatis的paramType</a> <span class="text-muted">kerryg</span> <a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>MyBatis传多个参数: 1、采用#{0},#{1}获得参数:    Dao层函数方法:     public User selectUser(String name,String area); 对应的Mapper.xml    <select id="selectUser" result</div> </li> <li><a href="/article/3375.htm" title="centos 7安装mysql5.5" target="_blank">centos 7安装mysql5.5</a> <span class="text-muted">MrLee23</span> <a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a> <div>首先centos7 已经不支持mysql,因为收费了你懂得,所以内部集成了mariadb,而安装mysql的话会和mariadb的文件冲突,所以需要先卸载掉mariadb,以下为卸载mariadb,安装mysql的步骤。   #列出所有被安装的rpm package rpm -qa | grep mariadb   #卸载 rpm -e mariadb-libs-5.</div> </li> <li><a href="/article/3502.htm" title="利用thrift来实现消息群发" target="_blank">利用thrift来实现消息群发</a> <span class="text-muted">qifeifei</span> <a class="tag" taget="_blank" href="/search/thrift/1.htm">thrift</a> <div>           Thrift项目一般用来做内部项目接偶用的,还有能跨不同语言的功能,非常方便,一般前端系统和后台server线上都是3个节点,然后前端通过获取client来访问后台server,那么如果是多太server,就是有一个负载均衡的方法,然后最后访问其中一个节点。那么换个思路,能不能发送给所有节点的server呢,如果能就</div> </li> <li><a href="/article/3629.htm" title="实现一个sizeof获取Java对象大小" target="_blank">实现一个sizeof获取Java对象大小</a> <span class="text-muted">teasp</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/HotSpot/1.htm">HotSpot</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E5%AD%98/1.htm">内存</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E8%B1%A1%E5%A4%A7%E5%B0%8F/1.htm">对象大小</a><a class="tag" taget="_blank" href="/search/sizeof/1.htm">sizeof</a> <div>   由于Java的设计者不想让程序员管理和了解内存的使用,我们想要知道一个对象在内存中的大小变得比较困难了。本文提供了可以获取对象的大小的方法,但是由于各个虚拟机在内存使用上可能存在不同,因此该方法不能在各虚拟机上都适用,而是仅在hotspot 32位虚拟机上,或者其它内存管理方式与hotspot 32位虚拟机相同的虚拟机上 适用。     </div> </li> <li><a href="/article/3756.htm" title="SVN错误及处理" target="_blank">SVN错误及处理</a> <span class="text-muted">xiangqian0505</span> <a class="tag" taget="_blank" href="/search/SVN%E6%8F%90%E4%BA%A4%E6%96%87%E4%BB%B6%E6%97%B6%E6%9C%8D%E5%8A%A1%E5%99%A8%E5%BC%BA%E8%A1%8C%E5%85%B3%E9%97%AD/1.htm">SVN提交文件时服务器强行关闭</a> <div>在SVN服务控制台打开资源库“SVN无法读取current” ---摘自网络 写道 SVN无法读取current修复方法 Can't read file : End of file found 文件:repository/db/txn_current、repository/db/current   其中current记录当前最新版本号,txn_current记录版本库中版本</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>