小小小卒

原生手写富文本编辑器组件

H5富文本编辑器原理解析：

核心属性：

    1、contentEditable="true"; //属性规定是否可编辑元素的内容

  2、window.document.designMode = "On";//让整个页面都可以编辑，通常会把要编辑的文档放在一个元素中，</span>而这个元素就充当了一个超级的编辑框.</pre> 
  <pre style="font-weight:bold;color:rgb(0,128,0);font-family:'宋体';background-color:rgb(255,255,255);"><span style="font-family:arial;font-size:14px;color:#333333;"></span></pre> 
  <pre style="background-color:rgb(255,255,255);font-family:'宋体';font-size:12pt;"><span style="color:#458383;">3、iframeWindow</span>.<span style="color:#660e7a;"><strong>document</strong></span>.<span style="color:#7a7a43;">execCommand</span>(sCommand,<span style="color:#000080;"><strong>false</strong></span>,value);</pre>         
  <span style="font-family:arial;color:#333333;"><span style="font-size:12px;">  <span style="font-family:'Open Sans', arial, 'x-locale-body', sans-serif;color:#333333;background-color:rgb(255,255,255);">当一个HTML文档切换到设计模式 designMode</span><span style="font-family:'Open Sans', arial, 'x-locale-body', sans-serif;color:#333333;background-color:rgb(255,255,255);">时，文档对象暴露 execCommand</span><span style="font-family:'Open Sans', arial, 'x-locale-body', sans-serif;color:#333333;background-color:rgb(255,255,255);">方法，</span></span></span>该方法允许运行命令来操纵可编辑区域的内容。 
  <pre style="font-weight:bold;color:rgb(0,128,0);font-family:'宋体';background-color:rgb(255,255,255);">   大多数命令影响文档的选择（粗体，斜体等），而其他命令插入新元素（添加链接）或影响整行（缩进）。当使用contentEditable<span style="font-family:'Open Sans', arial, 'x-locale-body', sans-serif;font-size:12px;color:#333333;">时，调用 </span></pre> 
  <pre style="font-weight:bold;color:rgb(0,128,0);font-family:'宋体';background-color:rgb(255,255,255);"><span style="font-family:arial;color:#333333;"><span style="font-family:'Open Sans', arial, 'x-locale-body', sans-serif;color:#333333;background-color:rgb(255,255,255);"><span style="font-size:12px;">          execCommand() 将影响当前活动的可编辑元素</span></span><span style="font-size:14px;">
