lee_824

HTML自学笔记

摘要

本片是在老师理论知识的指导下进行自己尝试总结(理论有部分搬运了老师的教程)，自己并做了一些尝试，最后结果还是很丑陋。但是我会不断完善的。之后又自学了一些相关课程

文章目录

- 摘要
- 一、HTML简介
- 二、HTML文档结构
- - :fire: HTML元素
  - :fire: 文本格式
  - :fire: 超链接
  - :fire: 图片及文件路径
  - :fire: 表格
  - :fire: 列表
  - :fire:表单 Form
  - :fire: 其它
- 三、结果
- 四、补充视频学习
- - :star: meta标签
  - :star: 图片
  - :star:内联框架
  - :star: 音频视频文件播放
  - :star:块元素与行内元素
  - :star: 标签

一、HTML简介

HTML是超文本标记语言（HyperText Markup Language）的缩写。我们用 HTML 来构建 Web 页面即所谓的网页。

在我看来相当于Web的框架。需要与之后学习的CSS(起到修饰作用)，JS(内部行为)共同构建我们所说的网页。

我们可以将这些内容跟上传到互联网，然后让它和别人创建的相链接。

右键单击网页，可以查看网络源码，可以看到HTML文档

二、HTML文档结构

基本结构：


<html>

<head> 
head>

<body>

body>

总结其基本构架：

html：元素。这个元素包裹了整个完整的页面，是一个根元素，它元素都嵌套到其中。

head：表示标签头，可以加入图标；这个元素是一个容器，它包含了所有你想包含在HTML页面中但不想在HTML页面中显示的内容。这些内容包括你想在搜索结果中出现的关键字和页面描述，CSS样式，字符集声明等等。

body：含你能在页面看到的所有内容，包括文本，图片，音频，游戏等等

HTML元素

