详解web标准

WEB标准是一系列标准的集合,网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。

1.结构标准

  • 可扩展标记语言(XML)

和HTML一样,XML同样来源于标准通用标记语言,可扩展标记语言和标准通用标记语言都是能定义其他语言的语言。XML最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述。


  • 可扩展超文本标记语言(XTHML)

目前推荐遵循的是W3C于2000年1月26日推荐XML1.0。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的站点,直接采用XML还为时过早。因此,我们在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。简单的说,建立XHTML的目的就是实现HTML向XML的过渡

2.表现标准

层叠样式表(CSS)。目前推荐遵循的是万维网联盟(W3C)于1998年5月12日推荐CSS2。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构,使站点的访问及维护更加容易。

3.行为标准

  • ECMAScript

    ECMAScript 是 ECMA 制定的标准脚本语言(javaScript),目前遵循的是ECMAScript 262

  • 文档对象模型

    文档对象模型(DOM)。根据W3C DOM规范,DOM是一种与浏览器,平台,语言的接口,使得你可以访问页面其他的标准组件。简单理解,DOM解决了Netscaped的Javascript和Microsoft的Javascript之间的冲突,给予web设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对象。

4.代码标准

  • 必须结束标记

    XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个”/”来关闭它。

    例如:

    例如:网页设计师

  • 小写元素和属性名

    XHTML对大小写是敏感的,</code>和<code><TITLE></code>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。</h4> <h4 id="大小写夹杂也是不被认可的通常dreamweaver自动生成的属性名字onmouseover也必须修改成onmouseover">大小写夹杂也是不被认可的,通常dreamweaver自动生成的属性名字<code>onMouseOver</code>也必须修改成<code>onmouseover</code>。</h4> </blockquote></li> <li><h4 id="标记都必须合理嵌套">标记都必须合理嵌套</h4> <blockquote> <h4 id="例如pbbp就是说一层一层的嵌套必须是严格对称">例如:<code><p><b></b></p></code>,就是说,一层一层的嵌套必须是严格对称。</h4> </blockquote></li> <li><h4 id="属性必须括起来">属性必须括起来</h4> <blockquote> <h4 id="例如height80必须修改为height80">例如:<code><height=80></code>必须修改为:<code><height="80"></code></h4> <h4 id="特殊情况你需要在属性值里使用双引号你可以用单引号可以使用apos例如altsayaposhelloapos">特殊情况:你需要在属性值里使用双引号,你可以用”,单引号可以使用<code>'</code>,例如:<code><alt="say'hello'"></code></h4> </blockquote></li> <li><h4 id="特殊符号用编码表示">特殊符号用编码表示</h4> <blockquote> <h4 id="1-不是标签的一部分都必须被编码为lt">1. <,不是标签的一部分,都必须被编码为<code><</code> ;</h4> <h4 id="2-不是标签的一部分都必须被编码为gt">2. >,不是标签的一部分,都必须被编码为<code>></code>;</h4> <h4 id="3-不是实体的一部分都必须被编码为amp">3. &,不是实体的一部分,都必须被编码为<code>&</code>;</h4> <h4 id="4-不是实体的一部分都必须被编码为nbsp">4. <code></code>,不是实体的一部分,都必须被编码为<code> </code></h4> </blockquote></li> <li><h4 id="给所有属性赋值">给所有属性赋值</h4> <blockquote> <h4 id="xhtml规定所有属性都必须有一个值没有值的就重复本身">XHTML规定所有属性都必须有一个值,没有值的就重复本身。</h4> <h4 id="例如td-nowrap-input-typecheckbox-nameshirt-valuemediumchecked">例如:<code><td nowrap> <input type="checkbox" name="shirt" value="medium"checked></code></h4> <h4 id="必须修改为td-nowrapnowrap-input-typecheckbox-nameshirtvaluemedium-checkedchecked">必须修改为:<code><td nowrap="nowrap"> <input type="checkbox" name="shirt"value="medium" checked="checked"></code></h4> </blockquote></li> <li><h4 id="在注释中不使用的符号">在注释中不使用的符号</h4> <blockquote> <h4 id="只能发生在xhtml注释的开头和结束也就是说在内容中它们不再有效例如下面的代码是无效的-这里是注释-这里是注释">“–”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:<code><!--这里是注释-----------这里是注释--></code></h4> </blockquote></li> </ul> <h3 id="5测试标准"><strong>5.测试标准</strong></h3> <h4 id="1标准测试的内容"><strong>(1)标准测试的内容</strong></h4> <blockquote> <h4 id="1-页面校验"><strong>1. 页面校验</strong></h4> <h4 id="2css文档校验"><strong>2.CSS文档校验</strong></h4> <h4 id="3xhtml-10-标准"><strong>3.XHTML 1.0 标准</strong></h4> <h4 id="4w3c标准测试"><strong>4.W3C标准测试</strong></h4> <h4 id="测试时一定要有文件类别宣告还有指定文件编码才能顺利进行测试动作开始打造一个标准的网站"><strong>测试时一定要有文件类别宣告还有指定文件编码,才能顺利进行测试动作,开始打造一个标准的网站!</strong></h4> <h4 id="meta-http-equivcontent-type-contenttexthtml-charsetgb2312"><code><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /></code></h4> </blockquote> <h4 id="2w3c标准测试使用说明"><strong>(2)W3C标准测试使用说明</strong></h4> <ul> <li><h4 id="xhtml-10文件类别宣告的正确写法-不可小写">XHTML 1.0文件类别宣告的正确写法 (不可小写)</h4> <blockquote> <h4 id="过度标准transitional公共标识符称为-w3cdtd-xhtml10transitionalen">过度标准(Transitional)公共标识符称为:”-//W3C//DTD XHTML1.0Transitional//EN”。</h4> <p><code><!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"></code></p> <h4 id="框架标准frameset公共标识符称为-w3cdtd-xhtml-10-frameseten">框架标准(Frameset)公共标识符称为:“-//W3C//DTD XHTML 1.0 Frameset//EN”。</h4> <p><code><!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"></code></p> <h4 id="严格标准strict-公共标识符称为-w3cdtd-xhtml-10-stricten">严格标准(Strict) 公共标识符称为:“-//W3C//DTD XHTML 1.0 Strict//EN”。</h4> <p><code><!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"></code></p> </blockquote></li> <li><h4 id="所有网页头文件都必须改为标准格式">所有网页头文件都必须改为标准格式</h4> <blockquote> <pre class="prettyprint"><code class=" hljs r"><head> <meta http-equiv=<span class="hljs-string">"content-type"</span> content=<span class="hljs-string">"text/html; charset=gb2312"</span> /> <meta http-equiv=<span class="hljs-string">"content-language"</span> content=<span class="hljs-string">"zh-cn"</span> /> <meta name=<span class="hljs-string">"keywords"</span> content=<span class="hljs-string">"..."</span> /> <meta name=<span class="hljs-string">"description"</span> content=<span class="hljs-string">"..."</span>/> <title><span class="hljs-keyword">...</span>

  • 不允许使用target="_blank";

    在HTML4.01可以使用target="_blank",但XHTML1.0是不被允许的.

    function 外部链接()     //unicode javascript
    {
      if (!document.getElementsByTagName) return;
      var anchors = document.getElementsByTagName("a");
      for (var i=0; ivar anchor = anchors;
            if (anchor.getAttribute("href") &&
            anchor.getAttribute("rel") == "external")
            anchor.target = "_blank";
      }
    } 
    window.onload = 外部链接;

    你可以把它保存成一个.js文件(比如外部链接.js),然后通过外部联接方法调用:

  • XHTML 1.0要求所有的标签必须关闭

    所有没有成对的空标签必须以 />结尾,例如:



  • 所有标签元素名都使用小写

    错误 <HEAD> <BODY></code></h4> <h4 id="正确html-title-head-body">正确<code><html> <title> <head> <body></code></h4> </blockquote></li> <li><h4 id="同一个id选择器不可同时使用">同一个id选择器不可同时使用</h4> <blockquote> <h4 id="一个网页中idxx同一个选择器不能重复使用若需要重复请用classxx">一个网页中id=”xx”同一个选择器不能重复使用,若需要重复请用class=”xx”</h4> </blockquote></li> <li><h4 id="标签必须是一对">标签必须是一对</h4> <blockquote> <p>例如:<code><p></p></code></p> </blockquote></li> <li><h4 id="正确标签顺序">正确标签顺序</h4></li> <li><h4 id="javascript写法">JavaScript写法</h4> <blockquote> <h4 id="w3c标准必须为程式指定类型typetextjavascript所以要写为">W3C标准必须为程式指定类型type=text/javascript,所以要写为</h4> <h4 id="scripttypetextjavascript或者"><code><scripttype="text/javascript"></code>或者</h4> <h4 id="script-languagejavascript-typetextjavascript"><code><script language="javascript" type="text/javascript"></code></h4> <h4 id="载入外部js独立档案的写法">载入外部.js独立档案的写法</h4> <p><code><script type="text/javascript" src="script.js"></script></code></p> </blockquote></li> <li><h4 id="绝对不可省略单引号或者双引号">绝对不可省略单引号或者双引号</h4> <blockquote> <h4 id="错误-img-srcbggif-width140-height30-alttext">错误: <code><img src=bg.gif width=140 height=30 alt=text /></code></h4> <h4 id="正确img-srcbggif-width140-height30-alttext">正确:<code><img src="bg.gif" width="140" height="30" alt="text" /></code></h4> </blockquote></li> <li><h4 id="图片标签加上文字说明alt文字说明">图片标签加上文字说明<code>alt="文字说明"</code></h4> <blockquote> <p><code><img src="bg.gif" height="50" border="0" alt="说明文字" /></code></p> </blockquote></li> <li><h4 id="背景音乐不允许使用-bgsound标签">背景音乐不允许使用 <code>bgsound</code>标签</h4> <blockquote> <p>正确写法如下,然后通过外部链接方法调用</p> <pre class="prettyprint"><code class=" hljs avrasm">var MSIE=navigator<span class="hljs-preprocessor">.userAgent</span><span class="hljs-preprocessor">.indexOf</span>(<span class="hljs-string">"MSIE"</span>)<span class="hljs-comment">;</span> var NETS=navigator<span class="hljs-preprocessor">.userAgent</span><span class="hljs-preprocessor">.indexOf</span>(<span class="hljs-string">"Netscape"</span>)<span class="hljs-comment">;</span> var OPER=navigator<span class="hljs-preprocessor">.userAgent</span><span class="hljs-preprocessor">.indexOf</span>(<span class="hljs-string">"Opera"</span>)<span class="hljs-comment">;</span> if((MSIE>-<span class="hljs-number">1</span>) || (OPER>-<span class="hljs-number">1</span>)) { document<span class="hljs-preprocessor">.write</span>(<span class="hljs-string">"<BGSOUND SRC=背景音乐地址 LOOP=INFINITE>"</span>)<span class="hljs-comment">;</span> } else { document<span class="hljs-preprocessor">.write</span>(<span class="hljs-string">"<EMBED SRC=背景音乐地址 AUTOSTART=TRUE "</span>)<span class="hljs-comment">;</span> document<span class="hljs-preprocessor">.write</span>(<span class="hljs-string">"HIDDEN=true VOLUME=100 LOOP=TRUE>"</span>)<span class="hljs-comment">;</span> }</code></pre> </blockquote></li> <li><h4 id="不允许使用框架标签">不允许使用框架标签</h4> <blockquote> <h4 id="用js通过外链引入页面">用js通过外链引入页面</h4> <pre class="prettyprint"><code class=" hljs scilab"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">ifr</span><span class="hljs-params">(url,w,h)</span>{</span> <span class="hljs-transposed_variable">document.</span>write(<span class="hljs-string">'<iframe id="</span>ifr<span class="hljs-string">" name="</span>ifr<span class="hljs-string">" width="</span><span class="hljs-string">'+w+'</span><span class="hljs-string">" height="</span><span class="hljs-string">'+h+'</span><span class="hljs-string">" border="</span><span class="hljs-number">0</span><span class="hljs-string">" frameborder="</span><span class="hljs-number">0</span><span class="hljs-string">" scrolling="</span>no<span class="hljs-string">" src="</span><span class="hljs-string">'+url+'</span><span class="hljs-string">"></iframe>'</span>);}</code></pre> </blockquote></li> <li><h4 id="注解文字不可包含符号">注解文字不可包含”–”符号</h4> <blockquote> <h4 id="错误-oec-space">错误<code><!-- OEC--SPACE --></code></h4> <h4 id="正确-oecspace">正确 <code><!-- OECSPACE --></code></h4> </blockquote></li> <li><h4 id="正确使用css样式表">正确使用CSS样式表</h4></li> <li><h4 id="非标签部分以编码表示">非标签部分以编码表示</h4></li> <li><h4 id="所有属性都必须有值">所有属性都必须有值</h4></li> </ul> <h3 id="6优点"><strong>6.优点</strong></h3> <h3 id="1对于访问者"><em>(1)对于访问者</em></h3> <blockquote> <h4 id="文件下载与页面显示速度更快"><strong>文件下载与页面显示速度更快。</strong></h4> <h4 id="内容能被更多的用户所访问包括失明视弱色盲等残障人士"><strong>内容能被更多的用户所访问(包括失明、视弱、色盲等残障人士)。</strong></h4> <h4 id="内容能被更广泛的设备所访问包括屏幕阅读机手持设备搜索机器人打印机电冰箱等"><strong>内容能被更广泛的设备所访问(包括屏幕阅读机,手持设备,搜索机器人,打印机,电冰箱等)。</strong></h4> <h4 id="用户能够通过样式选择定制自己的表现界面"><strong>用户能够通过样式选择定制自己的表现界面。</strong></h4> <h4 id="所有页面都能提供适于打印的版本"><strong>所有页面都能提供适于打印的版本。</strong></h4> </blockquote> <h3 id="2对于网站所有者"><em>(2)对于网站所有者</em></h3> <blockquote> <h4 id="更少的代码和组件容易维护"><strong>更少的代码和组件,容易维护。</strong></h4> <h4 id="带宽要求降低代码更简洁成本降低举个例子当-espncom-使用-css改版后每天节约超过两兆字节terabytes的带宽"><strong>带宽要求降低(代码更简洁),成本降低。举个例子:当 ESPN.com 使用 CSS改版后,每天节约超过两兆字节(terabytes)的带宽。</strong></h4> <h4 id="更容易被搜寻引擎搜索到"><strong>更容易被搜寻引擎搜索到。</strong></h4> <h4 id="改版方便不需要变动页面内容"><strong>改版方便,不需要变动页面内容。</strong></h4> <h4 id="提供打印版本而不需要复制内容"><strong>提供打印版本而不需要复制内容。</strong></h4> <h4 id="提高网站易用性在美国有严格的法律条款section-508来约束政府网站必须达到一定的易用性其他国家也有类似的要求"><strong>提高网站易用性。在美国,有严格的法律条款(Section 508)来约束政府网站必须达到一定的易用性,其他国家也有类似的要求。</strong></h4> </blockquote> <h3 id="7误区"><strong>7.误区</strong></h3> <blockquote> <h4 id="不为通过校验才标准化"><strong>不为通过校验才标准化</strong></h4> <blockquote> <h4 id="web标准的本意是实现内容结构和表现分离就是将样式剥离出来放在单独的css文件中这样做的好处是可以分别处理内容和表现也方便搜索和内容的再利用">web标准的本意是实现内容(结构)和表现分离,就是将样式剥离出来放在单独的css文件中。这样做的好处是可以分别处理内容和表现,也方便搜索和内容的再利用。</h4> <h4 id="w3c校验仅仅是帮助你检查xhtml代码的书写是否规范css的属性是否都在ccs2的规范内代码的标准化仅仅是第一步不是说通过的校验我的网页就标准化了我们不是为了虚名或者向别人炫耀看我的页面通过了校验而去标准化我们的目的是为了使自己的网页设计工作更有效率为了缩小网页尺寸为了能够在任何浏览器和网络设备中正常浏览">W3C校验仅仅是帮助你检查XHTML代码的书写是否规范,css的属性是否都在CCS2的规范内。代码的标准化仅仅是第一步,不是说通过的校验,我的网页就标准化了。我们不是为了虚名,或者向别人炫耀:“看我的页面通过了校验”而去标准化,我们的目的是为了使自己的网页设计工作更有效率,为了缩小网页尺寸,为了能够在任何浏览器和网络设备中正常浏览。</h4> </blockquote> <h4 id="不用传统表格思维来套div"><strong>不用传统表格思维来套div</strong></h4> <h4 id="不必每块内容都建id"><strong>不必每块内容都建id</strong></h4> <blockquote> <h4 id="我们知道内容都是有结构的如果不明白请点击阅读理解表现和结构相分离-相同的结构的内容我们可以用同一个样式来定义比如相同级别的标题正文图片对于多次引用的样式可以用class来定义不需要每个都用id另外也不是说一定要用你完全可以用别的来代替同样都是块级元素一样有盒模型的七个参数仅仅方便浮动">我们知道内容都是有结构的(如果不明白,请点击阅读,理解表现和结构相分离 ,相同的结构的内容我们可以用同一个样式来定义,比如相同级别的标题、正文、图片。对于多次引用的样式可以用class来定义,不需要每个都用id;另外也不是说一定要用,你完全可以用别的来代替,同样都是块级元素,一样有盒模型的七个参数,仅仅方便浮动。</h4> </blockquote> </blockquote> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1295191837547503616"></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">你可能感兴趣的:(前端学习)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1949543979942998016.htm" title="【前端学习笔记】CSS的两种盒子模型" target="_blank">【前端学习笔记】CSS的两种盒子模型</a> <span class="text-muted">花上</span> <div>CSS有两种盒子模型。一种是W3C的标准盒子模型。另一种是IE的盒子模型。W3C的标准盒子模型中width包括了width+padding+border。IE的盒子模型的width只有width,不包含padding和border。box-sizing的作用如果想要切换盒子模型,可以使用box-sizing属性。例:box-sizing:content-box是W3C盒子模型  box-sizin</div> </li> <li><a href="/article/1948847531521798144.htm" title="如何自学前端找到一份工作" target="_blank">如何自学前端找到一份工作</a> <span class="text-muted">luckySnail01</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>建议先看下鱼皮的两个视频+如何学习技术文章:https://bcdh.yuque.com/staff-wpxfif/resource/rito86b49l53w1w2(前端1小时-1小时16分钟)https://www.bilibili.com/video/BV1nh411e7oG,超级详情的前端学习路线https://bcdh.yuque.com/staff-wpxfif/resource/nx</div> </li> <li><a href="/article/1948111160557498368.htm" title="前端项目启动 npm 安装 之 常见错误 意外解决了 一直报 esbuild 的问题,使程序正常运行" target="_blank">前端项目启动 npm 安装 之 常见错误 意外解决了 一直报 esbuild 的问题,使程序正常运行</a> <span class="text-muted"></span> <div>写在前面:本文作为本人学习总结之用,同时分享给大家~个人前端博客网站:zhangqiang.hk.cn欢迎加入博主的前端学习qq交流群::706947563,专注前端开发,共同学习进步!通常要运行一个前端项目操作流程为:npminstall(用于安装库,可以理解为初试化用的)npmstart(启动项目)1、上面这两个为我们理想话的安装,实际上会遇到各种意想不到的bug,比如网络原因,这个时候我们要</div> </li> <li><a href="/article/1947176162606247936.htm" title="前端学习路线推荐" target="_blank">前端学习路线推荐</a> <span class="text-muted">oldfifteen</span> <div>第一阶段:HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征:正则表达式、排序算</div> </li> <li><a href="/article/1946470482282868736.htm" title="前端学习笔记:React.js中state和props的区别和联系" target="_blank">前端学习笔记:React.js中state和props的区别和联系</a> <span class="text-muted"></span> <div>文章目录1.`props`(属性)定义用途示例2.`state`(状态)定义用途示例3.核心区别4.常见使用场景props的场景state的场景5.交互模式父组件修改子组件状态子组件通知父组件6.最佳实践总结在React.js中,state和props是两个核心概念,用于管理组件的数据和数据流。它们的设计目的不同,但共同构成了React组件的状态管理系统。1.props(属性)定义外部传入的数据:</div> </li> <li><a href="/article/1943469324639465472.htm" title="前端学习 vben 之 axios interceptors" target="_blank">前端学习 vben 之 axios interceptors</a> <span class="text-muted">aha-凯心</span> <a class="tag" taget="_blank" href="/search/vben/1.htm">vben</a><a class="tag" taget="_blank" href="/search/admin%E5%90%AF%E8%88%AA/1.htm">admin启航</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>前端学习vben之axiosinterceptorsinterceptor拦截器,是一种软件设计模式,核心思想就是在程序执行的特定阶段(如请求发送前,响应返回后,方法调用前后等)自动插入自定义逻辑。实现对核心流程的“拦截”和增强。它本质上是一种面向切面编程(AOP)的具体实现,用于解耦横跨多个模块的通用功能(如日志、认证、错误处理)。axios中的interceptoraxios中实现了inter</div> </li> <li><a href="/article/1942511413318709248.htm" title="如何像我这样创建一个酷炫且能赚钱的网站(使用宝塔安装WordPress搭建子比主题)" target="_blank">如何像我这样创建一个酷炫且能赚钱的网站(使用宝塔安装WordPress搭建子比主题)</a> <span class="text-muted">海拥✘</span> <a class="tag" taget="_blank" href="/search/100%E4%B8%AA%E5%89%8D%E7%AB%AF%E4%BC%98%E8%B4%A8%E9%A1%B9%E7%9B%AE/1.htm">100个前端优质项目</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>个人网站:【海拥】【摸鱼小游戏】【神级源码资源网站】风趣幽默的前端学习课程:28个案例趣学前端想寻找共同学习交流、摸鱼划水的小伙伴,请点击【摸鱼学习交流群】免费且实用的前端刷题(面经大全)网站:点击跳转到网站3ÿ</div> </li> <li><a href="/article/1940727187518844928.htm" title="学习记录:DAY33" target="_blank">学习记录:DAY33</a> <span class="text-muted">2301_79760424</span> <a class="tag" taget="_blank" href="/search/%E6%AF%8F%E6%97%A5%E5%AD%A6%E4%B9%A0%E8%AE%B0%E5%BD%95/1.htm">每日学习记录</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>前端学习之旅:Node.js模块与HTTP服务前言----------------------------------------又是许久许久没有更新,在苦哈哈弄完期末,然后花一天时间把计算机网络课设写了之后。现在又即将回到前后端学习的状态。我想现在正处于一个调整期的状态。一个是随着blog的不断堆积,有必要把它们整理成更具有逻辑性的知识片。另一个是我需要了解当前前后端需要学习的路线,这样我可以有</div> </li> <li><a href="/article/1939491137492414464.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/Advance/1.htm">Advance</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>JAVA进阶之路一、Java企业开发基础1.JavaWeb2.SSM框架3.Maven4.Springboot25.mybatis-plus6.前端学习(不算很重要)7.SpringSecurity(有时间再看,不重要)8.代码开发规范(不重要,有时间看)9.Git10.Linux(不重要,会用就行)二、Java企业开发进阶1.设计模式2.Redis(核心)3.消息队列RocketMQ(核心)4.</div> </li> <li><a href="/article/1937661839932452864.htm" title="vue3项目练习大全(附github源码)" target="_blank">vue3项目练习大全(附github源码)</a> <span class="text-muted">尔嵘</span> <a class="tag" taget="_blank" href="/search/Vue3.0/1.htm">Vue3.0</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>vue慢慢的成为了前端最受欢迎的框架之一,在很多项目之中开发都能用得到,如今也已经发展到3.0了,可能是因为这个框架可以提高工作效率,因此受到大家的追捧,在之前的文章里面也说过,2019年,大前端学习小程序和vue是必备技能。2023年必将是vue3-ts主流,拥抱新技术必须是我们要接受的!如果在平时的工作里,有些公司用不到这两项技能,那你也要在业余的时间里面,找一些教程和练手的vue小项目。以下</div> </li> <li><a href="/article/1935683499407241216.htm" title="前端学习不迷茫(建议收藏)学习路线" target="_blank">前端学习不迷茫(建议收藏)学习路线</a> <span class="text-muted">aha-凯心</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>theme:cyanosis前端学习不迷茫(建议收藏)当你点进来的时候,我默认你是一个前端开发的新手,或者是一个想要了解前端开发的人。让我们开启前端学习路线指导之旅。什么是前端?狭义上的前端开发,是指使用HTML、CSS、JavaScript进行网页制作。而广义上的前端开发,则是包括了网页,微信小程序,手机app,电脑软件,电视app,等一系列有屏幕显示,可进行人机交互的开发工作。前端招聘要求这样</div> </li> <li><a href="/article/1933793485903687680.htm" title="【Python@arcpy】 GeoDataBase 导出为Shapefile" target="_blank">【Python@arcpy】 GeoDataBase 导出为Shapefile</a> <span class="text-muted">seelingzheng</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/arcpy/1.htm">arcpy</a><a class="tag" taget="_blank" href="/search/GIS%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">GIS可视化</a> <div>关注公众号"seeling_GIS",领取前端学习视频资料数据源是gdb,需要用超图发布成服务,所有想到的办法就是通过将数据转换成shp然后在通过shp导入到超图udb文件中,然后发布成服务。虽然arcmap中能够通过界面化操作就能够实现,但是如果如果数据量过大,分类过多就比较费时费力,只是一个没有技术含量的体力活,所有想着用arcpy来实现通过脚本的方式批量转换。以下代码实现了gdb数据到shp</div> </li> <li><a href="/article/1933106532803735552.htm" title="Web API总结与深化进阶" target="_blank">Web API总结与深化进阶</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/%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/html/1.htm">html</a> <div>提示:这是一个非常弱智的前端学习者的一点追求弱智简单清晰的傻瓜笔记,一个经常打完代码打辩论的某弗雷尔卓德寒冷211高校的天天想家的孩子的“胡说八道”。这是第四节——WebAPI总结与深化进阶HHYYZZ的蓝旭笔记WebAPI进阶一、变量声明与WebAPI基本认知1、变量声明关键字特点使用场景注意事项var函数作用域,可重复声明旧版代码兼容存在变量提升,建议淘汰let块级作用域,不可重复声明需要重新</div> </li> <li><a href="/article/1932917646529982464.htm" title="前端学习<四>JavaScript基础——37-通过style对象获取和设置行内样式" target="_blank">前端学习<四>JavaScript基础——37-通过style对象获取和设置行内样式</a> <span class="text-muted"></span> <div>style属性的获取和修改在DOM当中,如果想设置样式,有两种形式:className(针对内嵌样式)style(针对行内样式)这篇文章,我们就来讲一下style。需要注意的是:style是一个对象,只能获取行内样式,不能获取内嵌的样式和外链的样式。例如:         Title        div{       border:6pxsolidred;    }      ​    ​   </div> </li> <li><a href="/article/1930808346361786368.htm" title="一文快速学习HTTP协议知识:前端学习调试必须掌握" target="_blank">一文快速学习HTTP协议知识:前端学习调试必须掌握</a> <span class="text-muted">Microi风闲</span> <a class="tag" taget="_blank" href="/search/%E3%80%90%E5%85%A8%E6%A0%88%E3%80%91%E5%85%A8%E6%A0%88%E5%BC%80%E5%8F%91/1.htm">【全栈】全栈开发</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E8%B0%83%E8%AF%95/1.htm">调试</a> <div>文章目录前言一、HTTP协议基础1.1HTTP协议概述1.2HTTP工作流程二、HTTP请求详解2.1请求结构2.2请求方法(HTTPMethods)2.3请求头(RequestHeaders)2.4请求参数三、HTTP响应详解3.1响应结构3.2状态码(StatusCodes)3.3响应头(ResponseHeaders)3.4响应体(ResponseBody)四、HTTP高级特性4.1持久连接</div> </li> <li><a href="/article/1930730570392858624.htm" title="【前端学习笔记】Redux" target="_blank">【前端学习笔记】Redux</a> <span class="text-muted">Love__Tay</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>文章目录前言Redux1简介2笔记创建一个ReduxStore从ReduxStore获取状态分发ActionEvent在Store里处理Action使用Switch语句处理多个Actions使用const声明ActionTypes注册Store监听器组合多个Reducers发送ActionData给Store使用中间件处理异步操作前言前端开发库学习笔记,仅供参考交流,如有侵权,请联系删除。Redu</div> </li> <li><a href="/article/1928179008613183488.htm" title="《前端学习》-css之border-image记录" target="_blank">《前端学习》-css之border-image记录</a> <span class="text-muted">颠沛流离笑忘书</span> <a class="tag" taget="_blank" href="/search/%E8%8F%9C%E9%B8%9F/1.htm">菜鸟</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>border-image:设置图像用作围绕元素的边框,必须要先设置border属性才能起作用。border-image的三大部分:1、用作边框的图像:border-image-source属性;定义:规定边框使用的图像,代替border-style属性中设置的边框样式,如果值为“none”,或者图像无法显示,则使用border-style设置的边框样式,可使用绝对路径与相对路径,例:div{bor</div> </li> <li><a href="/article/1928059877188497408.htm" title="JavaScript- 4.3 轮播图实现指南" target="_blank">JavaScript- 4.3 轮播图实现指南</a> <span class="text-muted">Yvonne爱编码</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>本系列可作为前端学习系列的笔记,代码的运行环境是在HBuilder中,小编会将代码复制下来,大家复制下来就可以练习了,方便大家学习。HTML和CSS系列文章已经收录在前端专栏,有需要的宝宝们可以点击前端专栏查看!点赞关注不迷路!您的点赞、关注和收藏是对小编最大的支持和鼓励!本文实现了两种轮播图,大家可以都试一下!系列文章目录JavaScript-1.1行内、内部、外部三种引用方式JavaScrip</div> </li> <li><a href="/article/1926203263179354112.htm" title="前端学习 后端工程师 #2" target="_blank">前端学习 后端工程师 #2</a> <span class="text-muted">好学且牛逼的马</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>#2JAVAweb知识点回顾#1前端三大件htmlcssjs(看的懂基础语法即可)4.DOM(前端底层原理了解即可)网页编程接口抽象成对象模型DOM事件DOM树动态操作->5.dom是bom的一部分DOM是Web开发的核心机制之一,通过将网页结构化,使JavaScript能高效控制页面动态行为。现代框架(如React、Vue)虽封装了部分DOM操作细节,但底层仍依赖DOM原理,理解DOM是前端开发</div> </li> <li><a href="/article/1925923258117451776.htm" title="JavaScript- 1.1 行内、内部、外部三种引用方式" target="_blank">JavaScript- 1.1 行内、内部、外部三种引用方式</a> <span class="text-muted">Yvonne爱编码</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/HBuilder/1.htm">HBuilder</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/javascript/1.htm">javascript</a> <div>本系列可作为前端学习系列的笔记,代码的运行环境是在HBuilder中,小编会将代码复制下来,大家复制下来就可以练习了,方便大家学习。HTML和CSS系列文章已经收录在前端专栏,有需要的宝宝们可以点击前端专栏查看!点赞关注不迷路!您的点赞、关注和收藏是对小编最大的支持和鼓励!系列文章目录JavaScript-1.1行内、内部、外部三种引用方式JavaScript-1.2ECMA基本语法和控制流Jav</div> </li> <li><a href="/article/1925919856088117248.htm" title="CSS-5.1 Transition 过渡" target="_blank">CSS-5.1 Transition 过渡</a> <span class="text-muted">Yvonne爱编码</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><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/HBuilder/1.htm">HBuilder</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>本系列可作为前端学习系列的笔记,代码的运行环境是在HBuilder中,小编会将代码复制下来,大家复制下来就可以练习了,方便大家学习。HTML系列文章已经收录在前端专栏,有需要的宝宝们可以点击前端专栏查看!点赞关注不迷路!您的点赞、关注和收藏是对小编最大的支持和鼓励!系列文章目录CSS-1.1css选择器CSS-2.1实战之图文混排、表格、表单、学校官网一级导航栏CSS-3.1盒子模型-块级元素、行</div> </li> <li><a href="/article/1924886913680994304.htm" title="前端学习总结(十四)javascript设计模式" target="_blank">前端学习总结(十四)javascript设计模式</a> <span class="text-muted">浩时代</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一什么是设计模式设计模式(Designpattern)是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。二设计原则要学会设计模式,首先要了解设计模式所依托的设计原则:(1)单一职责原则(SRP原则):一个对象(方法)只做一件事情。运用的设计模式:代理模式,单例模式,装饰者模式等。(2)最少知识原则(LKP原则)</div> </li> <li><a href="/article/1924195978252972032.htm" title="WEB前端学习JAVA的一些建议" target="_blank">WEB前端学习JAVA的一些建议</a> <span class="text-muted">caperxi</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E7%9A%84Java%E4%B9%8B%E8%B7%AF%EF%BC%9ADOM/1.htm">前端开发的Java之路:DOM</a><a class="tag" taget="_blank" href="/search/%E5%88%B0/1.htm">到</a><a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a><a class="tag" taget="_blank" href="/search/%E7%9A%84%E8%B7%A8%E7%95%8C%E7%AC%94%E8%AE%B0/1.htm">的跨界笔记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>作为前端开发者转型Java,需结合已有编程思维(如JS异步、组件化),聚焦Java核心差异(强类型、JVM、框架生态),以**“项目驱动+前后端联动”**加速上手。一、学习资源优化(前端友好型)1.快速入门:语法+核心特性(1-2周)视频课(B站免费):黑马Java基础(3天速通):重点看「面向对象」「异常处理」「集合框架」,对比JS的类、Promise异常、数组操作(如ArrayListvsJS</div> </li> <li><a href="/article/1917547531445792768.htm" title="2025.3.29-2025.8.29前端学习计划" target="_blank">2025.3.29-2025.8.29前端学习计划</a> <span class="text-muted">jjjjjjjjj¢</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>详细学习计划(4月-8月,每周安排)目标:在5个月内掌握Vue3源码、TypeScript高级用法、微前端(qiankun)、Node.js、前端性能优化、地图&WebGL。4月:Vue3源码&TypeScript高级目标:深入理解Vue3响应式原理&熟练TypeScript类型进阶,能编写高质量前端代码。Week1(4.1-4.7):Vue3响应式原理✅Vue3reactive&ref实现原理✅</div> </li> <li><a href="/article/1916184636829003776.htm" title="前端学习笔记之5 静态页面练习(登录)" target="_blank">前端学习笔记之5 静态页面练习(登录)</a> <span class="text-muted">庞仕山</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">前端学习笔记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>引言:博主目前是一名iOS开发者,所会的语言有Objective-C和Swift,目前正在学习前端;这篇文章只是作为我的笔记发在这里,供自己业余时间看看;全是很基础的东西,看到的小伙伴酌情略过吧^_^效果图:1.代码-HTML登录欢迎登录下次自动登录忘记密码?登录还没账号?马上注册社交账号登录2.代码-CSS*{padding:0px;margin:0px;}body{background-col</div> </li> <li><a href="/article/1915739127374999552.htm" title="前端学习之CSS---定位、锚点、精灵图、浮动、窗口自适应" target="_blank">前端学习之CSS---定位、锚点、精灵图、浮动、窗口自适应</a> <span class="text-muted">Jonahr</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/1.htm">前端学习</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>定位、锚点、精灵图、浮动、窗口自适应一、定位—positionposition:static/absolute/relative/fixed/stickystatic:默认值absolute:绝对定位,脱离文档流,当没有父元素或者父元素没有定位,参照物为浏览器窗口的第一屏有父元素且父元素有定位时,参照物为父元素relative:相对定位,不脱离文档流,相对于自己的初始位置fixed:固定定位,脱离</div> </li> <li><a href="/article/1915287041344598016.htm" title="一些实用的网站...持续更新" target="_blank">一些实用的网站...持续更新</a> <span class="text-muted">吴_知遇</span> <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a> <div>文章目录学习CursorAIIDE额外的网站学习英语的网站学习编程的网站学习Cursor链接:Cursor入门教程链接:前端学习_MDN链接:极客学习网站(python)_需要付费链接:可视化的学习代码网站——codedexAIIDE国内第一款AIIDE产品TraeAI,让AI融入到了编码阶段中,掌握AI编程技能,不仅能够应对未来的技术变革,还能在竞争激烈的市场中脱颖而出。支持用户免费使用Clau</div> </li> <li><a href="/article/1915226161600851968.htm" title="学习记录:DAY13" target="_blank">学习记录:DAY13</a> <span class="text-muted">2301_79760424</span> <a class="tag" taget="_blank" href="/search/%E6%AF%8F%E6%97%A5%E5%AD%A6%E4%B9%A0%E8%AE%B0%E5%BD%95/1.htm">每日学习记录</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>Vue前端学习之旅:工程化、ElementPlus与路由配置前言有两天没更新blog了,不是因为我懒哈,主要是确实没有学什么新东西。昨天做前端的时候被狠狠卡住了,因为不会构建Vue工程。所以花点时间学学前端,大概两到三天。日程2:00起床,写了一会接口文档,开始学习前端。18:00,吃了顿饭,回来继续。经典修bug不看报错位置,找半天问题发现找错地方了22:00,快进了一些地方,来写写要点。学习内</div> </li> <li><a href="/article/1911468873698308096.htm" title="前端学习——nodejs篇" target="_blank">前端学习——nodejs篇</a> <span class="text-muted">每月一瓶米诺地尔</span> <a class="tag" taget="_blank" href="/search/apaas%E7%BA%BF%E6%90%AD%E5%BB%BA/1.htm">apaas线搭建</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a> <div>是的,当你实例化一个类时,会自动执行该类的构造函数(constructor)。例如:constBaseService=require("./Base");classStoreServiceextendsBaseService{constructor(data={}){data.model="store";super(data);}//获取所有门店idasyncfindOneByStoreId(st</div> </li> <li><a href="/article/1908925684399534080.htm" title="裸辞后找工作有多难?分享个人经历+面经+学习路线【内含免费下载初级前端面试题】- 回忆我的2023" target="_blank">裸辞后找工作有多难?分享个人经历+面经+学习路线【内含免费下载初级前端面试题】- 回忆我的2023</a> <span class="text-muted">前端Jerry_Zheng</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E5%88%86%E4%BA%AB/1.htm">前端面试分享</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>个人博客主页一个努力学习的程序猿专栏:HTML和CSSJavaScriptjQueryVueVue3ReactTypeScriptuni-appLinux前端面试分享前端学习+方案分享(VitePress、html2canvas+jspdf、vuedraggable、videojs)前端踩坑日记(ElementUI)重要的说明放在前面(“免责声明”):因为大家也都知道面试的时候,一个问题肯定会有多</div> </li> <li><a href="/article/78.htm" title="桌面上有多个球在同时运动,怎么实现球之间不交叉,即碰撞?" target="_blank">桌面上有多个球在同时运动,怎么实现球之间不交叉,即碰撞?</a> <span class="text-muted">换个号韩国红果果</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%90%83%E7%A2%B0%E6%92%9E/1.htm">小球碰撞</a> <div>稍微想了一下,然后解决了很多bug,最后终于把它实现了。其实原理很简单。在每改变一个小球的x y坐标后,遍历整个在dom树中的其他小球,看一下它们与当前小球的距离是否小于球半径的两倍?若小于说明下一次绘制该小球(设为a)前要把他的方向变为原来相反方向(与a要碰撞的小球设为b),即假如当前小球的距离小于球半径的两倍的话,马上改变当前小球方向。那么下一次绘制也是先绘制b,再绘制a,由于a的方向已经改变</div> </li> <li><a href="/article/205.htm" title="《高性能HTML5》读后整理的Web性能优化内容" target="_blank">《高性能HTML5》读后整理的Web性能优化内容</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div> 读后感         先说说《高性能HTML5》这本书的读后感吧,个人觉得这本书前两章跟书的标题完全搭不上关系,或者说只能算是讲解了“高性能”这三个字,HTML5完全不见踪影。个人觉得作者应该首先把HTML5的大菜拿出来讲一讲,再去分析性能优化的内容,这样才会有吸引力。因为只是在线试读,没有机会看后面的内容,所以不胡乱评价了。   </div> </li> <li><a href="/article/332.htm" title="[JShop]Spring MVC的RequestContextHolder使用误区" target="_blank">[JShop]Spring MVC的RequestContextHolder使用误区</a> <span class="text-muted">dinguangx</span> <a class="tag" taget="_blank" href="/search/jeeshop/1.htm">jeeshop</a><a class="tag" taget="_blank" href="/search/%E5%95%86%E5%9F%8E%E7%B3%BB%E7%BB%9F/1.htm">商城系统</a><a class="tag" taget="_blank" href="/search/jshop/1.htm">jshop</a><a class="tag" taget="_blank" href="/search/%E7%94%B5%E5%95%86%E7%B3%BB%E7%BB%9F/1.htm">电商系统</a> <div>    在spring mvc中,为了随时都能取到当前请求的request对象,可以通过RequestContextHolder的静态方法getRequestAttributes()获取Request相关的变量,如request, response等。         在jshop中,对RequestContextHolder的</div> </li> <li><a href="/article/459.htm" title="算法之时间复杂度" target="_blank">算法之时间复杂度</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/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%97%B6%E9%97%B4%E5%A4%8D%E6%9D%82%E5%BA%A6/1.htm">时间复杂度</a><a class="tag" taget="_blank" href="/search/%E6%95%88%E7%8E%87/1.htm">效率</a> <div>      在 计算机科学 中, 算法 的时间复杂度是一个 函数 ,它定量描述了该算法的运行时间。这是一个关于代表算法输入值的 字符串 的长度的函数。时间复杂度常用 大O符号 表述,不包括这个函数的低阶项和首项系数。使用这种方式时,时间复杂度可被称为是 渐近 的,它考察当输入值大小趋近无穷时的情况。 这样用大写O()来体现算法时间复杂度的记法,</div> </li> <li><a href="/article/586.htm" title="Java事务处理" target="_blank">Java事务处理</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>一、什么是Java事务 通常的观念认为,事务仅与数据库相关。 事务必须服从ISO/IEC所制定的ACID原则。ACID是原子性(atomicity)、一致性(consistency)、隔离性(isolation)和持久性(durability)的缩写。事务的原子性表示事务执行过程中的任何失败都将导致事务所做的任何修改失效。一致性表示当事务执行失败时,所有被该事务影响的数据都应该恢复到事务执行前的状</div> </li> <li><a href="/article/713.htm" title="Linux awk命令详解" target="_blank">Linux awk命令详解</a> <span class="text-muted">510888780</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>一.  AWK 说明   awk是一种编程语言,用于在linux/unix下对文本和数据进行处理。数据可以来自标准输入、一个或多个文件,或其它命令的输出。它支持用户自定义函数和动态正则表达式等先进功能,是linux/unix下的一个强大编程工具。它在命令行中使用,但更多是作为脚本来使用。    awk的处理文本和数据的方式:它逐行扫描文件,从第一行到</div> </li> <li><a href="/article/840.htm" title="android permission" target="_blank">android permission</a> <span class="text-muted">布衣凌宇</span> <a class="tag" taget="_blank" href="/search/Permission/1.htm">Permission</a> <div><uses-permission android:name="android.permission.ACCESS_CHECKIN_PROPERTIES" ></uses-permission>允许读写访问"properties"表在checkin数据库中,改值可以修改上传 <uses-permission android:na</div> </li> <li><a href="/article/967.htm" title="Oracle和谷歌Java Android官司将推迟" target="_blank">Oracle和谷歌Java Android官司将推迟</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>北京时间 10 月 7 日,据国外媒体报道,Oracle 和谷歌之间一场等待已久的官司可能会推迟至 10 月 17 日以后进行,这场官司的内容是 Android 操作系统所谓的 Java 专利权之争。本案法官 William Alsup 称根据专利权专家 Florian Mueller 的预测,谷歌 Oracle 案很可能会被推迟。  该案中的第二波辩护被安排在 10 月 17 日出庭,从目前看来</div> </li> <li><a href="/article/1094.htm" title="linux shell 常用命令" target="_blank">linux shell 常用命令</a> <span class="text-muted">antlove</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/command/1.htm">command</a> <div>grep [options] [regex] [files] /var/root # grep -n "o" * hello.c:1:/* This C source can be compiled with: </div> </li> <li><a href="/article/1221.htm" title="Java解析XML配置数据库连接(DOM技术连接 SAX技术连接)" target="_blank">Java解析XML配置数据库连接(DOM技术连接 SAX技术连接)</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/sax%E6%8A%80%E6%9C%AF/1.htm">sax技术</a><a class="tag" taget="_blank" href="/search/Java%E8%A7%A3%E6%9E%90xml%E6%96%87%E6%A1%A3/1.htm">Java解析xml文档</a><a class="tag" taget="_blank" href="/search/dom%E6%8A%80%E6%9C%AF/1.htm">dom技术</a><a class="tag" taget="_blank" href="/search/XML%E9%85%8D%E7%BD%AE%E6%95%B0%E6%8D%AE%E5%BA%93%E8%BF%9E%E6%8E%A5/1.htm">XML配置数据库连接</a> <div>    XML配置数据库文件的连接其实是个很简单的问题,为什么到现在才写出来主要是昨天在网上看了别人写的,然后一直陷入其中,最后发现不能自拔 所以今天决定自己完成 ,,,,现将代码与思路贴出来供大家一起学习   XML配置数据库的连接主要技术点的博客; JDBC编程 : JDBC连接数据库 DOM解析XML:  DOM解析XML文件 SA</div> </li> <li><a href="/article/1348.htm" title="underscore.js 学习(二)" target="_blank">underscore.js 学习(二)</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/underscore/1.htm">underscore</a> <div>        Array Functions 所有数组函数对参数对象一样适用。1.first   _.first(array, [n])   别名: head, take       返回array的第一个元素,设置了参数n,就</div> </li> <li><a href="/article/1475.htm" title="plSql介绍" target="_blank">plSql介绍</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</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/plsql/1.htm">plsql</a> <div>/* * PL/SQL 程序设计学习笔记 * 学习plSql介绍.pdf * 时间:2010-10-05 */ --创建DEPT表 create table DEPT ( DEPTNO NUMBER(10), DNAME NVARCHAR2(255), LOC NVARCHAR2(255) ) delete dept; select </div> </li> <li><a href="/article/1602.htm" title="【Nginx一】Nginx安装与总体介绍" target="_blank">【Nginx一】Nginx安装与总体介绍</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a> <div>启动、停止、重新加载Nginx nginx 启动Nginx服务器,不需要任何参数u nginx -s stop 快速(强制)关系Nginx服务器 nginx -s quit 优雅的关闭Nginx服务器 nginx -s reload 重新加载Nginx服务器的配置文件 nginx -s reopen 重新打开Nginx日志文件   </div> </li> <li><a href="/article/1729.htm" title="spring mvc开发中浏览器兼容的奇怪问题" target="_blank">spring mvc开发中浏览器兼容的奇怪问题</a> <span class="text-muted">bitray</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/%E4%B8%8A%E4%BC%A0%E6%96%87%E4%BB%B6/1.htm">上传文件</a> <div>    最近个人开发一个小的OA项目,属于复习阶段.使用的技术主要是spring mvc作为前端框架,mybatis作为数据库持久化技术.前台使用jquery和一些jquery的插件.     在开发到中间阶段时候发现自己好像忽略了一个小问题,整个项目一直在firefox下测试,没有在IE下测试,不确定是否会出现兼容问题.由于jquer</div> </li> <li><a href="/article/1856.htm" title="Lua的io库函数列表" target="_blank">Lua的io库函数列表</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/lua+io/1.htm">lua io</a> <div>1、io表调用方式:使用io表,io.open将返回指定文件的描述,并且所有的操作将围绕这个文件描述   io表同样提供三种预定义的文件描述io.stdin,io.stdout,io.stderr   2、文件句柄直接调用方式,即使用file:XXX()函数方式进行操作,其中file为io.open()返回的文件句柄   多数I/O函数调用失败时返回nil加错误信息,有些函数成功时返回nil</div> </li> <li><a href="/article/1983.htm" title="java-26-左旋转字符串" target="_blank">java-26-左旋转字符串</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class LeftRotateString { /** * Q 26 左旋转字符串 * 题目:定义字符串的左旋转操作:把字符串前面的若干个字符移动到字符串的尾部。 * 如把字符串abcdef左旋转2位得到字符串cdefab。 * 请实现字符串左旋转的函数。要求时间对长度为n的字符串操作的复杂度为O(n),辅助内存为O(1)。 */ pu</div> </li> <li><a href="/article/2110.htm" title="《vi中的替换艺术》-linux命令五分钟系列之十一" target="_blank">《vi中的替换艺术》-linux命令五分钟系列之十一</a> <span class="text-muted">cfyme</span> <a class="tag" taget="_blank" href="/search/linux%E5%91%BD%E4%BB%A4/1.htm">linux命令</a> <div>vi方面的内容不知道分类到哪里好,就放到《Linux命令五分钟系列》里吧! 今天编程,关于栈的一个小例子,其间我需要把”S.”替换为”S->”(替换不包括双引号)。 其实这个不难,不过我觉得应该总结一下vi里的替换技术了,以备以后查阅。   1 所有替换方案都要在冒号“:”状态下书写。 2 如果想将abc替换为xyz,那么就这样 :s/abc/xyz/ 不过要特别</div> </li> <li><a href="/article/2237.htm" title="[轨道与计算]新的并行计算架构" target="_blank">[轨道与计算]新的并行计算架构</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E5%B9%B6%E8%A1%8C%E8%AE%A1%E7%AE%97/1.htm">并行计算</a> <div>      我在进行流程引擎循环反馈试验的过程中,发现一个有趣的事情。。。如果我们在流程图的每个节点中嵌入一个双向循环代码段,而整个流程中又充满着很多并行路由,每个并行路由中又包含着一些并行节点,那么当整个流程图开始循环反馈过程的时候,这个流程图的运行过程是否变成一个并行计算的架构呢?      </div> </li> <li><a href="/article/2364.htm" title="重复执行某段代码" target="_blank">重复执行某段代码</a> <span class="text-muted">dai_lm</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>用handler就可以了 private Handler handler = new Handler(); private Runnable runnable = new Runnable() { public void run() { update(); handler.postDelayed(this, 5000); } }; 开始计时 h</div> </li> <li><a href="/article/2491.htm" title="Java实现堆栈(list实现)" target="_blank">Java实现堆栈(list实现)</a> <span class="text-muted">datageek</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E2%80%94%E2%80%94%E5%A0%86%E6%A0%88/1.htm">数据结构——堆栈</a> <div>public interface IStack<T> { //元素出栈,并返回出栈元素 public T pop(); //元素入栈 public void push(T element); //获取栈顶元素 public T peek(); //判断栈是否为空 public boolean isEmpty</div> </li> <li><a href="/article/2618.htm" title="四大备份MySql数据库方法及可能遇到的问题" target="_blank">四大备份MySql数据库方法及可能遇到的问题</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/DB/1.htm">DB</a><a class="tag" taget="_blank" href="/search/backup/1.htm">backup</a> <div>一:通过备份王等软件进行备份前台进不去? 用备份王等软件进行备份是大多老站长的选择,这种方法方便快捷,只要上传备份软件到空间一步步操作就可以,但是许多刚接触备份王软件的客用户来说还原后会出现一个问题:因为新老空间数据库用户名和密码不统一,网站文件打包过来后因没有修改连接文件,还原数据库是好了,可是前台会提示数据库连接错误,网站从而出现打不开的情况。 解决方法:学会修改网站配置文件,大多是由co</div> </li> <li><a href="/article/2745.htm" title="github做webhooks:[1]钩子触发是否成功测试" target="_blank">github做webhooks:[1]钩子触发是否成功测试</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/webhook/1.htm">webhook</a> <div>转自: http://jingyan.baidu.com/article/5d6edee228c88899ebdeec47.html github和svn一样有钩子的功能,而且更加强大。例如我做的是最常见的push操作触发的钩子操作,则每次更新之后的钩子操作记录都会在github的控制板可以看到! 工具/原料 github 方法/步骤 </div> </li> <li><a href="/article/2872.htm" title="JSP中<base href="<%=basePath%>">的作用" target="_blank">JSP中<base href="<%=basePath%>">的作用</a> <span class="text-muted">蕃薯耀</span> <div>JSP中<base href="<%=basePath%>">的作用 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> </div> </li> <li><a href="/article/2999.htm" title="linux下SAMBA服务安装与配置" target="_blank">linux下SAMBA服务安装与配置</a> <span class="text-muted">hanqunfeng</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>局域网使用的文件共享服务。 一.安装包: rpm -qa | grep samba samba-3.6.9-151.el6.x86_64 samba-common-3.6.9-151.el6.x86_64 samba-winbind-3.6.9-151.el6.x86_64 samba-client-3.6.9-151.el6.x86_64 samba-winbind-clients</div> </li> <li><a href="/article/3126.htm" title="guava cache" target="_blank">guava cache</a> <span class="text-muted">IXHONG</span> <a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a> <div>缓存,在我们日常开发中是必不可少的一种解决性能问题的方法。简单的说,cache 就是为了提升系统性能而开辟的一块内存空间。   缓存的主要作用是暂时在内存中保存业务系统的数据处理结果,并且等待下次访问使用。在日常开发的很多场合,由于受限于硬盘IO的性能或者我们自身业务系统的数据处理和获取可能非常费时,当我们发现我们的系统这个数据请求量很大的时候,频繁的IO和频繁的逻辑处理会导致硬盘和CPU资源的</div> </li> <li><a href="/article/3253.htm" title="Query的开始--全局变量,noconflict和兼容各种js的初始化方法" target="_blank">Query的开始--全局变量,noconflict和兼容各种js的初始化方法</a> <span class="text-muted">kvhur</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>这个是整个jQuery代码的开始,里面包含了对不同环境的js进行的处理,例如普通环境,Nodejs,和requiredJs的处理方法。 还有jQuery生成$, jQuery全局变量的代码和noConflict代码详解  完整资源: http://www.gbtags.com/gb/share/5640.htm jQuery 源码:   (</div> </li> <li><a href="/article/3380.htm" title="美国人的福利和中国人的储蓄" target="_blank">美国人的福利和中国人的储蓄</a> <span class="text-muted">nannan408</span> <div>   今天看了篇文章,震动很大,说的是美国的福利。    美国医院的无偿入院真的是个好措施。小小的改善,对于社会是大大的信心。小孩,税费等,政府不收反补,真的体现了人文主义。    美国这么高的社会保障会不会使人变懒?答案是否定的。正因为政府解决了后顾之忧,人们才得以倾尽精力去做一些有创造力,更造福社会的事情,这竟成了美国社会思想、人</div> </li> <li><a href="/article/3507.htm" title="N阶行列式计算(JAVA)" target="_blank">N阶行列式计算(JAVA)</a> <span class="text-muted">qiuwanchi</span> <a class="tag" taget="_blank" href="/search/N%E9%98%B6%E8%A1%8C%E5%88%97%E5%BC%8F%E8%AE%A1%E7%AE%97/1.htm">N阶行列式计算</a> <div>package gaodai; import java.util.List; /** * N阶行列式计算 * @author 邱万迟 * */ public class DeterminantCalculation { public DeterminantCalculation(List<List<Double>> determina</div> </li> <li><a href="/article/3634.htm" title="C语言算法之打渔晒网问题" target="_blank">C语言算法之打渔晒网问题</a> <span class="text-muted">qiufeihu</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>如果一个渔夫从2011年1月1日开始每三天打一次渔,两天晒一次网,编程实现当输入2011年1月1日以后任意一天,输出该渔夫是在打渔还是在晒网。 代码如下:   #include <stdio.h> int leap(int a) /*自定义函数leap()用来指定输入的年份是否为闰年*/ { if((a%4 == 0 && a%100 != 0</div> </li> <li><a href="/article/3761.htm" title="XML中DOCTYPE字段的解析" target="_blank">XML中DOCTYPE字段的解析</a> <span class="text-muted">wyzuomumu</span> <a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>DTD声明始终以!DOCTYPE开头,空一格后跟着文档根元素的名称,如果是内部DTD,则再空一格出现[],在中括号中是文档类型定义的内容. 而对于外部DTD,则又分为私有DTD与公共DTD,私有DTD使用SYSTEM表示,接着是外部DTD的URL. 而公共DTD则使用PUBLIC,接着是DTD公共名称,接着是DTD的URL.   私有DTD <!DOCTYPErootSYST</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>