</span></span></pre> 
  <pre style="background-color:rgb(255,255,255);"><strong style="font-size:14px;color:rgb(51,51,51);font-family:arial;"><em>我使用的是闭包 的方式实现的一个简易的富文本编辑器  组件。只对外开放一个全局变量 editorIframe 避免内部变量被污染。</em></strong></pre> 
  <pre style="background-color:rgb(255,255,255);"><strong style="font-size:14px;color:rgb(51,51,51);font-family:arial;"><em></em></strong></pre> 
  <pre style="background-color:rgb(255,255,255);font-family:'宋体';font-size:12pt;"><span style="color:#000080;"><strong>var </strong></span><span style="color:#660e7a;"><strong><em>editorIframe</em></strong></span>=(<span style="color:#000080;"><strong>function</strong></span>(){
    <span style="color:#000080;"><strong>function </strong></span><span style="font-style:italic;">extend</span>(target, source) {
        <span style="color:#000080;"><strong>for </strong></span>(<span style="color:#000080;"><strong>var </strong></span><span style="color:#458383;">obj </span><span style="color:#000080;"><strong>in </strong></span>source) {
            target[<span style="color:#458383;">obj</span>] = source[<span style="color:#458383;">obj</span>];
        }
        <span style="color:#000080;"><strong>return </strong></span>target;
    }
    <span style="color:#000080;"><strong>function </strong></span><span style="font-style:italic;">addEvent</span>(element,eventName,fn){
        (element.<span style="color:#7a7a43;">attachEvent</span>)
            ? (element.<span style="color:#7a7a43;">attachEvent</span>(<span style="color:#008000;"><strong>'on' </strong></span>+ eventName,fn))
            : (element.<span style="color:#7a7a43;">addEventListener</span>(eventName,fn,<span style="color:#000080;"><strong>false</strong></span>));
    }
    <span style="color:#000080;"><strong>function </strong></span><span style="font-style:italic;">removeEvent</span>(element,eventName,fn){
        (element.<span style="color:#7a7a43;">detachEvent</span>)
            ? (element.<span style="color:#7a7a43;">detachEvent</span>(<span style="color:#008000;"><strong>'on' </strong></span>+ eventName, fn))
            : (element.<span style="color:#7a7a43;">removeEventListener</span>(eventName,fn,<span style="color:#000080;"><strong>false</strong></span>));
    }
<span style="color:#000080;"><strong>function </strong></span><span style="font-style:italic;">editorIframe</span>(options){
    <span style="color:#000080;"><strong>var </strong></span><span style="color:#458383;">defaultoptions</span>={
        <span style="color:#660e7a;"><strong>operate</strong></span>:{
            <span style="color:#660e7a;"><strong>'backColor'</strong></span>:<span style="color:#008000;"><strong>'red'</strong></span>,
            <span style="color:#660e7a;"><strong>'bold'</strong></span>:<span style="color:#008000;"><strong>'true'</strong></span>,
            <span style="color:#660e7a;"><strong>'copy'</strong></span>:<span style="color:#008000;"><strong>''</strong></span>,
            <span style="color:#660e7a;"><strong>'delete'</strong></span>:<span style="color:#008000;"><strong>'true'</strong></span>,
            <span style="color:#660e7a;"><strong>'italic'</strong></span>:<span style="color:#008000;"><strong>'true'</strong></span>,
            <span style="color:#660e7a;"><strong>'underline'</strong></span>:<span style="color:#008000;"><strong>''</strong></span>,
        },<span style="color:#808080;"><em>//*.....操作功能
</em></span><span style="color:#808080;"><em>        //editBox:1,
</em></span><span style="color:#808080;"><em>        </em></span><span style="color:#660e7a;"><strong>iframeElementStyle</strong></span>:<span style="color:#008000;"><strong>"width:400px;height:300px;border:1px solid #999"</strong></span>,<span style="color:#808080;"><em>//编辑器样式
</em></span><span style="color:#808080;"><em>        </em></span><span style="color:#660e7a;"><strong>buttonElementStyle</strong></span>:<span style="color:#008000;"><strong>""</strong></span>,<span style="color:#808080;"><em>//按钮样式
</em></span><span style="color:#808080;"><em>        </em></span><span style="color:#660e7a;"><strong>iframeSrc</strong></span>:<span style="color:#008000;"><strong>"about:blank"</strong></span>, <span style="color:#808080;"><em>//iframe 链接
</em></span><span style="color:#808080;"><em>        </em></span><span style="color:#660e7a;"><strong>placeholder</strong></span>:<span style="color:#008000;"><strong>"请输入"</strong></span>,<span style="color:#808080;"><em>//placeholder
</em></span><span style="color:#808080;"><em>        </em></span><span style="color:#660e7a;"><strong>parentContainer</strong></span>:<span style="color:#660e7a;"><strong><em>document</em></strong></span>.<span style="color:#660e7a;"><strong>body</strong></span>,<span style="color:#808080;"><em>//父容器
</em></span><span style="color:#808080;"><em>    </em></span>};
    <span style="color:#000080;"><strong>this</strong></span>.<span style="color:#660e7a;"><strong>options</strong></span>=<span style="font-style:italic;">extend</span>(<span style="color:#458383;">defaultoptions</span>,options)||{};
    <span style="color:#000080;"><strong>this</strong></span>.<span style="color:#7a7a43;">render</span>();
}
<span style="font-style:italic;">editorIframe</span>.<span style="color:#660e7a;"><strong>prototype</strong></span>={
    <span style="color:#7a7a43;">render</span>:<span style="color:#000080;"><strong>function</strong></span>(){<span style="color:#808080;"><em>//渲染页面
</em></span><span style="color:#808080;"><em>        </em></span><span style="color:#000080;"><strong>var </strong></span><span style="color:#458383;">_this</span>=<span style="color:#000080;"><strong>this</strong></span>;
    <span style="color:#808080;"><em>// 编辑框渲染
</em></span><span style="color:#808080;"><em>        </em></span><span style="color:#000080;"><strong>var </strong></span><span style="color:#458383;">iframeElement </span>= <span style="color:#660e7a;"><strong><em>document</em></strong></span>.<span style="color:#7a7a43;">createElement</span>(<span style="color:#008000;"><strong>'iframe'</strong></span>);
        <span style="color:#458383;">iframeElement</span>.<span style="color:#7a7a43;">setAttribute</span>(<span style="color:#008000;"><strong>"id"</strong></span>,<span style="color:#008000;"><strong>"iframe1"</strong></span>);

        <span style="color:#458383;">iframeElement</span>.<span style="color:#660e7a;"><strong>style</strong></span>.<span style="color:#660e7a;"><strong>cssText </strong></span>= <span style="color:#000080;"><strong>this</strong></span>.<span style="color:#660e7a;"><strong>options</strong></span>.<span style="color:#660e7a;"><strong>iframeElementStyle</strong></span>;
        <span style="color:#458383;">iframeElement</span>.<span style="color:#660e7a;"><strong>src </strong></span>= <span style="color:#000080;"><strong>this</strong></span>.<span style="color:#660e7a;"><strong>options</strong></span>.<span style="color:#660e7a;"><strong>iframeSrc</strong></span>;
        <span style="font-style:italic;">addEvent</span>(<span style="color:#458383;">iframeElement</span>,<span style="color:#008000;"><strong>'load'</strong></span>,<span style="color:#000080;"><strong>function</strong></span>(){
            <span style="font-style:italic;">removeEvent</span>(<span style="color:#458383;">iframeElement</span>,<span style="color:#008000;"><strong>'load'</strong></span>,<span style="color:#458383;">arguments</span>.<span style="color:#660e7a;"><strong>callee</strong></span>);
            <span style="color:#000080;"><strong>var </strong></span><span style="color:#458383;">iframeWindow </span>= <span style="color:#458383;">iframeElement</span>.<span style="color:#660e7a;"><strong>contentWindow</strong></span>;
            <span style="color:#458383;">iframeWindow</span>.<span style="color:#660e7a;"><strong>document</strong></span>.<span style="color:#7a7a43;">open</span>();
            <span style="color:#458383;">iframeWindow</span>.<span style="color:#660e7a;"><strong>document</strong></span>.<span style="color:#7a7a43;">writeln</span>(<span style="color:#008000;"><strong>'<p><span>'</strong></span>+<span style="color:#458383;">_this</span>.<span style="color:#660e7a;"><strong>options</strong></span>.<span style="color:#660e7a;"><strong>placeholder</strong></span>+<span style="color:#008000;"><strong>'</span></p>'</strong></span>);
            <span style="color:#458383;">iframeWindow</span>.<span style="color:#660e7a;"><strong>document</strong></span>.<span style="color:#7a7a43;">close</span>();
            (<span style="color:#458383;">iframeWindow</span>.<span style="color:#660e7a;"><strong>document</strong></span>.<span style="color:#660e7a;"><strong>designMode</strong></span>)
                ?(<span style="color:#458383;">iframeWindow</span>.<span style="color:#660e7a;"><strong>document</strong></span>.<span style="color:#660e7a;"><strong>designMode </strong></span>= <span style="color:#008000;"><strong>'On'</strong></span>)
                :(<span style="color:#458383;">iframeWindow</span>.<span style="color:#660e7a;"><strong>document</strong></span>.<span style="color:#660e7a;"><strong>body</strong></span>.<span style="color:#660e7a;"><strong>contentEditable </strong></span>= <span style="color:#000080;"><strong>true</strong></span>);
            <span style="color:#808080;"><em>//按钮渲染
</em></span><span style="color:#808080;"><em>            </em></span><span style="color:#000080;"><strong>var </strong></span><span style="color:#458383;">sCommands</span>=<span style="color:#458383;">_this</span>.<span style="color:#660e7a;"><strong>options</strong></span>.<span style="color:#660e7a;"><strong>operate</strong></span>;
            <span style="color:#000080;"><strong>var </strong></span><span style="color:#458383;">divElement </span>= <span style="color:#660e7a;"><strong><em>document</em></strong></span>.<span style="color:#7a7a43;">createElement</span>(<span style="color:#008000;"><strong>'div'</strong></span>);
            <span style="color:#000080;"><strong>for </strong></span>(<span style="color:#000080;"><strong>var </strong></span><span style="color:#458383;">i </span><span style="color:#000080;"><strong>in </strong></span><span style="color:#458383;">sCommands</span>){
                <span style="color:#000080;"><strong>var </strong></span><span style="color:#458383;">buttonElement </span>= <span style="color:#660e7a;"><strong><em>document</em></strong></span>.<span style="color:#7a7a43;">createElement</span>(<span style="color:#008000;"><strong>'button'</strong></span>);
                <span style="color:#458383;">buttonElement</span>.<span style="color:#660e7a;"><strong>style</strong></span>.<span style="color:#660e7a;"><strong>cssText </strong></span>= <span style="color:#458383;">_this</span>.<span style="color:#660e7a;"><strong>options</strong></span>.<span style="color:#660e7a;"><strong>buttonElementStyle</strong></span>;
                <span style="color:#458383;">buttonElement</span>.onclick = (<span style="color:#000080;"><strong>function</strong></span>(sCommand,value){
                    <span style="color:#000080;"><strong>return function</strong></span>(){
                        (<span style="color:#000080;"><strong>function</strong></span>(sCommand,value){
                            <span style="color:#000080;"><strong>try</strong></span>{
                                <span style="color:#000080;"><strong>var </strong></span><span style="color:#458383;">returnValue </span>= <span style="color:#458383;">iframeWindow</span>.<span style="color:#660e7a;"><strong>document</strong></span>.<span style="color:#7a7a43;">execCommand</span>(sCommand,<span style="color:#000080;"><strong>false</strong></span>,value);
                            }<span style="color:#000080;"><strong>catch</strong></span>(e){
                            }
                        })(sCommand,value);
                    };
                })(<span style="color:#458383;">i</span>,<span style="color:#458383;">sCommands</span>[<span style="color:#458383;">i</span>]);
                <span style="color:#458383;">buttonElement</span>.<span style="color:#7a7a43;">appendChild</span>(<span style="color:#660e7a;"><strong><em>document</em></strong></span>.<span style="color:#7a7a43;">createTextNode</span>(<span style="color:#458383;">i</span>));
                <span style="color:#458383;">divElement</span>.<span style="color:#7a7a43;">appendChild</span>(<span style="color:#458383;">buttonElement</span>);
            }
            <span style="color:#000080;"><strong>var </strong></span><span style="color:#458383;">firstEl</span>=<span style="color:#458383;">_this</span>.<span style="color:#660e7a;"><strong>options</strong></span>.<span style="color:#660e7a;"><strong>parentContainer</strong></span>.<span style="color:#7a7a43;">firstChild</span>;<span style="color:#808080;"><em>//得到页面的第一个元素
</em></span><span style="color:#808080;"><em>            </em></span><span style="color:#458383;">_this</span>.<span style="color:#660e7a;"><strong>options</strong></span>.<span style="color:#660e7a;"><strong>parentContainer</strong></span>.<span style="color:#7a7a43;">insertBefore</span>(<span style="color:#458383;">divElement</span>,<span style="color:#458383;">firstEl</span>);
        });
        <span style="color:#458383;">_this</span>.<span style="color:#660e7a;"><strong>options</strong></span>.<span style="color:#660e7a;"><strong>parentContainer</strong></span>.<span style="color:#7a7a43;">appendChild</span>(<span style="color:#458383;">iframeElement</span>);
    },
    <span style="color:#7a7a43;">value</span>:<span style="color:#000080;"><strong>function</strong></span>(str){
        <span style="color:#000080;"><strong>var </strong></span><span style="color:#458383;">iframeElement </span>= <span style="color:#660e7a;"><strong><em>document</em></strong></span>.<span style="color:#7a7a43;">querySelector</span>(<span style="color:#008000;"><strong>'#iframe1'</strong></span>);
        <span style="color:#000080;"><strong>if</strong></span>(!str){
            <span style="color:#000080;"><strong>return </strong></span><span style="color:#458383;">iframeElement</span>.<span style="color:#660e7a;"><strong>contentDocument</strong></span>.<span style="color:#660e7a;"><strong>body</strong></span>.<span style="color:#660e7a;"><strong>innerHTML</strong></span>;
        }<span style="color:#000080;"><strong>else</strong></span>{
            <span style="color:#458383;">iframeElement</span>.<span style="color:#660e7a;"><strong>contentDocument</strong></span>.<span style="color:#660e7a;"><strong>body</strong></span>.<span style="color:#660e7a;"><strong>innerHTML</strong></span>=str;
        }


    }
};
    <span style="color:#000080;"><strong>return </strong></span><span style="font-style:italic;">editorIframe</span>;
})();</pre> 
  <pre style="background-color:rgb(255,255,255);font-family:'宋体';font-size:12pt;">调用方法也很简单：</pre>     
  <pre style="background-color:rgb(255,255,255);font-family:'宋体';font-size:12pt;"><span style="color:#000080;"><strong>var </strong></span><span style="color:#660e7a;"><strong><em>defaultoptions</em></strong></span>={
    <span style="color:#660e7a;"><strong>operate</strong></span>:{
        <span style="color:#660e7a;"><strong>'bold'</strong></span>:<span style="color:#008000;"><strong>'true'</strong></span>,
        <span style="color:#660e7a;"><strong>'copy'</strong></span>:<span style="color:#008000;"><strong>''</strong></span>,
        <span style="color:#660e7a;"><strong>'delete'</strong></span>:<span style="color:#008000;"><strong>'true'</strong></span>,
        <span style="color:#660e7a;"><strong>'italic'</strong></span>:<span style="color:#008000;"><strong>'true'</strong></span>,
        <span style="color:#660e7a;"><strong>'underline'</strong></span>:<span style="color:#008000;"><strong>''
</strong></span><span style="color:#008000;"><strong>    </strong></span>},<span style="color:#808080;"><em>//*.....操作功能
</em></span><span style="color:#808080;"><em>    //editBox:1,
</em></span><span style="color:#808080;"><em>    </em></span><span style="color:#660e7a;"><strong>iframeElementStyle</strong></span>:<span style="color:#008000;"><strong>"width:400px;height:300px;border:1px solid #999;margin:12px 0"</strong></span>,<span style="color:#808080;"><em>//编辑器样式
</em></span><span style="color:#808080;"><em>    </em></span><span style="color:#660e7a;"><strong>buttonElementStyle</strong></span>:<span style="color:#008000;"><strong>""</strong></span>,
    <span style="color:#660e7a;"><strong>iframeSrc</strong></span>:<span style="color:#008000;"><strong>"about:blank"</strong></span>, <span style="color:#808080;"><em>//iframe 链接
</em></span><span style="color:#808080;"><em>    </em></span><span style="color:#660e7a;"><strong>placeholder</strong></span>:<span style="color:#008000;"><strong>"placeholder"</strong></span>,<span style="color:#808080;"><em>//placeholder
</em></span><span style="color:#808080;"><em>    </em></span><span style="color:#660e7a;"><strong>parentContainer</strong></span>:<span style="color:#660e7a;"><strong><em>document</em></strong></span>.<span style="color:#7a7a43;">querySelector</span>(<span style="color:#008000;"><strong>"#container"</strong></span>)<span style="color:#808080;"><em>//父容器
</em></span>};
<span style="color:#000080;"><strong>var </strong></span><span style="color:#660e7a;"><strong><em>edit</em></strong></span>=<span style="color:#000080;"><strong>new </strong></span><span style="color:#660e7a;"><strong><em>editorIframe</em></strong></span>(<span style="color:#660e7a;"><strong><em>defaultoptions</em></strong></span>);
<span style="color:#660e7a;"><strong><em>edit</em></strong></span>.<span style="color:#7a7a43;">value</span>(<span style="color:#008000;"><strong>"这是我写的第一个富文本编辑器"</strong></span>);//赋值方法与jquery类似 传值为赋值 反之为获取</pre> 
  <pre style="background-color:rgb(255,255,255);font-family:'宋体';font-size:12pt;">***更多属性请参照</pre> 
  <h1 style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font-family:'x-locale-heading-primary', zillaslab, Palatino, 'Palatino Linotype', 'x-locale-heading-secondary', serif;line-height:1;color:rgb(51,51,51);background-color:rgb(245,249,250);">document.execCommand 属性</h1> 
  <pre style="background-color:rgb(255,255,255);font-family:'宋体';font-size:12pt;"></pre> 
  <p></p> 
  <p></p> 
  <pre style="background-color:rgb(255,255,255);"><strong style="font-size:14px;color:rgb(51,51,51);font-family:arial;"><em>
