HTML 的 标签支持将一个 HTML 页面集成到另一个页面中，从而形成内联框架。它通常用于广告、视频、分析和交互式内容，它创建了一个矩形区域，用于嵌入网页和父文档之间的无缝交互，由 JavaScript 促进。</p> <h3 id="how-to-use-an-iframe-in-html" style="margin-left:0;">如何在 HTML 中使用 iframe</h3> <p style="margin-left:0;">iFrame 的目的是允许从其他网站共享内容。 如果您希望为读者提供有关某个主题的上下文，您可以添加 iframe 标签。<iframe> 标记可用于将 iframe 元素插入到 HTML 文档中。在记事本中，复制并粘贴以下代码，然后将页面另存为.html文件：</p> <p style="margin-left:0;"><strong>语法：</strong></p> <pre style="margin-left:0;"></pre> <div> <pre style="margin-left:0;"><span style="background-color:#282c34;"><span style="color:#abb2bf;"><code class="language-htmlembedded"><<span style="color:#e06c75;">body</span>> <<span style="color:#e06c75;">iframe</span> <span style="color:#d19a66;">src</span>=<span style="color:#98c379;">"URL"</span> <span style="color:#d19a66;">title</span>=<span style="color:#98c379;">"description"</span>></<span style="color:#e06c75;">iframe</span>> </<span style="color:#e06c75;">body</span>> </code></span></span></pre> <div id="copy"></div> </div> <p style="margin-left:0;"><strong>例：</strong></p> <pre style="margin-left:0;"></pre> <div> <pre style="margin-left:0;"><span style="background-color:#282c34;"><span style="color:#abb2bf;"><code class="language-htmlembedded"><span style="color:#61aeee;"><!DOCTYPE </span><span style="color:#61aeee;">html</span><span style="color:#61aeee;">></span> <<span style="color:#e06c75;">html</span>> <<span style="color:#e06c75;">head</span>> <<span style="color:#e06c75;">title</span>>HTML iframe Tag</<span style="color:#e06c75;">title</span>> </<span style="color:#e06c75;">head</span>> <<span style="color:#e06c75;">body</span>> <<span style="color:#e06c75;">h1</span>>I-Frame</<span style="color:#e06c75;">h1</span>> <<span style="color:#e06c75;">iframe</span> <span style="color:#d19a66;">src</span>=<span style="color:#98c379;">"https://www.youtube.com/embed/s4BibernJxU"</span> <span style="color:#d19a66;">width</span>=<span style="color:#98c379;">"690"</span><span style="color:#d19a66;">height</span>=<span style="color:#98c379;">"470"</span> <span style="color:#d19a66;">allowfullscreen</span>></<span style="color:#e06c75;">iframe</span>> </<span style="color:#e06c75;">body</span>> </<span style="color:#e06c75;">html</span>> </code></span></span></pre> <div></div> </div> <p style="margin-left:0;">优雅的主题YouTube 视频将通过上面的代码显示。</p> <p style="margin-left:0;"><strong>输出：</strong></p> <p style="margin-left:0;"></p> <p class="img-center"><a href="http://img.e-com-net.com/image/info8/c01fa577df604549b379208c8060271a.jpg" target="_blank"><img alt="Intermediate：HTML 中的 iframe_第2张图片" height="399" src="http://img.e-com-net.com/image/info8/c01fa577df604549b379208c8060271a.jpg" width="502" style="border:1px solid black;"></a></p> <p style="margin-left:0;"><strong>让我们分别查看每个标签：</strong></p> <ol> <li>iFrame 包含使用 <iframe>...标记。
支持的属性包括</p> <table> <thead> <tr> <th style="text-align:center;">属性</th> <th style="text-align:center;">值</th> <th style="text-align:center;">描述</th> </tr> </thead> <tbody> <tr> <td>allow</td> <td>allow-top-navigation, allow-forms, allow-pointer-lock, allow-popups</td> <td style="text-align:center;">确定 iframe 的功能策略。根据请求的来源，该策略确定 <iframe> 可以访问哪些功能（如麦克风、摄像头、电池访问、Web 共享 API 等）</td> </tr> <tr> <td>allowfullscreen</td> <td>true,false</td> <td style="text-align:center;">如果 iframe 可以使用 requestFullscreen（） 方法调用全屏模式，则此值设置为 true。</td> </tr> <tr> <td>allowpaymentrequest</td> <td>true,false</td> <td style="text-align:center;">如果此属性设置为 true，则跨域 <iframe> 可以调用付款请求 API。</td> </tr> <tr> <td>height</td> <td>pixels</td> <td style="text-align:center;">指定帧的高度（以 CSS 像素为单位）。默认情况下，它是 150 像素</td> </tr> <tr> <td>loading</td> <td>eager, lazy</td> <td style="text-align:center;">这会告诉浏览器如何加载 iframe 内容。</td> </tr> <tr> <td>name</td> <td>text</td> <td style="text-align:center;">可在嵌入式浏览上下文中用作目标的名称。</td> </tr> <tr> <td>referrerpolicy</td> <td>no-referrer, no-referrer-when-downgrade, origin, origin-when-cross-origin, same- originstrict-origin-when-cross-origin, unsafe-url</td> <td style="text-align:center;">获取帧的资源时，指定要使用的引用。</td> </tr> <tr> <td>sandbox</td> <td>allow-forms, allow-pointer-lock, allow-popups, allow-same-origin, allow-scripts, allow-top-navigation</td> <td style="text-align:center;">对帧中的内容施加额外的限制。可以指定所有限制的空令牌值或用于解除单个限制的空格分隔令牌列表。</td> </tr> <tr> <td>src</td> <td>URL</td> <td style="text-align:center;">指定嵌入页的 URL。要嵌入符合同源策略的空白页面，请输入值 <strong>about</strong>。请注意，如果您以编程方式（例如通过 Element.removeAttribute（））删除 <iframe> 的 src 属性，Firefox（从版本 65 开始）、基于 Chromium 的浏览器和 Safari/iOS 将在<strong>框架中加载</strong></td> </tr> <tr> <td>srcdoc</td> <td>HTML_Code</td> <td style="text-align:center;">若要嵌入，请使用内联 HTML 覆盖 src 属性。如果浏览器不支持 srcdoc 属性，则将使用 src 属性中的 URL。</td> </tr> <tr> <td>width</td> <td>pixels</td> <td style="text-align:center;">指示帧的宽度（以 CSS 像素为单位）。默认值为 300 像素。</td> </tr> </tbody> </table> <p style="margin-left:0;"><strong>已弃用的属性</strong></p> <p style="margin-left:0;">这些属性（<img>，<iframe> 等）已弃用，并非所有用户代理都支持这些属性。它们不应在新内容中使用，应从现有内容中删除。</p> <table> <thead> <tr> <th style="text-align:center;">属性</th> <th style="text-align:center;">值</th> <th style="text-align:center;">描述</th> </tr> </thead> <tbody> <tr> <td>align</td> <td>left,right,middle,top,bottom</td> <td style="text-align:center;">根据元素的周围上下文对齐元素。</td> </tr> <tr> <td>frameborder</td> <td>0,1</td> <td style="text-align:center;">指定 1 时，在此帧周围绘制边框（默认值）。值 0 将删除此帧周围的边框，但最好使用 CSS 属性边框来控制 iframe 的边框</td> </tr> <tr> <td>longdesc</td> <td>URL</td> <td style="text-align:center;">框架中显示的内容的详细描述的 URL。对于非视觉浏览器，由于广泛的误用，这无济于事</td> </tr> <tr> <td>marginheight</td> <td>pixels</td> <td style="text-align:center;">帧内容与其上下边框之间的空间（以像素为单位）。</td> </tr> <tr> <td>marginwidth</td> <td>pixels</td> <td style="text-align:center;">帧内容与其左右边框之间的空间（以像素为单位）。</td> </tr> <tr> <td>scrolling</td> <td>auto, yes, no</td> <td style="text-align:center;">为浏览器提供滚动条何时可用的说明。</td> </tr> </tbody> </table> <h3 id="examples-of-iframes-in-html" style="margin-left:0;">HTML 中的 iframe 示例</h3> <h4 id="iframe----code-88-14-1" style="margin-left:0;">iframe - 设置高度和宽度</h4> <p style="margin-left:0;">iframe 大小由 height 和 width 属性指定。对于属性值，默认使用像素，但也可以使用百分比值，例如“ 80% ”。</p> <p style="margin-left:0;">HTML iframe 标签的高度和宽度可以通过使用 height 和 width 属性来设置，我们可以指定我们需要根据需要自定义的值，如下例所示</p> <pre style="margin-left:0;"></pre> <div> <pre style="margin-left:0;"><span style="background-color:#282c34;"><span style="color:#abb2bf;"><code class="language-htmlembedded"><span style="color:#61aeee;"><!DOCTYPE </span><span style="color:#61aeee;">html</span><span style="color:#61aeee;">></span> <<span style="color:#e06c75;">html</span>> <<span style="color:#e06c75;">head</span>> <<span style="color:#e06c75;">title</span>>HTML iframe Tag</<span style="color:#e06c75;">title</span>> </<span style="color:#e06c75;">head</span>> <<span style="color:#e06c75;">body</span>> <<span style="color:#e06c75;">h1</span>>I-frame</<span style="color:#e06c75;">h1</span>> <<span style="color:#e06c75;">h2</span>>HTML iframe Tag</<span style="color:#e06c75;">h2</span>> <<span style="color:#e06c75;">iframe</span> <span style="color:#d19a66;">src</span>=<span style="color:#98c379;">"https://www.youtube.com/embed/s4BibernJxU"</span> <span style="color:#d19a66;">height</span>=<span style="color:#98c379;">"200"</span> <span style="color:#d19a66;">width</span>=<span style="color:#98c379;">"400"</span>></<span style="color:#e06c75;">iframe</span>> </<span style="color:#e06c75;">body</span>> </<span style="color:#e06c75;">html</span>> </code></span></span></pre> <div></div> </div> <p style="margin-left:0;"><strong>输出：</strong></p> <p class="img-center"><a href="http://img.e-com-net.com/image/info8/fe8de261fe2c4887bd2a05fbb7917d41.jpg" target="_blank"><img alt="Intermediate：HTML 中的 iframe_第3张图片" height="363" src="http://img.e-com-net.com/image/info8/fe8de261fe2c4887bd2a05fbb7917d41.jpg" width="536" style="border:1px solid black;"></a></p> <h4 id="iframe----code-113-14-1" style="margin-left:0;">iframe - 删除边框</h4> <p style="margin-left:0;">默认情况下，所有 iframe 都带有边框。如果要删除边框，则必须使用 <strong>style</strong> 属性和 CSS border 属性。</p> <p style="margin-left:0;">默认情况下，可以通过将 style 属性值设置为 none 来删除 iframe 的边框，如下例所示。</p> <pre style="margin-left:0;"></pre> <div> <pre style="margin-left:0;"><span style="background-color:#282c34;"><span style="color:#abb2bf;"><code class="language-htmlembedded"><span style="color:#61aeee;"><!DOCTYPE </span><span style="color:#61aeee;">html</span><span style="color:#61aeee;">></span> <<span style="color:#e06c75;">html</span>> <<span style="color:#e06c75;">head</span>> <<span style="color:#e06c75;">title</span>>HTML iframe Tag</<span style="color:#e06c75;">title</span>> </<span style="color:#e06c75;">head</span>> <<span style="color:#e06c75;">body</span>> <<span style="color:#e06c75;">h1</span>>I-frame</<span style="color:#e06c75;">h1</span>> <<span style="color:#e06c75;">h2</span>>HTML iframe Tag</<span style="color:#e06c75;">h2</span>> <<span style="color:#e06c75;">iframe</span> <span style="color:#d19a66;">src</span>=<span style="color:#98c379;">"https://www.youtube.com/embed/s4BibernJxU"</span> <span style="color:#d19a66;">height</span>=<span style="color:#98c379;">"200"</span> <span style="color:#d19a66;">width</span>=<span style="color:#98c379;">"400"</span> <span style="color:#d19a66;">style</span>=<span style="color:#98c379;">"border: none"</span>></<span style="color:#e06c75;">iframe</span>> </<span style="color:#e06c75;">body</span>> </<span style="color:#e06c75;">html</span>> </code></span></span></pre> <div></div> </div> <p style="margin-left:0;"><strong>输出：</strong></p> <p style="margin-left:0;"></p> <p class="img-center"><a href="http://img.e-com-net.com/image/info8/b943caa075d1412db4f906298c1f1fd2.jpg" target="_blank"><img alt="Intermediate：HTML 中的 iframe_第4张图片" height="335" src="http://img.e-com-net.com/image/info8/b943caa075d1412db4f906298c1f1fd2.jpg" width="417" style="border:1px solid black;"></a></p> <h4 id="iframe----code-138-14-1" style="margin-left:0;">iframe - 边框样式</h4> <p style="margin-left:0;">Iframe 的边框可以更改大小、样式和颜色：</p> <p style="margin-left:0;">我们可以根据需要使用 style 属性自定义<strong>边框样式</strong>。边框样式可以是实心、虚线、虚线和双边框。</p> <pre style="margin-left:0;"></pre> <div> <pre style="margin-left:0;"><span style="background-color:#282c34;"><span style="color:#abb2bf;"><code class="language-htmlembedded"><span style="color:#61aeee;"><!DOCTYPE </span><span style="color:#61aeee;">html</span><span style="color:#61aeee;">></span> <<span style="color:#e06c75;">html</span>> <<span style="color:#e06c75;">head</span>> <<span style="color:#e06c75;">title</span>>HTML iframe Tag</<span style="color:#e06c75;">title</span>> </<span style="color:#e06c75;">head</span>> <<span style="color:#e06c75;">body</span>> <<span style="color:#e06c75;">p</span>>Content goes here</<span style="color:#e06c75;">p</span>> <<span style="color:#e06c75;">iframe</span> <span style="color:#d19a66;">src</span>=<span style="color:#98c379;">"https://www.youtube.com/embed/s4BibernJxU"</span> <span style="color:#d19a66;">height</span>=<span style="color:#98c379;">"300"</span> <span style="color:#d19a66;">width</span>=<span style="color:#98c379;">"400"</span> <span style="color:#d19a66;">style</span>=<span style="color:#98c379;">"border: 4px solid blue"</span>></<span style="color:#e06c75;">iframe</span>> </<span style="color:#e06c75;">body</span>> </<span style="color:#e06c75;">html</span>> </code></span></span></pre> <div></div> </div> <p style="margin-left:0;"><strong>输出：</strong></p> <p style="margin-left:0;"></p> <p class="img-center"><a href="http://img.e-com-net.com/image/info8/f8fda2d84a744040a093d333ea37b326.jpg" target="_blank"><img alt="Intermediate：HTML 中的 iframe_第5张图片" height="355" src="http://img.e-com-net.com/image/info8/f8fda2d84a744040a093d333ea37b326.jpg" width="420" style="border:1px solid black;"></a></p> <h4 id="iframe----code-162-14-1" style="margin-left:0;">iframe - 链接</h4> <p style="margin-left:0;">iframe 可用作链接的目标帧。链接的 target 属性必须引用 iframe 的 name 属性。</p> <p style="margin-left:0;">我们可以将链接设置为 iframe 中的目标，方法是为其指定一个名称，例如iframe_a，然后再次使用该名称作为目标，如下面的示例所示。当目标属性与 iframe 名称匹配时，将在 iframe 中打开一个链接</p> <pre style="margin-left:0;"></pre> <div> <pre style="margin-left:0;"><span style="background-color:#282c34;"><span style="color:#abb2bf;"><code class="language-htmlembedded"><span style="color:#61aeee;"><!DOCTYPE </span><span style="color:#61aeee;">html</span><span style="color:#61aeee;">></span> <<span style="color:#e06c75;">html</span>> <<span style="color:#e06c75;">body</span>> <<span style="color:#e06c75;">h1</span>>I-Frame</<span style="color:#e06c75;">h1</span>> <<span style="color:#e06c75;">h2</span>>HTML iframe Tag</<span style="color:#e06c75;">h2</span>> <<span style="color:#e06c75;">p</span>>Click the link text</<span style="color:#e06c75;">p</span>> <<span style="color:#e06c75;">iframe</span> <span style="color:#d19a66;">height</span>=<span style="color:#98c379;">"300"</span> <span style="color:#d19a66;">width</span>=<span style="color:#98c379;">"350"</span> <span style="color:#d19a66;">src</span>=<span style="color:#98c379;">"demo_iframe.htm"</span> <span style="color:#d19a66;">name</span>=<span style="color:#98c379;">"iframe_a"</span>> </<span style="color:#e06c75;">iframe</span>> <<span style="color:#e06c75;">p</span>><<span style="color:#e06c75;">a</span> <span style="color:#d19a66;">href</span>=<span style="color:#98c379;">"https://www.youtube.com/embed/s4BibernJxU"</span> <span style="color:#d19a66;">target</span>=<span style="color:#98c379;">"iframe_a"</span>>I-Frame</<span style="color:#e06c75;">a</span>></<span style="color:#e06c75;">p</span>> <<span style="color:#e06c75;">p</span>>A link will open in an iframe when the target attribute matches the iframename</<span style="color:#e06c75;">p</span>> </<span style="color:#e06c75;">body</span>> </<span style="color:#e06c75;">html</span>> </code></span></span></pre> <div></div> </div> <p style="margin-left:0;"><strong>输出：</strong></p> <p style="margin-left:0;"></p> <p class="img-center"><a href="http://img.e-com-net.com/image/info8/6c2d2d4dcb6541af801f6bad23be3fac.jpg" target="_blank"><img alt="Intermediate：HTML 中的 iframe_第6张图片" height="329" src="http://img.e-com-net.com/image/info8/6c2d2d4dcb6541af801f6bad23be3fac.jpg" width="316" style="border:1px solid black;"></a></p> <h4 id="iframe----code-186-14-1" style="margin-left:0;">iframe - Google 表单</h4> <ul> <li><strong>第 1 步</strong>：创建您要嵌入的 Google 表单。</li> <li><strong>步骤2</strong>：点击 发送 创建表单后按钮，如下所示。</li> </ul> <p class="img-center"><a href="http://img.e-com-net.com/image/info8/fa47215beda14ece9cc2487ade477c7f.jpg" target="_blank"><img alt="Intermediate：HTML 中的 iframe_第7张图片" height="276" src="http://img.e-com-net.com/image/info8/fa47215beda14ece9cc2487ade477c7f.jpg" width="564" style="border:1px solid black;"></a></p> <ul> <li><strong>第 3 步</strong>：从发送选项列表中，选择嵌入。链接将出现在必须复制的 iframe 中。</li> </ul> <p style="margin-left:0;"></p> <p class="img-center"><a href="http://img.e-com-net.com/image/info8/9e605c3671724fd3b76c0f141e035a73.jpg" target="_blank"><img alt="Intermediate：HTML 中的 iframe_第8张图片" height="269" src="http://img.e-com-net.com/image/info8/9e605c3671724fd3b76c0f141e035a73.jpg" width="458" style="border:1px solid black;"></a></p> <ul> <li><strong>第 4 步</strong>：将以下 <iframe> 链接添加到应嵌入表单的页面的 HTML 源代码。表单将自动显示，并允许用户直接在页面上填写。</li> </ul> <p style="margin-left:0;"></p> <p class="img-center"><a href="http://img.e-com-net.com/image/info8/de5f93ddf0384922ba25a0712e3f8fc8.jpg" target="_blank"><img alt="Intermediate：HTML 中的 iframe_第9张图片" height="322" src="http://img.e-com-net.com/image/info8/de5f93ddf0384922ba25a0712e3f8fc8.jpg" width="469" style="border:1px solid black;"></a></p> <p style="margin-left:0;">我们可以通过在 iframe 的 src 属性中加入表单链接来嵌入 google 表单，如下例所示</p> <pre style="margin-left:0;"></pre> <div> <pre style="margin-left:0;"><span style="background-color:#282c34;"><span style="color:#abb2bf;"><code class="language-htmlembedded"><span style="color:#61aeee;"><!DOCTYPE </span><span style="color:#61aeee;">html</span><span style="color:#61aeee;">></span> <<span style="color:#e06c75;">html</span>> <<span style="color:#e06c75;">body</span>> <<span style="color:#e06c75;">h1</span> <span style="color:#d19a66;">style</span>=<span style="color:#98c379;">"color: blue;"</span>>User Research</<span style="color:#e06c75;">h1</span>> <<span style="color:#e06c75;">p</span>>How to embed Google Forms on any website?</<span style="color:#e06c75;">p</span>> <<span style="color:#e06c75;">iframe</span> <span style="color:#d19a66;">src</span>=<span style="color:#98c379;">"Your Copied Form Source"</span> <span style="color:#d19a66;">width</span>=<span style="color:#98c379;">"550"</span> <span style="color:#d19a66;">height</span>=<span style="color:#98c379;">"600"</span> <span style="color:#d19a66;">frameborder</span>=<span style="color:#98c379;">"0"</span> <span style="color:#d19a66;">marginheight</span>=<span style="color:#98c379;">"0"</span><span style="color:#d19a66;">marginwidth</span>=<span style="color:#98c379;">"0"</span>></<span style="color:#e06c75;">iframe</span>> </<span style="color:#e06c75;">body</span>> </<span style="color:#e06c75;">html</span>> </code></span></span></pre> <div></div> </div> <p style="margin-left:0;"><strong>输出：</strong></p> <p style="margin-left:0;"></p> <p class="img-center"><a href="http://img.e-com-net.com/image/info8/db185e8898d04fbaa74bf24c52436237.jpg" target="_blank"><img alt="Intermediate：HTML 中的 iframe_第10张图片" height="403" src="http://img.e-com-net.com/image/info8/db185e8898d04fbaa74bf24c52436237.jpg" width="403" style="border:1px solid black;"></a></p> <h3 id="supported-browsers" style="margin-left:0;">支持的浏览器</h3> <p style="margin-left:0;">以下是此属性支持的浏览器：</p> <table> <thead> <tr> <th style="text-align:center;width:259px;">浏览器</th> <th style="text-align:center;width:429px;">兼容</th> </tr> </thead> <tbody> <tr> <td style="width:259px;">Google Chrome 93.0</td> <td style="width:429px;">Yes</td> </tr> <tr> <td style="width:259px;">Internet Explorer 11.0</td> <td style="width:429px;">Yes</td> </tr> <tr> <td style="width:259px;">Firefox 92.0</td> <td style="width:429px;">Yes</td> </tr> <tr> <td style="width:259px;">Microsoft Edge 93.0</td> <td style="width:429px;">Yes</td> </tr> <tr> <td style="width:259px;">Opera 78.0</td> <td style="width:429px;">Yes</td> </tr> <tr> <td style="width:259px;">Safari 14.1</td> <td style="width:429px;">Yes</td> </tr> </tbody> </table> <p style="margin-left:0;"><strong>注意：</strong>但是，您不应过度使用 <iframe>。这可能会降低您的网站速度，并使您的网站面临恶意软件的风险，尤其是当内容来自可疑网站时。iframe 应被视为您内容的组成部分，而不是您网站的一部分。如果您想通过包含 YouTube 视频来刺激读者，您可以在该帖子中添加 iFrame 元素。</p> <h3 id="summary:" style="margin-left:0;">总结：</h3> <ul> <li>iFrame 的目的是允许从其他网站共享内容。如果您希望为读者提供有关某个主题的上下文，您可以添加 iframe 标签。</li> <li>使用 iFrame 将允许您以合乎道德的方式共享其他人的内容，以及显示视频和音频文件，而无需将它们托管在您的网站上。</li> <li>iFrame 在增加与访问者的互动方面非常强大。请记住，如果仍需要将受信任网站的内容用于开发目的，请仅使用这些内容。</li> </ul> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1757566880639369216"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(HTML,教程,html,前端)</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/1835509770287673344.htm" title="swagger访问路径" target="_blank">swagger访问路径</a> <span class="text-muted">igotyback</span> <a class="tag" taget="_blank" href="/search/swagger/1.htm">swagger</a> <div>Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip</div> </li> <li><a href="/article/1835508130608410624.htm" title="html 中如何使用 uniapp 的部分方法" target="_blank">html 中如何使用 uniapp 的部分方法</a> <span class="text-muted">某公司摸鱼前端</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了</div> </li> <li><a href="/article/1835504723210366976.htm" title="第四天旅游线路预览——从换乘中心到喀纳斯湖" target="_blank">第四天旅游线路预览——从换乘中心到喀纳斯湖</a> <span class="text-muted">陟彼高冈yu</span> <a class="tag" taget="_blank" href="/search/%E5%9F%BA%E4%BA%8EGoogle/1.htm">基于Google</a><a class="tag" taget="_blank" href="/search/earth/1.htm">earth</a><a class="tag" taget="_blank" href="/search/studio/1.htm">studio</a><a class="tag" taget="_blank" href="/search/%E7%9A%84%E6%97%85%E6%B8%B8%E8%A7%84%E5%88%92%E5%92%8C%E9%A2%84%E8%A7%88/1.htm">的旅游规划和预览</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a> <div>第四天：从贾登峪到喀纳斯风景区入口，晚上住宿贾登峪；换乘中心有4路车，喀纳斯①号车，去喀纳斯湖，路程时长约5分钟；将上面的的行程安排进行动态展示，具体步骤见”Googleearthstudio进行动态轨迹显示制作过程“、“Googleearthstudio入门教程”和“Googleearthstudio进阶教程“相关内容，得到行程如下所示：Day4-2-480p</div> </li> <li><a href="/article/1835504217729626112.htm" title="Python教程：一文了解使用Python处理XPath" target="_blank">Python教程：一文了解使用Python处理XPath</a> <span class="text-muted">旦莫</span> <a class="tag" taget="_blank" href="/search/Python%E8%BF%9B%E9%98%B6/1.htm">Python进阶</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>目录1.环境准备1.1安装lxml1.2验证安装2.XPath基础2.1什么是XPath？2.2XPath语法2.3示例XML文档3.使用lxml解析XML3.1解析XML文档3.2查看解析结果4.XPath查询4.1基本路径查询4.2使用属性查询4.3查询多个节点5.XPath的高级用法5.1使用逻辑运算符5.2使用函数6.实战案例6.1从网页抓取数据6.1.1安装Requests库6.1.2代</div> </li> <li><a href="/article/1835503712899002368.htm" title="linux中sdl的使用教程,sdl使用入门" target="_blank">linux中sdl的使用教程,sdl使用入门</a> <span class="text-muted">Melissa Corvinus</span> <a class="tag" taget="_blank" href="/search/linux%E4%B8%ADsdl%E7%9A%84%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B/1.htm">linux中sdl的使用教程</a> <div>本文通过一个简单示例讲解SDL的基本使用流程。示例中展示一个窗口，窗口里面有个随机颜色快随机移动。当我们鼠标点击关闭按钮时间窗口关闭。基本步骤如下：1.初始化SDL并创建一个窗口。SDL_Init()初始化SDL_CreateWindow()创建窗口2.纹理渲染存储RGB和存储纹理的区别：比如一个从左到右由红色渐变到蓝色的矩形，用存储RGB的话就需要把矩形中每个点的具体颜色值存储下来；而纹理只是一</div> </li> <li><a href="/article/1835502578050363392.htm" title="PHP环境搭建详细教程" target="_blank">PHP环境搭建详细教程</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/php/1.htm">php</a> <div>PHP是一个流行的服务器端脚本语言，广泛用于Web开发。为了使PHP能够在本地或服务器上运行，我们需要搭建一个合适的PHP环境。本教程将结合最新资料，介绍在不同操作系统上搭建PHP开发环境的多种方法，包括Windows、macOS和Linux系统的安装步骤，以及本地和Docker环境的配置。1.PHP环境搭建概述PHP环境的搭建主要分为以下几类：集成开发环境：例如XAMPP、WAMP、MAMP，这</div> </li> <li><a href="/article/1835501948011376640.htm" title="使用 FinalShell 进行远程连接（ssh 远程连接 Linux 服务器）" target="_blank">使用 FinalShell 进行远程连接（ssh 远程连接 Linux 服务器）</a> <span class="text-muted">编程经验分享</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/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/ssh/1.htm">ssh</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>目录前言基本使用教程新建远程连接连接主机自定义命令路由追踪前言后端开发，必然需要和服务器打交道，部署应用，排查问题，查看运行日志等等。一般服务器都是集中部署在机房中，也有一些直接是云服务器，总而言之，程序员不可能直接和服务器直接操作，一般都是通过ssh连接来登录服务器。刚接触远程连接时，使用的是XSHELL来远程连接服务器，连接上就能够操作远程服务器了，但是仅用XSHELL并没有上传下载文件的功能</div> </li> <li><a href="/article/1835499615491813376.htm" title="四章-32-点要素的聚合" target="_blank">四章-32-点要素的聚合</a> <span class="text-muted">彩云飘过</span> <div>本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.</div> </li> <li><a href="/article/1835498925755297792.htm" title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a> <span class="text-muted">STU学生网页设计</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a> <div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div> </li> <li><a href="/article/1835497792265613312.htm" title="【加密社】Solidity 中的事件机制及其应用" target="_blank">【加密社】Solidity 中的事件机制及其应用</a> <span class="text-muted">加密社</span> <a class="tag" taget="_blank" href="/search/%E9%97%B2%E4%BE%83/1.htm">闲侃</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E5%90%88%E7%BA%A6/1.htm">智能合约</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a> <div>加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件</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/1835490712716668928.htm" title="第六集如何安装CentOS7.0，3分钟学会centos7安装教程" target="_blank">第六集如何安装CentOS7.0，3分钟学会centos7安装教程</a> <span class="text-muted">date分享</span> <div>从光盘引导系统按回车键继续进入引导程序安装界面，选择语言这里选择简体中文版点击继续选择桌面安装下面给系统分区选择磁盘，点击完成选择基本分区，点击加号swap分区,大小填内存的两倍在选择根分区，使用所有可用的磁盘空间选择文件系统ext4点击完成，点击开始安装设置root密码，点击完成设置普通用户和密码，点击完成整个过程持续八分钟左右根据个人配置不同，时间长短不同好，现在点击重启系统进入重启状态点击本</div> </li> <li><a href="/article/1835488955101966336.htm" title="C++菜鸟教程 - 从入门到精通 第二节" target="_blank">C++菜鸟教程 - 从入门到精通 第二节</a> <span class="text-muted">DreamByte</span> <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a> <div>一.上节课的补充(数据类型)1.前言继上节课,我们主要讲解了输入,输出和运算符,我们现在来补充一下数据类型的知识上节课遗漏了这个知识点,非常的抱歉顺便说一下,博主要上高中了,更新会慢,2-4周更新一次对了,正好赶上中秋节,小编跟大家说一句:中秋节快乐!2.int类型上节课,我们其实只用了int类型int类型,是整数类型,它们存贮的是整数,不能存小数(浮点数)定义变量的方式很简单inta;//定义一</div> </li> <li><a href="/article/1835485628268113920.htm" title="福袋生活邀请码在哪里填写，福袋生活app邀请码使用教程" target="_blank">福袋生活邀请码在哪里填写，福袋生活app邀请码使用教程</a> <span class="text-muted">小小编007</span> <div>很多人下载福袋生活后，注册使用时需要填写邀请码。因为福袋生活是注册邀请制，所以首次使用填写邀请码才可以正常登录使用。福袋生活是广州市福袋生活信息科技有限公司旗下一家多元化社交电商导购平台，以APP为载体，社群为媒介，汇集衣食住行、吃喝玩乐生活服务板块，使用福袋生活可以领到淘宝，拼多多等电商平台的商品优惠券和返利，还可以兼职去分享赚钱。我为什么从福袋生活转到果冻宝盒呢？当然是因为福袋生活返利更高，注</div> </li> <li><a href="/article/1835450513689243648.htm" title="2023-08-20" target="_blank">2023-08-20</a> <span class="text-muted">圆梦菌</span> <div>魔力宝贝最详细新手教程，新手该如何完美开局，建议收藏转发2023-08-2010:34《魔力宝贝》手游体力是什么?魔力宝贝体力恢复机制是每10分钟回复1点；体力作用：挑战关卡需消耗体力体力获取方式1、好友每天可以赠送15次，也就是15点体力2、系统每天中午12点以及下午6点赠送25体3、在商城使用神石购买《魔力宝贝》手游战斗力如何提升?1、宠物强化宠物通过融合进阶后可以大幅度提升战力，最高级的宠物</div> </li> <li><a href="/article/1835448238103162880.htm" title="springboot+vue项目实战一-创建SpringBoot简单项目" target="_blank">springboot+vue项目实战一-创建SpringBoot简单项目</a> <span class="text-muted">苹果酱0567</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB%E4%B8%8E%E8%A7%A3%E6%9E%90/1.htm">面试题汇总与解析</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6/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>这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一</div> </li> <li><a href="/article/1835441932583661568.htm" title="ESP32-C3入门教程 网络篇⑩——基于esp_https_ota和MQTT实现开机主动升级和被动触发升级的OTA功能" target="_blank">ESP32-C3入门教程 网络篇⑩——基于esp_https_ota和MQTT实现开机主动升级和被动触发升级的OTA功能</a> <span class="text-muted">小康师兄</span> <a class="tag" taget="_blank" href="/search/ESP32-C3%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B/1.htm">ESP32-C3入门教程</a><a class="tag" taget="_blank" href="/search/https/1.htm">https</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/esp32/1.htm">esp32</a><a class="tag" taget="_blank" href="/search/OTA/1.htm">OTA</a><a class="tag" taget="_blank" href="/search/MQTT/1.htm">MQTT</a> <div>文章目录一、前言二、软件流程三、部分源码四、运行演示一、前言本文基于VSCodeIDE进行编程、编译、下载、运行等操作基础入门章节请查阅：ESP32-C3入门教程基础篇①——基于VSCode构建HelloWorld教程目录大纲请查阅：ESP32-C3入门教程——导读ESP32-C3入门教程网络篇⑨——基于esp_https_ota实现史上最简单的ESP32OTA远程固件升级功能二、软件流程</div> </li> <li><a href="/article/1835440421300432896.htm" title="2023最详细的Python安装教程（Windows版本）" target="_blank">2023最详细的Python安装教程（Windows版本）</a> <span class="text-muted">程序员林哥</span> <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</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安装是学习pyhon第一步，很多刚入门小白不清楚如何安装python，今天我来带大家完成python安装与配置，跟着我一步步来，很简单，你肯定能完成。第一部分：python安装（一）准备工作1、下载和安装python(认准官方网站)当然你不想去下载的话也可以分享给你，还有入门学习教程，点击下方卡片跳转进群领取（二）开始安装对于Windows操作系统，可以下载“executableins</div> </li> <li><a href="/article/1835437775344726016.htm" title="博客网站制作教程" target="_blank">博客网站制作教程</a> <span class="text-muted">2401_85194651</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java</div> </li> <li><a href="/article/1835435506645692416.htm" title="00. 这里整理了最全的爬虫框架（Java + Python）" target="_blank">00. 这里整理了最全的爬虫框架（Java + Python）</a> <span class="text-muted">有一只柴犬</span> <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB%E7%B3%BB%E5%88%97/1.htm">爬虫系列</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2</div> </li> <li><a href="/article/1835435141535723520.htm" title="详解：如何设计出健壮的秒杀系统？" target="_blank">详解：如何设计出健壮的秒杀系统？</a> <span class="text-muted">夜空_2cd3</span> <div>作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*</div> </li> <li><a href="/article/1835428821877223424.htm" title="计算机毕业设计PHP仓储综合管理系统（源码+程序+VUE+lw+部署）" target="_blank">计算机毕业设计PHP仓储综合管理系统（源码+程序+VUE+lw+部署）</a> <span class="text-muted">java毕设程序源码王哥</span> <a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：phpStudy+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。项目技术：原生PHP++Vue等等组成，B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境：最好是小皮phpstudy最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发</div> </li> <li><a href="/article/1835428317084348416.htm" title="最简单将静态网页挂载到服务器上(不用nginx)" target="_blank">最简单将静态网页挂载到服务器上(不用nginx)</a> <span class="text-muted">全能全知者</span> <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/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/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><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl</div> </li> <li><a href="/article/1835427057752961024.htm" title="补充元象二面" target="_blank">补充元象二面</a> <span class="text-muted">Redstone Monstrosity</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重</div> </li> <li><a href="/article/1835426624628158464.htm" title="阿里云服务器4核8G配置购买及价格类文章汇总（10篇）" target="_blank">阿里云服务器4核8G配置购买及价格类文章汇总（10篇）</a> <span class="text-muted">阿里云最新优惠和活动汇总</span> <div>阿里云服务器4核8G配置如何购买？价格是多少？4核8G配置的阿里云服务器可以通过云服务器产品页购买也可以通过阿里云活动去下单购买，一般通过活动购买的用户比较多，但是不同实例规格的阿里云服务器价格不一样，带宽不同价格也不一样，本文为大家汇总了10篇关于阿里云服务器4核8G配置购买教程文章和价格类文章，分为购买类文章和价格类文章，以供大家参考如何购买阿里云服务器4核8G配置和最新优惠价格是多少。阿里云</div> </li> <li><a href="/article/1835424411616899072.htm" title="绝招曝光！3小时高效利用ChatGPT写出精彩论文" target="_blank">绝招曝光！3小时高效利用ChatGPT写出精彩论文</a> <span class="text-muted">kkai人工智能</span> <a class="tag" taget="_blank" href="/search/chatgpt/1.htm">chatgpt</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/ai/1.htm">ai</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%AA%92%E4%BD%93/1.htm">媒体</a> <div>在这份指南中，我将深入解析如何利用ChatGPT4.0的高级功能，指导整个学术研究和写作过程。从初步探索研究主题，到撰写结构严谨的学术论文，我将一步步展示如何在每个环节中有效运用ChatGPT。如果您还未使用PLUS版本，可以参考相关教程。**初步探索与主题的确定**起初，我处于庞大的知识领域中，寻找一个可深入研究的领域。ChatGPT如同灯塔，通过深入分析最新研究趋势和领域热点，帮助我在广阔的学</div> </li> <li><a href="/article/1835423780126683136.htm" title="推荐3家毕业AI论文可五分钟一键生成！文末附免费教程！" target="_blank">推荐3家毕业AI论文可五分钟一键生成！文末附免费教程！</a> <span class="text-muted">小猪包333</span> <a class="tag" taget="_blank" href="/search/%E5%86%99%E8%AE%BA%E6%96%87/1.htm">写论文</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/AI%E5%86%99%E4%BD%9C/1.htm">AI写作</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/1.htm">计算机视觉</a> <div>在当前的学术研究和写作领域，AI论文生成器已经成为许多研究人员和学生的重要工具。这些工具不仅能够帮助用户快速生成高质量的论文内容，还能进行内容优化、查重和排版等操作。以下是三款值得推荐的AI论文生成器：千笔-AIPassPaper、懒人论文以及AIPaperPass。千笔-AIPassPaper千笔-AIPassPaper是一款基于深度学习和自然语言处理技术的AI写作助手，旨在帮助用户快速生成高质</div> </li> <li><a href="/article/1835420753252675584.htm" title="微信小程序开发注意事项" target="_blank">微信小程序开发注意事项</a> <span class="text-muted">jun778895</span> <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>微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂</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 = Struts + Webwork 2、搭建struts2开发环境 a>、到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 通过往ModelAndView中存放viewName：目标地址和attribute参数来实现传参： ModelAndView mv=new ModelAndView(); mv.setViewName="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 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> <div id="divValue">test...</div>测试 //年份 <select id="year"></select> <script type="text/javascript"> 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中，在页面中添加标签： $("<p>").append($("<span>").text(list[i].name)).appendTo("#result"); 也可能在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("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> 联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢 关键代码: 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命令行窗口下执行： >netstat -aon|findstr "8080" 显示结果： TCP 127.0.0.1:80 0.0.0.0:0 &</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简介 NetworkWordCount代码 /* * 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，这样就导致了二者的机制不同。 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 3、新开一个CMD窗口，进入MySQL mysql -uroot  </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> 再谈系统论，控制论和信息论 偶然看</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> 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 <stdio.h> //冒泡排序 void sort(int * a, int len) { int i, j, t; for (i=0; i<len-1; i++) { for (j=0; j<len-1-i; j++) { if (a[j] > a[j+1]) // >表示升序 </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:@"FZLTHK—GBK1-0" size:20]]; [UIButton appearance].titleLabel.font =[UIFont fontWithName:@"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 --永久代初始大小 -XX:MaxPermSize --永久代最大值 -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是不分割访问日志的，久而久之，网站的日志文件将会越来越大，占用空间不说，如果有问题要查看网站的日志的话，庞大的文件也将很难打开，于是便有了下面的脚本 使用方法，先将以下脚本保存为 cutlog.sh，放在/root 目录下，然后给予此脚本执行的权限 复制代码代码如下: 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 Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API 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 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="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/ The table below is helpful. Reference 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）——初体验 博客分类： spring Security Spring Security入门安全认证 首先我们为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>