HTML 使用"标记"（markup）来注明文本、图片和其他内容，以便于在浏览器中显示。HTML 标记包含一些规定的"元素"如，，<body>，<header>，<footer>，<article>，<section>，，<div>，，<img>，<aside>，<audio>，<canvas>，<d</code>atalist>，，， <nav> ，，，等等。 </nav> 检查我们刚创建的 HTML 文档你会发现，整个 HTML 就由一个个元素组成（可以嵌套），而元素则一般由一对标签（tag）构成。 <blockquote> 注释：ctrl+/ </blockquote> 空元素 元素都拥有开始标签，内容，结束标签。但有一些元素只有一个开始标签，通常用来在此元素所在位置插入/嵌入一些东西，如<code> , <hr>, <input>, <img>, <a></code>等等。我们称其为空元素，如下： <blockquote> br：换行 input：输入框 </blockquote> 元素的属性 元素是可以有相关属性的。属性包含元素的额外信息，这些信息不会在浏览器中显示出来。 <pre><code class="prism language-html"> <p><br /><br /><mark>元素属性</mark><br /><br /></p> <p title="这是title的属性">鼠标放置显示</p> <input title="请输入用户名" type="text" /> <input title="密码" type="password" /> </code></pre> <blockquote> 一个属性必须包含如下内容： <ol> <li>一个空格，在属性和元素名称之间。(如果已经有一个或多个属性，就与前一个属性之间有一个空格。)</li> <li>属性名称，后面跟着一个 = 号。</li> <li>一个属性值，由一对引号 “” 引起来。</li> </ol> </blockquote> <h4> 文本格式</h4> <pre><code class="prism language-html"><p>您可以使用mark标记来<mark> highlight 文本。 <p> <del>此行文本应视为已删除的文本。</ del> <p> <s>此行文本已被视为不再准确。</ s> <p> <ins>此行文本应被视为文档的补充。</ ins> <p> <u>此行文本将显示为带下划线的 <p> <small>此行文本应视为精美文字。 <p> <strong>此行以粗体显示。 <p> <em>此行呈现为斜体文本。 </code></pre> <blockquote> <code>highlight</code>高亮 <code><del>This line of text is meant to be treated as deleted text.</del></code>划掉 </blockquote> <h4> 超链接</h4> 没有超链接就没有万维网（World Wide Web）。基本上，我们可以把任何东西加上超链接，不过常用的是文本、图片等。 这里我设计了一个重庆交通大学的超链接 <pre><code class="prism language-html"><a href="http://www.cqjtu.edu.cn/" target="_blank"><em>重庆交通大学</em></a> </code></pre> 说明： <ol> <li><code>href</code>即为要跳转去的地址 URL（Uniform Resorce Locator )</li> <li><code>target</code>属性为<code>_blank</code>表示在新的页面打开超链接（默认是在当前页面打开即<code>_self</code>）</li> <li>超链接标签包含的内容（当前为文字"百度一下"）即为显示在页面上供用户点击的</li> </ol> 锚点 锚点，也称为书签，用于标记页面的某个元素或位置。通过锚点，我们可以轻易的在长页面内实现跳转。 先使用<code>id</code>属性生成某元素的锚点，然后再使用超链接指向该锚点即可。 <pre><code class="prism language-html"><h3 id="C1">这是一个锚点</h3> <a href="#C1"><br />返回头部</a> </code></pre> <blockquote> 注意： <ol> <li>元素的<code>id</code>值必须是唯一的，也即页面不能再有其它元素的<code>id</code>值为<code>C4</code></li> <li>超链接中的地址需要有<code>#</code>符号</li> </ol> </blockquote> <h4> 图片及文件路径</h4> <pre><code class="prism language-html">  <img src="https://riyugo.com/i/2021/03/02/nt32k2.png" alt="MDB Logo" /> <p> <mark><br />CLIMB!!<br /></mark> </p> </code></pre> <pre><code class="prism language-html">  <img src="./images/test1.jpg" alt="MDB Logo" width="400" height="400" /> </code></pre> <blockquote> 图片URL获取需要图床，可以采用空间和微博生成，当然也可以用一些免费图床 以下都可以采用 薄荷图床(国内免费的图床) 国外免费图床 IO图床 </blockquote> 说明： <ol> <li><code>src</code>属性为要显示图片文件的位置 URL，即图片文件的路径</li> <li><code>alt</code>属性当获取图片出现问题时显示的文字（占位符）</li> <li>可为图片指定高宽度，但不建议（可能导致图片变形）</li> </ol> 提示： 对于小尺寸的图片，现在可采用 base64 编码进行，可提高页面加载速度，提升用户体验。可前往一试。(小图比较合适) <pre><code class="prism language-html"> <p><br /><mark>ICON</mark><br /><br /></p> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADI.../> </code></pre> 文件路径 为获取图片文件，我们需要指定该文件位于何处，这称为文件路径。文件路径有相对路径和绝对路径两种。 上面图片的例子即为绝对路径。下面是相对路径的例子： <ul> <li><code><img src="picture.jpg"></code> 该图片文件与当前文档在同一目录中</li> <li><code><img</code>src="./images/picture.jpg"><code>该图片文件在当前目录下的</code>images`目录中</li> <li><code><img src="../picture.jpg"></code> 该图片文件在上一级目录中</li> </ul> <h4> 表格</h4> <pre><code class="prism language-html"> <table> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> </table> </code></pre> 代码中，<code><tr></code>表示行, <code><td></code>表示行中的单元, <code><th></code>是表头的单元（将会加粗显示） 说明： 当前这个表格比较丑陋，有关表格的美化我们在 CSS 部分学习。 <h4> 列表</h4> 我们也可以使用列表来呈现内容，分为无序列表和有序列表。 无序列表 <pre><code class="prism language-html"><ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </code></pre> 无序列表使用<code><ul></code>标签，默认使用实心圆点作为每项的标志，其它的标志可以是空心圆<code>circle</code>，实心方块<code>square</code>以及不出现标志。 <pre><code class="prism language-html"><ul type="square"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </code></pre> 有序列表 <pre><code class="prism language-html"><ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> </code></pre> 有序列表使用<code><ol></code>标签，默认使用数字作为每项的标志，其它的标志可以是大写字母<code>A</code>，小写字母<code>a</code>，罗马字母<code>i</code>等。 <pre><code class="prism language-html"><ol type="a"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> </code></pre> <h4>表单 Form</h4> 当网站需要获取我们的一些信息如：用户名、密码、选择买什么、买多少、提出意见等等时，我们就需要使用表单（form）来让用户填写或选择。 请输入如下代码进行学习： <pre><code class="prism language-html"><form>  用户名：<br> <input type="text" name="name" placeholder="请输入用户名"><br>  密码：<br> <input type="password" name="ps" placeholder="请输入密码"><br> 年龄：<br>  <input type="number" name="age" min="18" value="18"><br>  性别：<br> <input type="radio" name="gender" value="male" checked> 男<br> <input type="radio" name="gender" value="female"> 女<br> <input type="radio" name="gender" value="other"> 其它<br>  党派：<br> <select name="party"> <option value="D">民主党</option> <option value="R" selected>共和党</option> <option value="N">无党派</option> </select><br>  您有哪些交通工具：<br> <input type="checkbox" name="vehicle1" value="Bike"> 自行车<br> <input type="checkbox" name="vehicle2" value="Motocycle" checked> 摩托车<br> <input type="checkbox" name="vehicle3" value="Car"> 轿车<br> <input type="checkbox" name="vehicle4" value="Jet"> 飞机<br>  您的工作日期：<br> <input type="date"><br>  上传您的照片:<br> <input type="file" name="photo"><br>  您的建议：<br> <textarea name="message" rows="5" cols="30"> The cat was playing in the garden. </textarea><br><hr>  <input type="submit" value="提交"> <input type="reset" value="重置"> </form> </code></pre> 提示： 当提交时，表单中没有<code>name</code>属性的元素将不会提交，比如上面工作日期的选择器。有<code>name</code>属性的元素其<code>value</code>的值将提交给服务器。 <blockquote> 这里我创建了一个超链接<code><a href="./FIRST_3_2_2.html" target="_blank">点击跳转至表单</a></code> </blockquote> <h4> 其它</h4> HTML 的元素可以以称为区块 或 内联的方式进行显示。 区块元素 区块元素在浏览器显示时，通常会以新行来开始（和结束）。如：<code><h1>, <pre>, <ul>, <table>，<</code>div> 等。 <pre><code class="prism language-html"><h2>区块元素</h2> <div>Hello</div> <div>World</div> <p>单独一行</p> </code></pre> 内联元素 内联元素相反，他们总是一个接一个进行显示，不会新起一行。如： <code>, <input>, <td>, <a>, <img></code>等。 <pre><code class="prism language-html"><h3>下面的元素将在一行中显示</h3> <span>姓名：</span> <input name="username"> <span>哈哈哈</span> <a href="https://google.com/">Google</a> <img src="https://mdbootstrap.com/img/logo/mdb192x192.jpg"> </code></pre> 预设格式 如果你想在网页中展示一首诗或一些特别格式的文本，那么请使用<code>pre</code>标签。 <pre><code class="prism language-html"> <pre> .... </pre> </code></pre> 特殊字符 考虑下面的代码将显示成什么？ <pre><code class="prism language-html"><p>有多远，滚多远！</p> </code></pre> 或者你希望在页面显示一段 HTML 的源代码，你打算用标签<code><pre></code>: <pre><code class="prism language-html"><pre> <h1>这是个一级标题</h1> <p>这是一个段落<p> <a href="https://twitter.com/">眼见何事，情系何处，身处何方，心思何人</a> <pre> </code></pre> 以上代码将得不到你想要的结果。 原因是：在 HTML 中，某些字符是预留的。 在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。 如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities） <pre><code class="prism language-html"><p>有多 远，滚 多远！</p> <hr> <h2>test.html</h2> <pre> <h1>这是个一级标题</h1> <p>这是一个段落<p> <a href="https://twitter.com/">眼见何事，情系何处，身处何方，心思何人</a> <pre> </code></pre> <h3>三、结果</h3> 这个结果还是很丑陋的，没有CSS的修饰确实没有很好的效果，暂且借用了老师的css文件，实现稍微好看一点儿的效果，这时第一次。 <a href="http://img.e-com-net.com/image/info8/bcf43c20db7741a781b3fcbe0752c34b.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/bcf43c20db7741a781b3fcbe0752c34b.jpg" alt="HTML自学笔记_第1张图片" width="650" height="349" style="border:1px solid black;"></a> <a href="http://img.e-com-net.com/image/info8/dd0119d020c44044b1efc05a18894170.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/dd0119d020c44044b1efc05a18894170.jpg" alt="HTML自学笔记_第2张图片" width="650" height="361" style="border:1px solid black;"></a> <a href="http://img.e-com-net.com/image/info8/a0e357d0873d4c86890f7c16ffe843bb.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/a0e357d0873d4c86890f7c16ffe843bb.jpg" alt="HTML自学笔记_第3张图片" width="650" height="354" style="border:1px solid black;"></a> <h3>四、补充视频学习</h3> <h4>⭐️ meta标签</h4> 写在head，设置网页的元数据，不是给用户看，爬虫用户看(搜索引擎可以看到) <ul> <li>charset 网页的字符集</li> <li>name数据的名称</li> <li>content数据的内容</li> <li>keywords 表示网站的关键字，可以使用多个关键字(可以直接看网站学习)</li> <li>description：用于指定网站的描述，会显示再搜索引擎中的搜索结果中</li> <li>对网页重定向</li> </ul> <blockquote> title标签的作用会作为搜索记过的超链接显示 </blockquote> MDN–文档 <pre><code class="prism language-html"><metal http-eqiv="refresh" content="3;ur;=https://www.baidu.com"> </code></pre> 请求重定向 <h4>⭐️ 图片</h4> 使用img img属于替换元素，介于块元素与行元素之间，具有两种元素的特点 alt 属性是对图片的说明，这个描述，默认情况下不会显示，但是图片无法加载时会显示。搜索引擎根据alt来找到图片。 width图片宽度，height表示高度 移动端经尝需要对图片缩放（大变小） 图片格式 jpeg==jpg <ul> <li>颜色多，不支持透明，不止动图</li> <li>显示照片</li> </ul> gif <ul> <li>颜色少，支持简单透明，支持动图</li> </ul> png <ul> <li>支持颜色丰富，支持复杂透明，不支持透明</li> <li>专为网页而生</li> </ul> webp <ul> <li>谷歌新推出的，专门用来表示网页中图片的</li> <li>缺点，兼容性不好</li> </ul> 一种格式。所有优点，文件也小 效果一样用小的。效果不同用效果好的，logo大多都是gif base64，将图片进行编码 <h4>⭐️内联框架</h4> iframe 当前页面中引入了其它网页 <pre><code> <iframe src="https://www.baidu.com/" width="800" height="600"></iframe> </code></pre> 大部分用不到，把一个网页当作一个窗口引入到当前网页 <h4>⭐️ 音频视频文件播放</h4> 音频 audio 标签用来向网页中引入一个外部的音频文件 音视频文件引入时，默认情况下不允许用户控制播放停止。 加入controls，就加入了控制组件 <pre><code class="prism language-html"><audio src="./source/王北车 - 陷阱.flac" controls autoplay></audio> </code></pre> autoplay 打开音乐时自动播放，但是大部分浏览器不能自动播放 loop从头播放 除了以上方式，还可以通过 <pre><code class="prism language-html"><audio controls> 对不起，您的浏览器不支持播放音频！ <source src="./source/王北车 - 陷阱.flac"> </audio> </code></pre> 视频 <pre><code><video src="./source/最短路径.mp4" controls loop></video> </code></pre> video和音频的使用方式是一样的 买服务器，一是服务器，二是带宽 音频和视频一般不放本地，可以引别人的，就比如用aframe来引，分享得出连接即可。 26看完了 <h4>⭐️块元素与行内元素</h4> 一般通过块元素对页面进行布局 <ul> <li>一般在块元素内放行内元素内</li> <li>但是不会在行内元素放块元素</li> <li>块元素基本上什么都能放</li> <li>p元素内不能任何块元素</li> </ul> <blockquote> 浏览器会自动把不符合规范的内容进行修正 </blockquote> 行内元素主要来包裹文字 <h4>⭐️ 标签</h4> <pre><code class="prism language-html">  <head> </head>  <main> </main>  <footer> </footer> </code></pre> <code><nav></code>表示网页中的导航 <code><aside></code> 表示边的解释，不是主要内容但是是相关内容,侧边栏 <code><article></code>表示文章 本身显示效果并没有任何区别，css来修饰 <code><section></code>表示一个独立的区块，上面的标签都不能表示使用section <code><div></code>万用，div是最常用的，可以代替上面所有 <code></code>是行内元素，用于在网页中选取文字 <blockquote> 这些标签显示效果都是一样的就是语义的差别 </blockquote> </div> </div>�� </div> </div> </div>  <div id="SOHUCS" sid="1740252617457549312"></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">  <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>  <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>  <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">你可能感兴趣的:(WEB学习,html,css,web)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1891974566327152640.htm" title="Python网络爬虫-WebSocket数据抓取" target="_blank">Python网络爬虫-WebSocket数据抓取</a> 程序小勇 <a class="tag" taget="_blank" href="/search/faiss/1.htm">faiss</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a><a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</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、WebSocket请求的分析通常涉及以下几个方面：2、利用WebSocket爬取数据总结最后，创作不易！非常感谢大家的关注、点赞、评论啦！谢谢三连哦！好人好运连连，学习进步！工作顺利哦！博主介绍：✌专注于前后端、机器学习、人工智能应用领域开发的优质创作者、秉着互联网精神开源贡献精神，答疑解惑、坚持优质作品共享。本人是掘金/腾讯云/阿里云等平台优质作者、擅长前后端项目开发和毕业项目实战，</div> </li> <li><a href="/article/1891970024835444736.htm" title="[生活杂项][运动教程]自由泳" target="_blank">[生活杂项][运动教程]自由泳</a> xcy6666 <a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a> <div>https://v.youku.com/v_show/id_XMzgzMjkwMzg0MA==.html?spm=a2h0k.11417342.soresults.dtitlehttps://v.youku.com/v_show/id_XMzgxNjM2NjY4NA==.html?spm=a2h0k.11417342.soresults.dtitle</div> </li> <li><a href="/article/1891959043426152448.htm" title="请解释设备像素、CSS 像素、设备独立像素、DPR、PPI 之间的区别？" target="_blank">请解释设备像素、CSS 像素、设备独立像素、DPR、PPI 之间的区别？</a> 程序员黄同学 <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/Java%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">Java面试题</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>一、核心概念解释1.设备像素（PhysicalPixel）定义：屏幕物理发光点的最小单位，硬件决定不可变。例如iPhone12的屏幕分辨率2532×1170表示横向2532个物理像素点。特点：不同设备物理像素密度不同，高密度屏幕（如Retina）单位面积像素更多。2.CSS像素（CSSPixel）定义：前端开发中使用的逻辑像素单位，如width:300px。浏览器根据DPR自动换算为物理像素。特点</div> </li> <li><a href="/article/1891949969615679488.htm" title="qt 图形视图框架详解以及举例" target="_blank">qt 图形视图框架详解以及举例</a> 爱学习的大牛123 <a class="tag" taget="_blank" href="/search/qt%E5%BC%80%E5%8F%91/1.htm">qt开发</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>1基础介绍Qt的图形视图框架是一个强大的工具,用于创建和管理大量的2D图形项目。它由三个主要类组成:QGraphicsScene、QGraphicsView和QGraphicsItem。下面我将详细解释这个框架,并提供一些示例代码。1.框架组成a)QGraphicsScene(场景):-用于管理大量的2D图形项目-提供了一个高效的接口来添加、删除和查找项目b)QGraphicsView(视图):-</div> </li> <li><a href="/article/1891948582802616320.htm" title="基于Web的手机模拟器的实现(含源文件)" target="_blank">基于Web的手机模拟器的实现(含源文件)</a> 设计源码分享 <div>欢迎添加微信互相交流学习哦！项目源码：https://gitee.com/oklongmm/biye设计说明书题目基于Web的手机模拟器的实现摘要随着信息技术的迅速发展，Web技术的应用越来越普及。除了常见的教学课件演示、实验动画模拟、过程仿真实现、可视化仿真及测试系统等方面的应用外，Web也因其浏览方便、实现技术相对简单、使用方式灵活等特点，开始涉及生活中的方方面面，为人们的生活带来越来越多的便</div> </li> <li><a href="/article/1891946314548178944.htm" title="Java利用itextpdf实现pdf文件生成" target="_blank">Java利用itextpdf实现pdf文件生成</a> 小码农吗 <a class="tag" taget="_blank" href="/search/%E6%97%A5%E5%B8%B8%E6%A0%8F%E7%9B%AE/1.htm">日常栏目</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a> <div>前言最近公司让写一个数据页面生成pdf的功能，找了一些市面代码感觉都太麻烦，就自己综合性整合了一个便捷的工具类，开发只需简单组装数据直接调用即可快速生成pdf文件。望大家一起学习！！！代码获取方式：资源下载下载源码后台私信(一键三连哦！！！)二、前期准备1、html模版（放置接口所在项目的resourcess/templates/）需要准备一个要看到的pdf模版，利用html代码形式简单输出，其中</div> </li> <li><a href="/article/1891942405255524352.htm" title="Spring Boot整合EasyExcel并行导出及Zip压缩下载" target="_blank">Spring Boot整合EasyExcel并行导出及Zip压缩下载</a> harmful_sheep <a class="tag" taget="_blank" href="/search/springboot/1.htm">springboot</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/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>1.项目依赖首先，我们需要引入相关的依赖，包括SpringBoot和阿里巴巴的EasyExcel组件，此外还需要使用Java的Zip工具进行压缩操作。org.springframework.bootspring-boot-starter-webcom.alibabaeasyexcel3.0.5commons-iocommons-io2.11.02.创建数据导出逻辑接下来，我们定义数据导出逻辑。在这</div> </li> <li><a href="/article/1891935087931486208.htm" title="Jfinal websocket onMessage无法接收二进制音频数据问题" target="_blank">Jfinal websocket onMessage无法接收二进制音频数据问题</a> withme977 <a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>最开始，和vue联调的时候是可以接收二进制音频流数据的，大小在5k左右；后面音频流数据每条8k多9k的时候就接收不到二进制音频数据了，并且刚请求连接上webcoket，发送一条消息后，就直接被动关闭websocket连接；最重要的是还不报错！！刚开始还没找到是数据大小限制的问题（由于要测试好多其它语音包，例如vad4j，webrctvad这些），以为是自己哪里搞错了，就找websocket什么时候</div> </li> <li><a href="/article/1891934331341959168.htm" title="vue中onclick如何调用methods中的方法" target="_blank">vue中onclick如何调用methods中的方法</a> 库库的写代码 <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</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>文章目录前言一、代码一开始效果二、解决方案前言今天在开发vue项目中使用的第三方地图，地图上绘制的marker内容需要自定义，因为绘制的内容是原生HTML，所以遇到点击事件的时候就用了onclick来定义，此时想要调用methods中的方法，直接通过this.xx是获取不到的，因为onclick后面的事件是调用的window中的事件，所以需要把此事件绑定到window上即可一、代码一开始效果thi</div> </li> <li><a href="/article/1891933572399427584.htm" title="html5 二进制数据解析,JavaScript读写二进制数据的方法详解" target="_blank">html5 二进制数据解析,JavaScript读写二进制数据的方法详解</a> 如果有片海 <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E4%BA%8C%E8%BF%9B%E5%88%B6%E6%95%B0%E6%8D%AE%E8%A7%A3%E6%9E%90/1.htm">二进制数据解析</a> <div>前言二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数，如果想要在前端中处理音频和视频。那你必须要对二进制数据有很好地掌握和操作能力。下面话不多说了，来一起看看详细介绍的吧类型化数组的出现类型化数组是HTML5中引入的API，它能够让开发者使用JavaScript直接操作二进制数据。在类型化数组出现之前，我们是无法直接通过JavaScript操作二进制数据，通常都是操作J</div> </li> <li><a href="/article/1891926758387675136.htm" title="本地部署DeepSeek + AnythingLLM 搭建高效安全的个人知识库" target="_blank">本地部署DeepSeek + AnythingLLM 搭建高效安全的个人知识库</a> Chhjnavy <a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/DeepSeek/1.htm">DeepSeek</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">大模型</a><a class="tag" taget="_blank" href="/search/%E6%9C%AC%E5%9C%B0%E7%9F%A5%E8%AF%86%E5%BA%93/1.htm">本地知识库</a><a class="tag" taget="_blank" href="/search/%E5%8D%8F%E5%90%8C%E5%B7%A5%E4%BD%9C/1.htm">协同工作</a> <div>环境准备：本地部署方案请参考博客：windows平台本地部署DeepSeek大模型+OpenWebUI网页界面（可以离线使用）-CSDN博客windows平台本地部署DeepSeek大模型+Chatbox界面（可以离线使用）-CSDN博客根据本人电脑配置：windows11+i9-13900HX+RTX4060+DDR5560032G内存确定搭建方案：DeepSeek-R1:7b+Ollama+A</div> </li> <li><a href="/article/1891919056949276672.htm" title="Spring Boot 示例项目：从零开始构建 Web 应用" target="_blank">Spring Boot 示例项目：从零开始构建 Web 应用</a> 梦落青云 <a class="tag" taget="_blank" href="/search/JAVA/1.htm">JAVA</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/java/1.htm">java</a> <div>一、项目概述本文档将指导您通过一个示例项目，了解如何使用SpringBoot框架构建一个简单的Web应用程序。该项目涵盖了从数据模型定义到控制器、服务层以及数据访问层的完整开发流程，帮助您快速掌握SpringBoot的基本使用方法。二、项目结构1.项目模块本示例项目分为以下几个主要模块：数据模型模块：负责定义与数据库表对应的实体类，使用JPA注解进行映射。控制器模块：处理客户端的HTTP请求，调用</div> </li> <li><a href="/article/1891917795935973376.htm" title="一文读懂Ingress-Nginx以及实战教程" target="_blank">一文读懂Ingress-Nginx以及实战教程</a> 努力的小T <a class="tag" taget="_blank" href="/search/Kubernetes/1.htm">Kubernetes</a><a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97%E8%BF%90%E7%BB%B4%E5%9F%BA%E7%A1%80/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/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/kubernetes/1.htm">kubernetes</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%8E%9F%E7%94%9F/1.htm">云原生</a> <div>Ingress-Nginx简介Ingress-Nginx是Kubernetes的一个入口控制器，它允许您将外部HTTP和HTTPS流量路由到集群内的服务。除了标准的HTTP/HTTPS路由功能外，Ingress-Nginx还支持WebSocket、gRPC、TCP和UDP协议。实战教程：从零开始部署Ingress-Nginx步骤1：环境准备确保您的Kubernetes集群版本为v1.29.7，并且</div> </li> <li><a href="/article/1891913254796587008.htm" title="SQL注入技术详解与过滤绕过方法" target="_blank">SQL注入技术详解与过滤绕过方法</a> Cyc1e <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>SQL注入技术详解与过滤绕过方法1.什么是SQL注入？SQL注入（SQLInjection）是一种常见的Web安全漏洞，指攻击者将恶意的SQL代码插入到应用程序的输入字段中，并通过应用程序发送到数据库进行执行，进而对数据库进行未授权操作。其可能导致敏感数据泄露、篡改、删除等严重后果。1.1SQL注入的工作原理SQL注入的核心在于，攻击者通过操控输入字段，使服务器端的SQL查询语句发生意料之外的变化</div> </li> <li><a href="/article/1891913256025518080.htm" title="literal用法" target="_blank">literal用法</a> 格桑花 <a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/server/1.htm">server</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/asp/1.htm">asp</a><a class="tag" taget="_blank" href="/search/div/1.htm">div</a> <div>spell">Literal控件支持Mode属性，该属性用于指定控件对您所添加的标记的处理方式。可以将Mode属性设置为以下值：Transform。添加到控件中的任何标记都将进行转换，以适应请求浏览器的协议。如果向使用HTML外的其他协议的移动设备呈现内容，此设置非常有用。PassThrough。添加到控件中的任何标记都将按原样呈现在浏览器中。Encode。添加到控件中的任何标记都将使用HtmlE</div> </li> <li><a href="/article/1891896722997702656.htm" title="【Linux探索学习】第二十九弹——线程概念：Linux线程的基本概念与线程控制详解" target="_blank">【Linux探索学习】第二十九弹——线程概念：Linux线程的基本概念与线程控制详解</a> GG Bond.ฺ <a class="tag" taget="_blank" href="/search/Linux%E6%8E%A2%E7%B4%A2%E5%AD%A6%E4%B9%A0/1.htm">Linux探索学习</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>Linux学习笔记：https://blog.csdn.net/2301_80220607/category_12805278.html?spm=1001.2014.3001.5482前言：在现代操作系统中，线程是程序执行流的最小单元。与进程相比，线程更加轻量级，创建和销毁的开销更小，且线程之间可以共享内存空间，因此在多任务处理、并发编程中，线程的使用非常广泛。Linux作为一个多用户、多任务的操</div> </li> <li><a href="/article/1891889020959518720.htm" title="NameError: name ‘xxx’ is not defined" target="_blank">NameError: name ‘xxx’ is not defined</a> 一直幸运 <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>第一个练手小项目遇到N个NameError，技能熟练度蹭蹭往上涨，哈哈…转发一个网上的比较全的解决贴，共勉。原址：https://www.cnblogs.com/zyh19980816/p/11844659.html问题一：name‘name’isnotdefined“name"两端是双下划线”_"，不是只有一个""。问题二：name‘messagebox’isnotdefined“”内为某个数据</div> </li> <li><a href="/article/1891881200465801216.htm" title="HTML之JavaScript DOM（document）编程处理事件" target="_blank">HTML之JavaScript DOM（document）编程处理事件</a> 录大大i <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/JavaScript/1.htm">JavaScript</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>HTML之JavaScriptDOM（document）编程处理事件Document/*事件：本质是行为，用户的行为或者浏览器的行为；事件发生指的是处罚js函数执行事件的三要素：事件源、事件、事件处理程序事件的绑定：1.通过元素的属性绑定on***2.通过DOM编程动态绑定注：1.一个事件可以绑定多个函数；eg：onclick="show(),show1()2.一个元素可以绑定多个事件eg：onc</div> </li> <li><a href="/article/1891880690992082944.htm" title="前端面试题" target="_blank">前端面试题</a> 阿芯爱编程 <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>以下是一些前端面试题：一、HTML/CSS部分请描述HTML的语义化标签的重要性，并列举一些常用的语义化标签。答案：重要性：对搜索引擎优化（SEO）有帮助，搜索引擎能够更好地理解页面结构，从而提高网站在搜索结果中的排名。提高代码的可读性和可维护性，使开发者更容易理解页面布局和功能逻辑。对于辅助技术（如屏幕阅读器）更友好，能够准确地向用户传达页面内容。常用语义化标签：：定义页面或区域的头部内容，通常</div> </li> <li><a href="/article/1891880430798434304.htm" title="微软Edge浏览器全解析" target="_blank">微软Edge浏览器全解析</a> 109702008 <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/edge/1.htm">edge</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/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>GPT-4o(OpenAI)微软Edge浏览器是由微软开发的一款网络浏览器，深受用户喜爱，以下是对其全面解析：1.简介微软Edge浏览器最早在2015年伴随Windows10发布。最初版本基于EdgeHTML引擎，2019年微软宣布Edge浏览器将基于开源的Chromium引擎重新构建，并于2020年1月正式发布。2.用户界面-简洁设计：Edge浏览器的界面简洁、现代化，易于导航。-自定义：用户可</div> </li> <li><a href="/article/1891880051310391296.htm" title="socket io 前后端样例" target="_blank">socket io 前后端样例</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>Socket.IO是一个用于实现实时双向通信的库，最初是为Node.js开发的，用于解决WebSocket在不同浏览器和网络环境中的兼容性问题。它提供了一个统一的API，使得开发者可以轻松实现实时双向通信，而不必担心底层传输协议的差异。目前，Socket.IO不仅支持Node.js，还扩展到了Python、Java、.NET等多种编程语言和平台。Socket.IO主要由服务器端和客户端两部分组成：</div> </li> <li><a href="/article/1891873861125861376.htm" title="前端高级面试题" target="_blank">前端高级面试题</a> 阿芯爱编程 <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>以下是一些前端高级面试可能涉及到的内容：一、前端工程化如何构建一个适合大型团队的前端代码规范和构建流程？答案：代码规范方面：使用ESLint结合Prettier来统一JavaScript和CSS（包括预处理器如Sass或Less）的语法风格。例如，规定变量命名采用驼峰命名法，函数名要有明确含义等。对于HTML结构，制定语义化标签的使用规范，如导航栏使用标签，页脚使用标签等。确定组件化的规范，包括组</div> </li> <li><a href="/article/1891866674978680832.htm" title="javascript当中insertBefore的用法" target="_blank">javascript当中insertBefore的用法</a> qq_44594371 <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/insertBefore/1.htm">insertBefore</a><a class="tag" taget="_blank" href="/search/insertBefore/1.htm">insertBefore</a> <div>例1.3（insertBeforeIEFF.html）1111msgtest222aaaaaaaaendinsertedNodevarinsertedNode=document.getElementById("insertedNode");varaaa=document.getElementById("aaa");vartest=document.getElementById("contain")</div> </li> <li><a href="/article/1891860855272828928.htm" title="图扑智慧展馆合集 | 打造城市基础设施数字化应用" target="_blank">图扑智慧展馆合集 | 打造城市基础设施数字化应用</a> <div>智慧展览馆是指利用先进的科技手段和现代化管理方式，将传统的展览馆、科技馆等场所进行数字化、智能化改造的新型展览空间。其中包括智慧展厅、智慧展馆和智慧博物馆等不同形式，它们带来了全新的观展体验和更为高效的管理模式。效果展示图扑运用HT强大的渲染功能，数字孪生各类智慧展览馆，1:1地复现其内部独特的结构造型和建筑特色。通过应用可视化、WebGIS、倾斜摄影、VR、沉浸式交互等多重技术手段，构建数据共享</div> </li> <li><a href="/article/1891860728034422784.htm" title="江行智能×图扑软件：输煤皮带数字孪生管控系统" target="_blank">江行智能×图扑软件：输煤皮带数字孪生管控系统</a> <div>在现代矿业和电力行业中，输煤皮带系统是运输环节的核心。然后，随着智能化生产的高要求，智慧矿山输煤皮带系统的传统管理模式已显得力不从心。产业引入的三维可视化和数字孪生技术，一改传统输煤皮带系统由于设备老化、管理不善等原因，导致的可能出现停机和故障等问题，大幅提高输煤皮带系统运转效率。效果展示采用图扑软件自主研发HTforWeb产品构建轻量化的3D可视化场景，建立动态的数字化输煤皮带模型。在本次展示的</div> </li> <li><a href="/article/1891860624472862720.htm" title="youtube new tools website" target="_blank">youtube new tools website</a> blogcs <a class="tag" taget="_blank" href="/search/youtube/1.htm">youtube</a><a class="tag" taget="_blank" href="/search/towav/1.htm">towav</a><a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/webview/1.htm">webview</a> <div>1.MainFunctionTheprimarypurposeofthissiteistoprovideuserswithaconvenientwaytoextracttheaudiofromYouTubevideosintheWAVformat.Thisisusefulforavarietyofreasons.Forexample,WAVisahigh-qualityaudioformattha</div> </li> <li><a href="/article/1891859994362572800.htm" title="Flutter学习" target="_blank">Flutter学习</a> T_yoo_csdn <a class="tag" taget="_blank" href="/search/Flutter/1.htm">Flutter</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/Flutter/1.htm">Flutter</a> <div>flutter环境搭建mac版Flutter中文网Flutter原理及美团的实践背景Flutter的目标是使同一套代码同时运行在Android和iOS系统上，并且拥有媲美原生应用的性能，Flutter甚至提供了两套控件来适配Android和iOS（滚动效果、字体和控件图标等等），为了让App在细节处看起来更像原生应用。在Flutter诞生之前，已经有许多跨平台UI框架的方案，比如基于WebView</div> </li> <li><a href="/article/1891859845842268160.htm" title="用 Python 撸一个 Web 服务器-第9章：项目总结" target="_blank">用 Python 撸一个 Web 服务器-第9章：项目总结</a> <a class="tag" taget="_blank" href="/search/pythonweb/1.htm">pythonweb</a> <div>项目总结本教程带大家一起实现了一个TodoList程序，包含基础的增删改查功能，和用户登录认证。这也是Web开发中最常见的需求。我画了一张思维导图，帮助你从宏观的角度来概览TodoList程序，加深你对Web开发的理解。TodoList项目整体思路参考MVC设计模式。有意设计utils/目录专门用来存储一些工具方法，这些工具方法通常比较独立，尽量不从外部模块导入依赖，其他模块需要某个工具方法时从u</div> </li> <li><a href="/article/1891859592703438848.htm" title="用 Python 撸一个 Web 服务器-第7章：重构——更好的组织代码" target="_blank">用 Python 撸一个 Web 服务器-第7章：重构——更好的组织代码</a> <a class="tag" taget="_blank" href="/search/pythonweb/1.htm">pythonweb</a> <div>通过前几章的学习，我们完成了TodoList程序的todo管理部分，实现了对todo的增、删、改、查基本操作，这也是几乎所有Web程序都具备的功能。我们当然可以按照目前的思路继续来实现用户管理部分，在models.py中编写用户相关的模型，在templates/目录下新建用户相关HTML，在controllers.py中编写用户相关的视图函数。但是，随着新功能的加入，把不同功能的代码都写在相同的文</div> </li> <li><a href="/article/1891853680341217280.htm" title="深入了解 AppScan 工具的使用：筑牢 Web 应用安全防线" target="_blank">深入了解 AppScan 工具的使用：筑牢 Web 应用安全防线</a> 垚垚 Securify 前沿站 <a class="tag" taget="_blank" href="/search/%E5%8D%81%E5%A4%A7%E6%BC%8F%E6%B4%9E/1.htm">十大漏洞</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/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/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E5%AE%89%E5%85%A8/1.htm">系统安全</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>前言IBMAppScan作为一款业界领先的Web应用程序安全测试工具，就像一位专业的“安全卫士”，能够精准高效地识别并协助修复各类安全漏洞，为应用安全保驾护航。接下来，让我们一同深入探索AppScan的使用奥秘。一、探秘AppScan：功能与原理剖析AppScan的核心功能是模拟黑客的多样化攻击手段，对Web应用程序展开全方位、无死角的深度扫描，从而揪出隐藏其中的SQL注入、跨站脚本（XSS）、文</div> </li> <li><a href="/article/14.htm" title="Spring4.1新特性——综述" target="_blank">Spring4.1新特性——综述</a> jinnianshilongnian <a class="tag" taget="_blank" href="/search/spring+4.1/1.htm">spring 4.1</a> <div>目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T</div> </li> <li><a href="/article/141.htm" title="Schema与数据类型优化" target="_blank">Schema与数据类型优化</a> annan211 <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div> 目前商城的数据库设计真是一塌糊涂，表堆叠让人不忍直视，无脑的架构师，说了也不听。在数据库设计之初，就应该仔细揣摩可能会有哪些查询，有没有更复杂的查询，而不是仅仅突出很表面的业务需求，这样做会让你的数据库性能成倍提高，当然，丑陋的架构师是不会这样去考虑问题的。选择优化的数据类型 1 更小的通常更好更小的数据类型通常更快，因为他们占用更少的磁盘、内存和cpu缓存，</div> </li> <li><a href="/article/268.htm" title="第一节 HTML概要学习" target="_blank">第一节 HTML概要学习</a> chenke <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>第一节 HTML概要学习 1. 什么是HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。打开记事本输入一下内</div> </li> <li><a href="/article/395.htm" title="MyEclipse里部分习惯的更改" target="_blank">MyEclipse里部分习惯的更改</a> Array_06 <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a> <div>继续补充中---------------------- 1.更改自己合适快捷键windows-->prefences-->java-->editor-->Content Assist--> Activation triggers for java的右侧“.”就可以改变常用的快捷键选中 Text </div> </li> <li><a href="/article/522.htm" title="近一个月的面试总结" target="_blank">近一个月的面试总结</a> cugfy <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>本文是在学习中的总结，欢迎转载但请注明出处：http://blog.csdn.net/pistolove/article/details/46753275 前言打算换个工作，近一个月面试了不少的公司，下面将一些面试经验和思考分享给大家。另外校招也快要开始了，为在校的学生提供一些经验供参考，希望都能找到满意的工作。 </div> </li> <li><a href="/article/649.htm" title="HTML5一个小迷宫游戏" target="_blank">HTML5一个小迷宫游戏</a> 357029540 <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div> 通过《HTML5游戏开发》摘抄了一个小迷宫游戏，感觉还不错，可以画画，写字，把摘抄的代码放上来分享下，喜欢的同学可以拿来玩玩！ <html> <head> <title>创建运行迷宫</title> <script type="text/javascript"</div> </li> <li><a href="/article/776.htm" title="10步教你上传githib数据" target="_blank">10步教你上传githib数据</a> 张亚雄 <a class="tag" taget="_blank" href="/search/git/1.htm">git</a> <div>官方的教学还有其他博客里教的都是给懂的人说得，对已我们这样对我大菜鸟只能这么来锻炼，下面先不玩什么深奥的，先暂时用着10步干净利索。等玩顺溜了再用其他的方法。操作过程（查看本目录下有哪些文件NO.1）ls （跳转到子目录NO.2）cd+空格+目录（继续NO.3）ls （匹配到子目录NO.4）cd+ 目录首写字母+tab键+（首写字母“直到你所用文件根就不再按TAB键了”）（查看文件</div> </li> <li><a href="/article/903.htm" title="MongoDB常用操作命令大全" target="_blank">MongoDB常用操作命令大全</a> adminjun <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E5%91%BD%E4%BB%A4/1.htm">操作命令</a> <div>成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令，只是MongoDB没有创建数据库的命令，但有类似的命令如：如果你想创建一个“myTest”的数据库，先运行use myTest命令，之后就做一些操作（如：db.createCollection('user')）,这样就可以创建一个名叫“myTest”的数据库。一</div> </li> <li><a href="/article/1030.htm" title="bat调用jar包并传入多个参数" target="_blank">bat调用jar包并传入多个参数</a> aijuans <div>下面的主程序是通过eclipse写的： 1.在Main函数接收bat文件传递的参数（String[] args）如： String ip =args[0]; String user=args[1]; &nbs</div> </li> <li><a href="/article/1157.htm" title="Java中对类的主动引用和被动引用" target="_blank">Java中对类的主动引用和被动引用</a> ayaoxinchao <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%B8%BB%E5%8A%A8%E5%BC%95%E7%94%A8/1.htm">主动引用</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E7%B1%BB%E7%9A%84%E5%BC%95%E7%94%A8/1.htm">对类的引用</a><a class="tag" taget="_blank" href="/search/%E8%A2%AB%E5%8A%A8%E5%BC%95%E7%94%A8/1.htm">被动引用</a><a class="tag" taget="_blank" href="/search/%E7%B1%BB%E5%88%9D%E5%A7%8B%E5%8C%96/1.htm">类初始化</a> <div> 在Java代码中，有些类看上去初始化了，但其实没有。例如定义一定长度某一类型的数组，看上去数组中所有的元素已经被初始化，实际上一个都没有。对于类的初始化，虚拟机规范严格规定了只有对该类进行主动引用时，才会触发。而除此之外的所有引用方式称之为对类的被动引用，不会触发类的初始化。虚拟机规范严格地规定了有且仅有四种情况是对类的主动引用，即必须立即对类进行初始化。四种情况如下：1.遇到ne</div> </li> <li><a href="/article/1284.htm" title="导出数据库提示 outfile disabled" target="_blank">导出数据库提示 outfile disabled</a> BigBird2012 <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>在windows控制台下，登陆mysql，备份数据库： mysql>mysqldump -u root -p test test > D:\test.sql 使用命令 mysqldump 格式如下： mysqldump -u root -p *** DBNAME > E:\\test.sql。注意：执行该命令的时候不要进入mysql的控制台再使用，这样会报</div> </li> <li><a href="/article/1411.htm" title="Javascript 中的 && 和 ||" target="_blank">Javascript 中的 && 和 ||</a> bijian1013 <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%26%26/1.htm">&&</a><a class="tag" taget="_blank" href="/search/%7C%7C/1.htm">||</a> <div> 准备两个对象用于下面的讨论 var alice = { name: "alice", toString: function () { return this.name; } } var smith = { name: "smith", </div> </li> <li><a href="/article/1538.htm" title="[Zookeeper学习笔记之四]Zookeeper Client Library会话重建" target="_blank">[Zookeeper学习笔记之四]Zookeeper Client Library会话重建</a> bit1129 <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div>为了说明问题，先来看个简单的示例代码： package com.tom.zookeeper.book; import com.tom.Host; import org.apache.zookeeper.WatchedEvent; import org.apache.zookeeper.ZooKeeper; import org.apache.zookeeper.Wat</div> </li> <li><a href="/article/1665.htm" title="【Scala十一】Scala核心五：case模式匹配" target="_blank">【Scala十一】Scala核心五：case模式匹配</a> bit1129 <a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a> <div>package spark.examples.scala.grammars.caseclasses object CaseClass_Test00 { def simpleMatch(arg: Any) = arg match { case v: Int => "This is an Int" case v: (Int, String)</div> </li> <li><a href="/article/1792.htm" title="运维的一些面试题" target="_blank">运维的一些面试题</a> yuxianhua <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>1、Linux挂载Winodws共享文件夹 mount -t cifs //1.1.1.254/ok /var/tmp/share/ -o username=administrator,password=yourpass 或 mount -t cifs -o username=xxx,password=xxxx //1.1.1.1/a /win </div> </li> <li><a href="/article/1919.htm" title="Java lang包-Boolean" target="_blank">Java lang包-Boolean</a> BrokenDreams <a class="tag" taget="_blank" href="/search/boolean/1.htm">boolean</a> <div> Boolean类是Java中基本类型boolean的包装类。这个类比较简单，直接看源代码吧。 public final class Boolean implements java.io.Serializable, </div> </li> <li><a href="/article/2046.htm" title="读《研磨设计模式》-代码笔记-命令模式-Command" target="_blank">读《研磨设计模式》-代码笔记-命令模式-Command</a> bylijinnan <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.Collection; import java.util.List; /** * GOF 在《设计模式》一书中阐述命令模式的意图：“将一个请求封装</div> </li> <li><a href="/article/2173.htm" title="matlab下GPU编程笔记" target="_blank">matlab下GPU编程笔记</a> cherishLC <a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a> <div>不多说，直接上代码 gpuDevice % 查看系统中的gpu,,其中的DeviceSupported会给出matlab支持的GPU个数。 g=gpuDevice(1); %会清空 GPU 1中的所有数据,,将GPU1 设为当前GPU reset(g) %也可以清空GPU中数据。 a=1; a=gpuArray(a); %将a从CPU移到GPU中 onGP</div> </li> <li><a href="/article/2300.htm" title="SVN安装过程" target="_blank">SVN安装过程</a> crabdave <a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a> <div>SVN安装过程 subversion-1.6.12 ./configure --prefix=/usr/local/subversion --with-apxs=/usr/local/apache2/bin/apxs --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --with-openssl=/</div> </li> <li><a href="/article/2427.htm" title="sql　行列转换" target="_blank">sql　行列转换</a> daizj <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E8%A1%8C%E5%88%97%E8%BD%AC%E6%8D%A2/1.htm">行列转换</a><a class="tag" taget="_blank" href="/search/%E8%A1%8C%E8%BD%AC%E5%88%97/1.htm">行转列</a><a class="tag" taget="_blank" href="/search/%E5%88%97%E8%BD%AC%E8%A1%8C/1.htm">列转行</a> <div>行转列的思想是通过case when 来实现列转行的思想是通过union all 来实现下面具体例子：假设有张学生成绩表(tb)如下: Name Subject Result 张三语文　　74 张三数学　　83 张三物理　　93 李四语文　　74 李四数学　　84 李四物理　　94 */ /* 想变成姓名 &</div> </li> <li><a href="/article/2554.htm" title="MySQL--主从配置" target="_blank">MySQL--主从配置</a> dcj3sjt126com <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div> linux下的mysql主从配置：说明：由于MySQL不同版本之间的(二进制日志)binlog格式可能会不一样，因此最好的搭配组合是Master的MySQL版本和Slave的版本相同或者更低， Master的版本肯定不能高于Slave版本。（版本向下兼容） mysql1 : 192.168.100.1 //master mysq</div> </li> <li><a href="/article/2681.htm" title="关于yii 数据库添加新字段之后model类的修改" target="_blank">关于yii 数据库添加新字段之后model类的修改</a> dcj3sjt126com <a class="tag" taget="_blank" href="/search/Model/1.htm">Model</a> <div>rules: array('新字段','safe','on'=>'search') 1、array('新字段', 'safe')//这个如果是要用户输入的话，要加一下， 2、array('新字段', 'numerical'),//如果是数字的话 3、array('新字段', 'length', 'max'=>100),//如果是文本 1、2、3适当的最少要加一条，新字段才会被</div> </li> <li><a href="/article/2808.htm" title="sublime text3 中文乱码解决" target="_blank">sublime text3 中文乱码解决</a> dyy_gusi <a class="tag" taget="_blank" href="/search/Sublime+Text/1.htm">Sublime Text</a> <div>sublime text3中文乱码解决原因：缺少转换为UTF-8的插件目的：安装ConvertToUTF8插件包第一步：安装能自动安装插件的插件，百度“Codecs33”，然后按照步骤可以得到以下一段代码： import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a30980927</div> </li> <li><a href="/article/2935.htm" title="概念了解：CGI，FastCGI，PHP-CGI与PHP-FPM" target="_blank">概念了解：CGI，FastCGI，PHP-CGI与PHP-FPM</a> geeksun <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a> <div>CGI CGI全称是“公共网关接口”(Common Gateway Interface)，HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上。 CGI可以用任何一种语言编写，只要这种语言具有标准输入、输出和环境变量。如php,perl,tcl等。 FastCGI FastCGI像是一个常驻(long-live)型的CGI，它可以一直执行着，只要激活后，不</div> </li> <li><a href="/article/3062.htm" title="Git push 报错 "error: failed to push some refs to " 解决" target="_blank">Git push 报错 "error: failed to push some refs to " 解决</a> hongtoushizi <a class="tag" taget="_blank" href="/search/git/1.htm">git</a> <div>Git push 报错 "error: failed to push some refs to " . 此问题出现的原因是：由于远程仓库中代码版本与本地不一致冲突导致的。由于我在第一次git pull --rebase 代码后，准备push的时候，有别人往线上又提交了代码。所以出现此问题。解决方案： 1： git pull 2：</div> </li> <li><a href="/article/3189.htm" title="第四章 Lua模块开发" target="_blank">第四章 Lua模块开发</a> jinnianshilongnian <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/lua/1.htm">lua</a> <div>在实际开发中，不可能把所有代码写到一个大而全的lua文件中，需要进行分模块开发；而且模块化是高性能Lua应用的关键。使用require第一次导入模块后，所有Nginx 进程全局共享模块的数据和代码，每个Worker进程需要时会得到此模块的一个副本（Copy-On-Write），即模块可以认为是每Worker进程共享而不是每Nginx Server共享；另外注意之前我们使用init_by_lua中初</div> </li> <li><a href="/article/3316.htm" title="java.lang.reflect.Proxy" target="_blank">java.lang.reflect.Proxy</a> liyonghui160com <div> 1.简介 Proxy 提供用于创建动态代理类和实例的静态方法（1）动态代理类的属性代理类是公共的、最终的，而不是抽象的未指定代理类的非限定名称。但是，以字符串 "$Proxy" 开头的类名空间应该为代理类保留代理类扩展 java.lang.reflect.Proxy 代理类会按同一顺序准确地实现其创建时指定的接口</div> </li> <li><a href="/article/3443.htm" title="Java中getResourceAsStream的用法" target="_blank">Java中getResourceAsStream的用法</a> pda158 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>1.Java中的getResourceAsStream有以下几种： 1. Class.getResourceAsStream(String path) ： path 不以’/'开头时默认是从此类所在的包下取资源，以’/'开头则是从ClassPath根下获取。其只是通过path构造一个绝对路径，最终还是由ClassLoader获取资源。　　2. Class.getClassLoader.get</div> </li> <li><a href="/article/3570.htm" title="spring 包官方下载地址（非maven）" target="_blank">spring 包官方下载地址（非maven）</a> sinnk <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>SPRING官方网站改版后，建议都是通过 Maven和Gradle下载，对不使用Maven和Gradle开发项目的，下载就非常麻烦，下给出Spring Framework jar官方直接下载路径: http://repo.springsource.org/libs-release-local/org/springframework/spring/ s</div> </li> <li><a href="/article/3697.htm" title="Oracle学习笔记(7) 开发PLSQL子程序和包" target="_blank">Oracle学习笔记(7) 开发PLSQL子程序和包</a> vipbooks <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a> <div> 哈哈，清明节放假回去了一下，真是太好了，回家的感觉真好啊！现在又开始出差之旅了，又好久没有来了，今天继续Oracle的学习！这是第七章的学习笔记，学习完第六章的动态SQL之后，开始要学习子程序和包的使用了……，希望大家能多给俺一些支持啊！编程时使用的工具是PLSQL</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> 按字母分类： <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.  </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>