</em></strong></pre>     
  <p></p> 
  <p></p> 
  <pre style="font-weight:bold;color:rgb(0,128,0);font-family:'宋体';font-size:12pt;background-color:rgb(255,255,255);"><span style="font-family:arial;font-size:14px;color:#333333;">
</span></pre> 
  <span style="font-family:'宋体';color:#008000;font-weight:bold;"><span style="font-size:12pt;"><br></span></span> 
  <br> 
  <p>        <br></p> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1289311497780011008"></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">你可能感兴趣的:(javascript)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1835509897106649088.htm"
                           title="Long类型前后端数据不一致" target="_blank">Long类型前后端数据不一致</a>
                        <span class="text-muted">igotyback</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问</div>
                    </li>
                    <li><a href="/article/1835498925755297792.htm"
                           title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a>
                        <span class="text-muted">STU学生网页设计</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a>
                        <div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div>
                    </li>
                    <li><a href="/article/1835496149843275776.htm"
                           title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a>
                        <span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a>
                        <div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div>
                    </li>
                    <li><a href="/article/1835496148601761792.htm"
                           title="HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动" target="_blank">HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动</a>
                        <span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div>
                    </li>
                    <li><a href="/article/1835492740536823808.htm"
                           title="node.js学习" target="_blank">node.js学习</a>
                        <span class="text-muted">小猿L</span>
<a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a>
                        <div>node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行</div>
                    </li>
                    <li><a href="/article/1835448239864770560.htm"
                           title="JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy）" target="_blank">JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy）</a>
                        <span class="text-muted">跳房子的前端</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95/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>
                        <div>在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数</div>
                    </li>
                    <li><a href="/article/1835428948339683328.htm"
                           title="JavaScript `Map` 和 `WeakMap`详细解释" target="_blank">JavaScript `Map` 和 `WeakMap`详细解释</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/%E5%8E%9F%E7%94%9F%E6%96%B9%E6%B3%95/1.htm">原生方法</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键</div>
                    </li>
                    <li><a href="/article/1835419870070665216.htm"
                           title="切换淘宝最新npm镜像源是" target="_blank">切换淘宝最新npm镜像源是</a>
                        <span class="text-muted">hai40587</span>
<a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a>
                        <div>切换淘宝最新npm镜像源是一个相对简单的过程，但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新，镜像源的具体地址可能会发生变化，因此，我将基于当前可获取的信息，提供一个通用的切换步骤，并附上最新的镜像地址（截至回答时）。一、了解npm镜像源npm（NodePackageManager）是JavaScript的包管理器，用于安装、更新和管理项目依赖。由于npm官方仓库</div>
                    </li>
                    <li><a href="/article/1835383919906746368.htm"
                           title="高性能javascript--算法和流程控制" target="_blank">高性能javascript--算法和流程控制</a>
                        <span class="text-muted">海淀萌狗</span>

                        <div>-for,while和do-while性能相当-避免使用for-in循环，==除非遍历一个属性量未知的对象==es5:for-in遍历的对象便不局限于数组，还可以遍历对象。原因：for-in每次迭代操作会同时搜索实例或者原型属性，for-in循环的每次迭代都会产生更多开销，因此要比其他循环类型慢，一般速度为其他类型循环的1/7。因此，除非明确需要迭代一个属性数量未知的对象，否则应避免使用for-i</div>
                    </li>
                    <li><a href="/article/1835373236217540608.htm"
                           title="360前端星计划-动画可以这么玩" target="_blank">360前端星计划-动画可以这么玩</a>
                        <span class="text-muted">马小蜗</span>

                        <div>动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能</div>
                    </li>
                    <li><a href="/article/1835360244646113280.htm"
                           title="JavaScript中秋快乐！" target="_blank">JavaScript中秋快乐！</a>
                        <span class="text-muted">Q_w7742</span>
<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>
                        <div>我们来实现一个简单的祝福网页~主要的难度在于使用canvas绘图当点击canvas时候，跳出“中秋节快乐”字样，需要注册鼠标单击事件和计时器。首先定义主要函数：初始化当点击canvas之后转到onCanvasClick函数，绘图生成灯笼。functiononCanvasClick(){//事件处理函数context.clearRect(0,0,canvas1.width,canvas1.heigh</div>
                    </li>
                    <li><a href="/article/1835359727924637696.htm"
                           title="Nginx从入门到实践(三)" target="_blank">Nginx从入门到实践(三)</a>
                        <span class="text-muted">听你讲故事啊</span>

                        <div>动静分离动静分离是将网站静态资源（JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写，Ngin</div>
                    </li>
                    <li><a href="/article/1835354700392787968.htm"
                           title="Nginx的使用场景：构建高效、可扩展的Web架构" target="_blank">Nginx的使用场景：构建高效、可扩展的Web架构</a>
                        <span class="text-muted">张某布响丸辣</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</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%9E%B6%E6%9E%84/1.htm">架构</a>
                        <div>Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin</div>
                    </li>
                    <li><a href="/article/1835354447627251712.htm"
                           title="前端知识点" target="_blank">前端知识点</a>
                        <span class="text-muted">ZhangTao_zata</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/css/1.htm">css</a>
                        <div>下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage</div>
                    </li>
                    <li><a href="/article/1835331376895848448.htm"
                           title="【JS】前端文件读取FileReader操作总结" target="_blank">【JS】前端文件读取FileReader操作总结</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>前端文件读取FileReader操作总结FileReader是JavaScript中的一个WebAPI，它允许web应用程序异步读取用户计算机上的文件（或原始数据缓冲区）的内容，例如读取文件以获取其内容，并在不将文件发送到服务器的情况下在客户端使用它。这对于处理图片、文本文件等非常有用，尤其是当你想要在用户界面中即时显示文件内容或进行文件预览时。创建FileReader对象首先，你需要创建一个Fi</div>
                    </li>
                    <li><a href="/article/1835298981362626560.htm"
                           title="webstorm报错TypeError: this.cliEngine is not a constructor" target="_blank">webstorm报错TypeError: this.cliEngine is not a constructor</a>
                        <span class="text-muted">Blue_Color</span>

                        <div>点击Details在控制台会显示报错的位置TypeError:this.cliEngineisnotaconstructoratESLintPlugin.invokeESLint(/Applications/RubyMine.app/Contents/plugins/JavaScriptLanguage/languageService/eslint/bin/eslint-plugin.js:97:</div>
                    </li>
                    <li><a href="/article/1835296397365178368.htm"
                           title="创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几" target="_blank">创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几</a>
                        <span class="text-muted">uthRaman</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a>
                        <div>前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=</div>
                    </li>
                    <li><a href="/article/1835293121953492992.htm"
                           title="了解 UNPKG：前端开发者的包管理利器" target="_blank">了解 UNPKG：前端开发者的包管理利器</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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a>
                        <div>在现代前端开发中，JavaScript包管理和模块化是至关重要的，而npm则是最流行的JavaScript包管理器之一。不过，随着前端项目复杂性的增加，有时候我们希望快速引入外部依赖，而无需本地安装和构建。此时，CDN（内容分发网络）成为了一种方便快捷的解决方案，而UNPKG就是这种方式中的佼佼者。什么是UNPKG？UNPKG是一个基于npm的内容分发网络（CDN），它允许开发者直接通过URL从n</div>
                    </li>
                    <li><a href="/article/1835247344719851520.htm"
                           title="2019-05-29 vue-router的两种模式的区别" target="_blank">2019-05-29 vue-router的两种模式的区别</a>
                        <span class="text-muted">Kason晨</span>

                        <div>1、大家都知道vue是一种单页应用,单页应用就是仅在页面初始化的时候加载相应的html/css/js一单页面加载完成,不会因为用户的操作而进行页面的重新加载或者跳转,用javascript动态的变化html的内容优点:良好的交互体验,用户不需要刷新页面,页面显示流畅,良好的前后端工作分离模式,减轻服务器压力,缺点:不利于SEO,初次加载耗时比较多2、hash模式vue-router默认的是hash</div>
                    </li>
                    <li><a href="/article/1835216109297561600.htm"
                           title="electron多标签页模式更像客户端" target="_blank">electron多标签页模式更像客户端</a>
                        <span class="text-muted">diygwcom</span>
<a class="tag" taget="_blank" href="/search/electron/1.htm">electron</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>Electron多标签页模式是指在Electron框架中实现的类似Web浏览器的多标签页功能。Electron是一个使用Web技术（HTML、CSS和JavaScript）来创建跨平台桌面应用程序的框架。在Electron中实现多标签页模式，通常需要借助一些特定的库或组件，如BrowserView或electron-tabs，或者通过自定义实现。实现方式1.使用BrowserViewBrowser</div>
                    </li>
                    <li><a href="/article/1835194426499100672.htm"
                           title="外卖霸王餐返利外卖会员卡小程序开发" target="_blank">外卖霸王餐返利外卖会员卡小程序开发</a>
                        <span class="text-muted">闹小艾</span>
<a class="tag" taget="_blank" href="/search/good506070/1.htm">good506070</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a>
                        <div>外卖霸王餐返利外卖会员卡小程序开发"社交电商赋能下的外卖返利小程序"是专为商家与用户双赢而设计的创新平台。以下是其开发方案的详细步骤：一、需求梳理：首先，我们需要明确小程序的核心功能和特色。包括设定活动类型、返利策略，以及用户体验友好的界面设计。二、技术决策：技术选型是关键。我们采用小程序的开发框架，利用JavaScript作为前端开发语言，并结合微信提供的API进行后端接口调用与数据处理。三、账</div>
                    </li>
                    <li><a href="/article/1835192531881652224.htm"
                           title="Axure设计之全屏与退出全屏交互实现" target="_blank">Axure设计之全屏与退出全屏交互实现</a>
                        <span class="text-muted">招风的黑耳</span>
<a class="tag" taget="_blank" href="/search/Axure/1.htm">Axure</a><a class="tag" taget="_blank" href="/search/axure/1.htm">axure</a><a class="tag" taget="_blank" href="/search/%E4%BA%A4%E4%BA%92/1.htm">交互</a>
                        <div>在AxureRP中，设计全屏与退出全屏的交互功能可以极大地提升用户体验，尤其是在展示产品原型或进行演示时。本文将详细介绍如何在AxureRP中通过结合JavaScript代码实现全屏与退出全屏的交互效果。Axure原型设计web端交互元件库：https://1zvcwx.axshare.com一、设计思路全屏与退出全屏的交互设计主要依赖于JavaScript代码来控制浏览器的全屏模式。在Axure</div>
                    </li>
                    <li><a href="/article/1835162742533746688.htm"
                           title="全面指南：用户行为从前端数据采集到实时处理的最佳实践" target="_blank">全面指南：用户行为从前端数据采集到实时处理的最佳实践</a>
                        <span class="text-muted">数字沉思</span>
<a class="tag" taget="_blank" href="/search/%E8%90%A5%E9%94%80/1.htm">营销</a><a class="tag" taget="_blank" href="/search/%E6%B5%81%E9%87%8F%E8%BF%90%E8%90%A5/1.htm">流量运营</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84/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%86%85%E5%AE%B9%E8%BF%90%E8%90%A5/1.htm">内容运营</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a>
                        <div>引言在当今的数据驱动世界，实时数据采集和处理已经成为企业做出及时决策的重要手段。本文将详细介绍如何通过前端JavaScript代码采集用户行为数据、利用API和Kafka进行数据传输、通过Flink实时处理数据的完整流程。无论你是想提升产品体验还是做用户行为分析，这篇文章都将为你提供全面的解决方案。设计一个通用的ClickHouse表来存储用户事件时，需要考虑多种因素，包括事件类型、时间戳、用户信</div>
                    </li>
                    <li><a href="/article/1835154546289111040.htm"
                           title="EcmaScript和JavaScript的区别" target="_blank">EcmaScript和JavaScript的区别</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/ecmascript/1.htm">ecmascript</a>
                        <div>ECMAScript和JavaScript是经常被混淆的两个术语，但实际上它们之间存在一些区别：ECMAScript：ECMAScript（通常缩写为ES，并且有版本号如ES5,ES6和ES7等）是由ECMA国际（EuropeanComputerManufacturersAssociation）制定的一种脚本语言的规范。这个规范定义了语法、命令、数据类型等基本元素。ECMAScript是一种规范，</div>
                    </li>
                    <li><a href="/article/1835137656992919552.htm"
                           title="javascript添加p元素，html添加文字，appendChild" target="_blank">javascript添加p元素，html添加文字，appendChild</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/html%E6%B7%BB%E5%8A%A0p/1.htm">html添加p</a><a class="tag" taget="_blank" href="/search/appendChild/1.htm">appendChild</a>
                        <div>javascript添加p元素，html添加文字，appendChild。网页添加p元素效果截图。个人签名：游志勇，预制板，南托岭预制场。文字展示#wordsadd{font-size:70px;word-break:break-all;}#wordsaddp{margin:002px0;padding:002px0;line-height:93%;}.btn_width{width:90px;}</div>
                    </li>
                    <li><a href="/article/1835136018660028416.htm"
                           title="CesiumJS+SuperMap3D.js混用实现可视域分析 S3M图层加载 裁剪区域绘制" target="_blank">CesiumJS+SuperMap3D.js混用实现可视域分析 S3M图层加载 裁剪区域绘制</a>
                        <span class="text-muted">SteveJi666</span>
<a class="tag" taget="_blank" href="/search/WebGL/1.htm">WebGL</a><a class="tag" taget="_blank" href="/search/cesium/1.htm">cesium</a><a class="tag" taget="_blank" href="/search/EarthSDK/1.htm">EarthSDK</a><a class="tag" taget="_blank" href="/search/SuperMap/1.htm">SuperMap</a><a class="tag" taget="_blank" href="/search/3d/1.htm">3d</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/arcgis/1.htm">arcgis</a>
                        <div>版本简介：cesium：1.99；Supermap3D：SuperMapiClientJavaScript11i(2023)；官方下载文档链家：SuperMap技术资源中心|为您提供全面的在线技术服务示例参考：support.supermap.com.cn:8090/webgl/Cesium/examples/webgl/examples.html#analysissupport.supermap</div>
                    </li>
                    <li><a href="/article/1835131605585326080.htm"
                           title="html打开本地excel文件夹,html使用excel表格数据库-html读取本地excel文件并展示" target="_blank">html打开本地excel文件夹,html使用excel表格数据库-html读取本地excel文件并展示</a>
                        <span class="text-muted">睿理</span>

                        <div>html表格如何导入到excel中在vs里面用添加数据源就可以啊,再使用数据控件,就可以操作.添加数据源可以用odbc数据源,两种方式1,是在控制面板的管理工具里在ODBC里先设置好.2,是使用连接字符串.用vs的添加数据源向导做.html中有没有类似excel表格，可以填数的表格控件？首先html不能读取本地excel文件其次就算是javascript也是不允许的这是为了安全考虑如果前端脚本可以</div>
                    </li>
                    <li><a href="/article/1835131225128398848.htm"
                           title="如何在 Python 中声明一个静态属性?" target="_blank">如何在 Python 中声明一个静态属性?</a>
                        <span class="text-muted">潮易</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>在Python中，静态属性的定义和使用方式与JavaScript中的类似，主要是通过`@staticmethod`装饰器来实现。静态属性不需要实例化对象就可以访问，它们属于类本身。###如何声明一个静态属性：1.首先，需要在属性名前添加`@staticmethod`装饰器。2.接下来，定义一个普通方法，该方法的第一个参数通常为`cls`（用于表示类的引用）。###代码示例：```pythoncla</div>
                    </li>
                    <li><a href="/article/1835125415920889856.htm"
                           title="数据格式：什么是JSON和XML" target="_blank">数据格式：什么是JSON和XML</a>
                        <span class="text-muted">isNotNullX</span>
<a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a>
                        <div>JSON和XML都是数据交换的一种格式，用于在不同的系统和应用程序之间传输和存储数据。本文将解释JSON和XML的基础内容，并探讨两者的不同。一·什么是JSON？1.JSON（JavaScriptObjectNotation）即JavaScript对象标记法：-JSON是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。-JSON基于JavaScript的一个子集，但JSON是</div>
                    </li>
                    <li><a href="/article/1835118231979913216.htm"
                           title="HighCharts图表自动化简介" target="_blank">HighCharts图表自动化简介</a>
                        <span class="text-muted">知识的宝藏</span>
<a class="tag" taget="_blank" href="/search/Selenium%E9%AB%98%E7%BA%A7%E7%AF%87/1.htm">Selenium高级篇</a><a class="tag" taget="_blank" href="/search/Selenium%E5%9B%BE%E8%A1%A8%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/1.htm">Selenium图表自动化测试</a><a class="tag" taget="_blank" href="/search/highcharts%E5%9B%BE%E8%A1%A8%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">highcharts图表自动化</a><a class="tag" taget="_blank" href="/search/Selenium%E5%9B%BE%E8%A1%A8%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">Selenium图表自动化</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E8%A1%A8%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/1.htm">图表自动化测试</a><a class="tag" taget="_blank" href="/search/highcharts/1.htm">highcharts</a><a class="tag" taget="_blank" href="/search/Selenium/1.htm">Selenium</a>
                        <div>什么是分析数据？在任何应用程序中捕获并以图形或图表形式显示的分析数据是任何产品或系统的关键部分，因为它提供了对实时数据的洞察。验证此类分析数据非常重要，因为不准确的数据可能会在报告中产生问题，并可能影响应用程序/系统的其他相关领域。什么是HighChart？Highcharts是一个用纯JavaScript编写的j基于SVG成图技术的图表库，提供了一种简单的方法来向您的网站或Web应用程序添加交互</div>
                    </li>
                                <li><a href="/article/121.htm"
                                       title="jquery实现的jsonp掉java后台" target="_blank">jquery实现的jsonp掉java后台</a>
                                    <span class="text-muted">知了ing</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jsonp/1.htm">jsonp</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a>
                                    <div> 什么是JSONP？ 
 
先说说JSONP是怎么产生的： 
 
其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。 
 
1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准； 
 
2、</div>
                                </li>
                                <li><a href="/article/248.htm"
                                       title="Struts2学习笔记" target="_blank">Struts2学习笔记</a>
                                    <span class="text-muted">caoyong</span>
<a class="tag" taget="_blank" href="/search/struts2/1.htm">struts2</a>
                                    <div>SSH : Spring + Struts2 + Hibernate 
三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller) 
分层原则:单向依赖，接口耦合 
 
1、Struts2&nbsp; =&nbsp; Struts&nbsp; + Webwork 
2、搭建struts2开发环境 
&nbsp;&nbsp; a&gt;、到www.apac</div>
                                </li>
                                <li><a href="/article/375.htm"
                                       title="SpringMVC学习之后台往前台传值方法" target="_blank">SpringMVC学习之后台往前台传值方法</a>
                                    <span class="text-muted">满城风雨近重阳</span>
<a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a>
                                    <div>springMVC控制器往前台传值的方法有以下几种： 
1.ModelAndView 
&nbsp; &nbsp;通过往ModelAndView中存放viewName：目标地址和attribute参数来实现传参： 
&nbsp; &nbsp; 
&nbsp;ModelAndView mv=new ModelAndView(); 
&nbsp;mv.setViewName=&quot;success</div>
                                </li>
                                <li><a href="/article/502.htm"
                                       title="WebService存在的必要性？" target="_blank">WebService存在的必要性？</a>
                                    <span class="text-muted">一炮送你回车库</span>
<a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a>
                                    <div>做Java的经常在选择Webservice框架上徘徊很久，Axis &nbsp;Xfire Axis2 CXF ，他们只有一个功能，发布HTTP服务然后用XML做数据传输。 
是的，他们就做了两个功能，发布一个http服务让客户端或者浏览器连接，接收xml参数并发送xml结果。 
当在不同的平台间传输数据时，就需要一个都能解析的数据格式。 
但是为什么要使用xml呢？不能使json或者其他通用数据</div>
                                </li>
                                <li><a href="/article/629.htm"
                                       title="js年份下拉框" target="_blank">js年份下拉框</a>
                                    <span class="text-muted">3213213333332132</span>
<a class="tag" taget="_blank" href="/search/java+web+ee/1.htm">java web ee</a>
                                    <div>
  &lt;div id=&quot;divValue&quot;&gt;test...&lt;/div&gt;测试

 //年份 
    &lt;select id=&quot;year&quot;&gt;&lt;/select&gt;
   &lt;script type=&quot;text/javascript&quot;&gt;
     window.onload = </div>
                                </li>
                                <li><a href="/article/756.htm"
                                       title="简单链式调用的实现技术" target="_blank">简单链式调用的实现技术</a>
                                    <span class="text-muted">归来朝歌</span>
<a class="tag" taget="_blank" href="/search/%E6%96%B9%E6%B3%95%E8%B0%83%E7%94%A8/1.htm">方法调用</a><a class="tag" taget="_blank" href="/search/%E9%93%BE%E5%BC%8F%E5%8F%8D%E5%BA%94/1.htm">链式反应</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E6%80%9D%E6%83%B3/1.htm">编程思想</a>
                                    <div>在编程中，我们可以经常遇到这样一种场景：一个实例不断调用它自身的方法，像一条链条一样进行调用 
这样的调用你可能在Ajax中，在页面中添加标签： 
$(&quot;&lt;p&gt;&quot;).append($(&quot;&lt;span&gt;&quot;).text(list[i].name)).appendTo(&quot;#result&quot;); 
&nbsp; 
也可能在HQ</div>
                                </li>
                                <li><a href="/article/883.htm"
                                       title="JAVA调用.net 发布的webservice 接口" target="_blank">JAVA调用.net 发布的webservice 接口</a>
                                    <span class="text-muted">darkranger</span>
<a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a>
                                    <div> /** 
	* @Title: callInvoke 
	* @Description: TODO(调用接口公共方法) 
	* @param @param url 地址
	* @param @param method 方法
	* @param @param pama 参数
	* @param @return
	* @param @throws BusinessException  </div>
                                </li>
                                <li><a href="/article/1010.htm"
                                       title="Javascript模糊查找 | 第一章 循环不能不重视。" target="_blank">Javascript模糊查找 | 第一章 循环不能不重视。</a>
                                    <span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/Way/1.htm">Way</a>
                                    <div>  最近受我的朋友委托用js+HTML做一个像手册一样的程序，里面要有可展开的大纲，模糊查找等功能。我这个人说实在的懒，本来是不愿意的，但想起了父亲以前教我要给朋友搞好关系，再加上这也可以巩固自己的js技术，于是就开始开发这个程序，没想到却出了点小问题，我做的查找只能绝对查找。具体的js代码如下： 
  
function search(){
	var arr=new Array(&quot;my</div>
                                </li>
                                <li><a href="/article/1137.htm"
                                       title="狼和羊，该怎么抉择" target="_blank">狼和羊，该怎么抉择</a>
                                    <span class="text-muted">atongyeye</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a>
                                    <div>狼和羊，该怎么抉择 
 
在做一个链家的小项目，只有我和另外一个同事两个人负责，各负责一部分接口，我的接口写完，并全部测联调试通过。所以工作就剩下一下细枝末节的，工作就轻松很多。每天会帮另一个同事测试一些功能点，协助他完成一些业务型不强的工作。 
 
今天早上到公司没多久，领导就在QQ上给我发信息，让我多协助同事测试，让我积极主动些，有点责任心等等，我听了这话，心里面立马凉半截，首先一个领导轻易说</div>
                                </li>
                                <li><a href="/article/1264.htm"
                                       title="读取android系统的联系人拨号" target="_blank">读取android系统的联系人拨号</a>
                                    <span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/sqlite%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">sqlite数据库</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E5%AE%B9%E6%8F%90%E4%BE%9B%E8%80%85/1.htm">内容提供者</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9C%8D%E5%8A%A1%E7%9A%84%E4%BD%BF%E7%94%A8/1.htm">系统服务的使用</a>
                                    <div>&nbsp; 
&nbsp; &nbsp; &nbsp;联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢 
&nbsp; 
关键代码: 
&nbsp; 
&nbsp; 
1, 使用javabean操作存储读取到的数据 
package com.example.bean;

/**
 * 
 * @author Admini</div>
                                </li>
                                <li><a href="/article/1391.htm"
                                       title="ORACLE自定义异常" target="_blank">ORACLE自定义异常</a>
                                    <span class="text-muted">bijian1013</span>
<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/%E8%87%AA%E5%AE%9A%E4%B9%89%E5%BC%82%E5%B8%B8/1.htm">自定义异常</a>
                                    <div>实例： 
CREATE OR REPLACE PROCEDURE test_Exception
(
  ParameterA IN varchar2,
  ParameterB IN varchar2,
  ErrorCode  OUT varchar2  --返回值,错误编码
)
AS
  /*以下是一些变量的定义*/
  V1    NUMBER;
  V2    nvarc</div>
                                </li>
                                <li><a href="/article/1518.htm"
                                       title="查看端号使用情况" target="_blank">查看端号使用情况</a>
                                    <span class="text-muted">征客丶</span>
<a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a>
                                    <div>一、查看端口 
在windows命令行窗口下执行： 
&gt;netstat -aon|findstr &quot;8080&quot; 
显示结果： 
TCP&nbsp;&nbsp;&nbsp;&nbsp; 127.0.0.1:80&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 0.0.0.0:0&nbsp;&nbsp;&nbsp;&nbsp;&</div>
                                </li>
                                <li><a href="/article/1645.htm"
                                       title="【Spark二十】运行Spark Streaming的NetworkWordCount实例" target="_blank">【Spark二十】运行Spark Streaming的NetworkWordCount实例</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/wordcount/1.htm">wordcount</a>
                                    <div>Spark Streaming简介 
&nbsp; NetworkWordCount代码 
&nbsp; 
/*
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements. See the NOTICE file distributed with
</div>
                                </li>
                                <li><a href="/article/1772.htm"
                                       title="Struts2 与 SpringMVC的比较" target="_blank">Struts2 与 SpringMVC的比较</a>
                                    <span class="text-muted">BlueSkator</span>
<a class="tag" taget="_blank" href="/search/struts2/1.htm">struts2</a><a class="tag" taget="_blank" href="/search/spring+mvc/1.htm">spring mvc</a>
                                    <div>1. 机制：spring mvc的入口是servlet，而struts2是filter，这样就导致了二者的机制不同。&nbsp;2. 性能：spring会稍微比struts快。spring mvc是基于方法的设计，而sturts是基于类，每次发一次请求都会实例一个action，每个action都会被注入属性，而spring基于方法，粒度更细，但要小心把握像在servlet控制数据一样。spring</div>
                                </li>
                                <li><a href="/article/1899.htm"
                                       title="Hibernate在更新时，是可以不用session的update方法的(转帖）" target="_blank">Hibernate在更新时，是可以不用session的update方法的(转帖）</a>
                                    <span class="text-muted">BreakingBad</span>
<a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/update/1.htm">update</a>
                                    <div>地址：http://blog.csdn.net/plpblue/article/details/9304459 
public void synDevNameWithItil() 
{Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran</div>
                                </li>
                                <li><a href="/article/2026.htm"
                                       title="读《研磨设计模式》-代码笔记-观察者模式" target="_blank">读《研磨设计模式》-代码笔记-观察者模式</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
                                    <div>声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ 
 
 



import java.util.ArrayList;
import java.util.List;
import java.util.Observable;
import java.util.Observer;

/**
 * “观</div>
                                </li>
                                <li><a href="/article/2153.htm"
                                       title="重置MySQL密码" target="_blank">重置MySQL密码</a>
                                    <span class="text-muted">chenhbc</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E9%87%8D%E7%BD%AE%E5%AF%86%E7%A0%81/1.htm">重置密码</a><a class="tag" taget="_blank" href="/search/%E5%BF%98%E8%AE%B0%E5%AF%86%E7%A0%81/1.htm">忘记密码</a>
                                    <div>如果你也像我这么健忘，把MySQL的密码搞忘记了，经过下面几个步骤就可以重置了（以Windows为例，Linux/Unix类似）： 
1、关闭MySQL服务 
2、打开CMD，进入MySQL安装目录的bin目录下，以跳过权限检查的方式启动MySQL 
mysqld --skip-grant-tables 
&nbsp;3、新开一个CMD窗口，进入MySQL 
mysql -uroot 
&nbsp</div>
                                </li>
                                <li><a href="/article/2280.htm"
                                       title="再谈系统论，控制论和信息论" target="_blank">再谈系统论，控制论和信息论</a>
                                    <span class="text-muted">comsci</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/%E7%94%9F%E7%89%A9/1.htm">生物</a><a class="tag" taget="_blank" href="/search/%E8%83%BD%E6%BA%90/1.htm">能源</a><a class="tag" taget="_blank" href="/search/%E4%BC%81%E4%B8%9A%E5%BA%94%E7%94%A8/1.htm">企业应用</a><a class="tag" taget="_blank" href="/search/%E9%A2%86%E5%9F%9F%E6%A8%A1%E5%9E%8B/1.htm">领域模型</a>
                                    <div> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 再谈系统论，控制论和信息论 
 
 
&nbsp;&nbsp;&nbsp; 偶然看</div>
                                </li>
                                <li><a href="/article/2407.htm"
                                       title="oracle moving window size与 AWR retention period关系" target="_blank">oracle moving window size与 AWR retention period关系</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
                                    <div>转自： http://tomszrp.itpub.net/post/11835/494147 
 
晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程. 
 
SQL&gt; select * from v$version; 
 
BANNER 
-------------------</div>
                                </li>
                                <li><a href="/article/2534.htm"
                                       title="Python版B树" target="_blank">Python版B树</a>
                                    <span class="text-muted">dieslrae</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
                                    <div>话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树... 
 
首先是数据实体对象,很简单,只存放key,value 
 

class Entity(object):
    '''数据实体'''
    
    def __init__(self,key,value)</div>
                                </li>
                                <li><a href="/article/2661.htm"
                                       title="C语言冒泡排序" target="_blank">C语言冒泡排序</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a>
                                    <div>代码示例： 
# include &lt;stdio.h&gt;

//冒泡排序
void sort(int * a, int len)
{
	int i, j, t;

	for (i=0; i&lt;len-1; i++)
	{
		for (j=0; j&lt;len-1-i; j++)
		{
			if (a[j] &gt; a[j+1])	// &gt;表示升序 </div>
                                </li>
                                <li><a href="/article/2788.htm"
                                       title="自定义导航栏样式" target="_blank">自定义导航栏样式</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AE%9A%E4%B9%89/1.htm">自定义</a>
                                    <div>-(void)setupAppAppearance
{
    [[UILabel appearance] setFont:[UIFont fontWithName:@&quot;FZLTHK—GBK1-0&quot; size:20]];
    [UIButton appearance].titleLabel.font =[UIFont fontWithName:@&quot;FZLTH</div>
                                </li>
                                <li><a href="/article/2915.htm"
                                       title="11.性能优化-优化-JVM参数总结" target="_blank">11.性能优化-优化-JVM参数总结</a>
                                    <span class="text-muted">frank1234</span>
<a class="tag" taget="_blank" href="/search/jvm%E5%8F%82%E6%95%B0/1.htm">jvm参数</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a>
                                    <div>1.堆 
-Xms --初始堆大小 
-Xmx --最大堆大小 
-Xmn --新生代大小 
-Xss --线程栈大小 
-XX:PermSize&nbsp; --永久代初始大小 
-XX:MaxPermSize&nbsp; --永久代最大值 
-XX:SurvivorRatio --新生代和suvivor比例,默认为8 
-XX:TargetSurvivorRatio --survivor可使用</div>
                                </li>
                                <li><a href="/article/3042.htm"
                                       title="nginx日志分割 for linux" target="_blank">nginx日志分割 for linux</a>
                                    <span class="text-muted">HarborChung</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%84%9A%E6%9C%AC/1.htm">脚本</a>
                                    <div>nginx日志分割 for linux   默认情况下，nginx是不分割访问日志的，久而久之，网站的日志文件将会越来越大，占用空间不说，如果有问题要查看网站的日志的话，庞大的文件也将很难打开，于是便有了下面的脚本   &nbsp;    使用方法，先将以下脚本保存为 cutlog.sh，放在/root 目录下，然后给予此脚本执行的权限    
&nbsp;  
复制代码代码如下:   
chmo</div>
                                </li>
                                <li><a href="/article/3169.htm"
                                       title="Spring4新特性——泛型限定式依赖注入" target="_blank">Spring4新特性——泛型限定式依赖注入</a>
                                    <span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/spring4/1.htm">spring4</a><a class="tag" taget="_blank" href="/search/%E6%B3%9B%E5%9E%8B%E5%BC%8F%E4%BE%9D%E8%B5%96%E6%B3%A8%E5%85%A5/1.htm">泛型式依赖注入</a>
                                    <div>Spring4新特性——泛型限定式依赖注入 
Spring4新特性——核心容器的其他改进 
Spring4新特性——Web开发的增强 
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC&nbsp; 
Spring4新特性——Groovy Bean定义DSL 
Spring4新特性——更好的Java泛型操作API&nbsp; 
Spring4新</div>
                                </li>
                                <li><a href="/article/3296.htm"
                                       title="centOS安装GCC和G++" target="_blank">centOS安装GCC和G++</a>
                                    <span class="text-muted">liuxihope</span>
<a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a><a class="tag" taget="_blank" href="/search/gcc/1.htm">gcc</a>
                                    <div>Centos支持yum安装，安装软件一般格式为yum install .......，注意安装时要先成为root用户。 
 
按照这个思路，我想安装过程如下： 
 
安装gcc：yum install gcc 
 
安装g++： yum install g++ 
 
实际操作过程发现，只能有gcc安装成功，而g++安装失败，提示g++ command not found。上网查了一下，正确安装应该</div>
                                </li>
                                <li><a href="/article/3423.htm"
                                       title="第13章 Ajax进阶（上）" target="_blank">第13章 Ajax进阶（上）</a>
                                    <span class="text-muted">onestopweb</span>
<a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a>
                                    <div>index.html 
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/</div>
                                </li>
                                <li><a href="/article/3550.htm"
                                       title="How to determine BusinessObjects service pack and fix pack" target="_blank">How to determine BusinessObjects service pack and fix pack</a>
                                    <span class="text-muted">blueoxygen</span>
<a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a>
                                    <div>http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/ 
&nbsp; 
The table below is helpful. Reference 
&nbsp; BOE XI 3.x 
     12.0.0.
y  BOE XI 3.0   12.0.
x.
y  BO</div>
                                </li>
                                <li><a href="/article/3677.htm"
                                       title="Oracle里的自增字段设置" target="_blank">Oracle里的自增字段设置</a>
                                    <span class="text-muted">tomcat_oracle</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
                                    <div>　大家都知道吧，这很坑，尤其是用惯了mysql里的自增字段设置，结果oracle里面没有的。oh，no   　　我用的是12c版本的，它有一个新特性，可以这样设置自增序列，在创建表是，把id设置为自增序列   
create table t
(
id 　　 　　  number generated by default as identity (start with 1 increment b</div>
                                </li>
                                <li><a href="/article/3804.htm"
                                       title="Spring Security（01）——初体验" target="_blank">Spring Security（01）——初体验</a>
                                    <span class="text-muted">yang_winnie</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Security/1.htm">Security</a>
                                    <div>Spring Security（01）——初体验 
 
&nbsp;&nbsp;&nbsp; 博客分类： spring Security 
 
Spring Security入门安全认证 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 首先我们为Spring Security专门建立一个Spring的配置文件，该文件就专门用来作为Spring Security的配置</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>