LoveYa!

HTML 教程：从零开始掌握常用语法

免费无广纯净版微信小程序测mbti很有趣，不需要任何授权，也不需要登录，直接就是测，几分钟了解自己的人格mbti，快来试试吧。

可以微信直接搜索小程序名“一秒MBTI”

HTML 教程：从零开始掌握常用语法

欢迎来到 HTML 的世界！HTML（HyperText Markup Language，超文本标记语言）是网页开发的基石，它负责定义网页的结构和内容。无论你是想成为一名前端开发者，还是仅仅想了解网页背后的魔法，这个教程都会带你快速入门。本文将聚焦 HTML 的常用语法，用通俗的语言和生动的例子，让你轻松上手！

什么是 HTML？

简单来说，HTML 就像盖房子的蓝图。它告诉浏览器“这里放个标题，那里加个图片”，但不会管房子漂不漂亮（那是 CSS 的工作）。HTML 使用“标签”（tags）来标记内容，比如

表示段落，表示图片。

下面我们从基础开始，一步步探索 HTML 的常用语法。

1. HTML 文档的基本结构

每个 HTML 文件都有一个固定的“骨架”，就像人的骨头支撑身体一样。看看这个基础结构：

DOCTYPE html>
<html>
<head>
    <title>我的第一个网页title>
head>
<body>
    <h1>欢迎来到我的世界！h1>
    <p>这是一个简单的网页。p>
body>
html>

解释一下：

：告诉浏览器这是 HTML5 文档（最新标准）。
：整个网页的根元素，所有内容都包裹在这里面。
：放一些“幕后信息”，比如标题、字符编码（不会直接显示在页面上）。
</code>：网页的标题，显示在浏览器标签页上。</li> <li><code><body></code>：放你能看到的内容，比如文字、图片等。</li> </ul> <p><strong>动手试试</strong>：复制上面的代码，保存为 <code>index.html</code>，然后用浏览器打开。你会看到一个标题和一段文字！</p> <hr> <h3>2. 常用标签：给内容穿上“衣服”</h3> <p>HTML 的核心是标签，下面介绍几种最常用的。</p> <h4>标题标签：<code><h1></code> 到 <code><h6></code></h4> <p>标题就像书的章节名，用来突出重点。<code><h1></code> 是最大号标题，<code><h6></code> 最小。</p> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h1</span><span class="token punctuation">></span></span>这是大标题<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h1</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span><span class="token punctuation">></span></span>这是二级标题<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h3</span><span class="token punctuation">></span></span>这是三级标题<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h3</span><span class="token punctuation">></span></span> </code></pre> <p><strong>效果</strong>：</p> <ul> <li><code><h1></code>：超级醒目，像广告牌。</li> <li><code><h2></code>：稍微小点，像小标题。</li> <li><code><h3></code>：更小，常用于子章节。</li> </ul> <h4>段落标签：<code><p></code></h4> <p>想写一段话？用 <code><p></code> 就对了。</p> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>我是一段文字，生活就像一盒巧克力，你永远不知道下一块是什么味道。<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> </code></pre> <p><strong>小技巧</strong>：段落之间会自动有空行，不用手动加。</p> <h4>换行和水平线：<code><br></code> 和 <code><hr></code></h4> <ul> <li><code><br></code>：换行，像按下回车键。</li> <li><code><hr></code>：画一条水平线，分隔内容。</li> </ul> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>第一行<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>第二行<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>hr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>下面是新内容<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> </code></pre> <p><strong>效果</strong>：第一行和第二行紧挨着换行，然后一条横线把内容分开。</p> <hr> <h3>3. 添加链接和图片：让网页活起来</h3> <h4>超链接：<code><a></code></h4> <p>想让用户点击跳转到其他页面？用 <code><a></code>（anchor，锚点）标签。</p> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://www.example.com<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>点击我去一个神奇的地方<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> </code></pre> <ul> <li><code>href</code>：目标地址（Hyperlink Reference 的缩写）。</li> <li>文字“点击我…”：用户看到的内容。</li> </ul> <p><strong>例子</strong>：点它会跳转到 example.com。</p> <h4>图片：<code><img></code></h4> <p>网页没图片就像汤里没盐。<code><img></code> 标签能插入图片。</p> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://example.com/cat.jpg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>一只可爱的猫<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> </code></pre> <ul> <li><code>src</code>：图片地址（Source 的缩写）。</li> <li><code>alt</code>：图片加载失败时显示的文字，也对盲人用户友好。</li> </ul> <p><strong>动手试试</strong>：找张网上的图片 URL，替换 <code>src</code>，看看效果！</p> <hr> <h3>4. 列表：整理信息的好帮手</h3> <p>列表适合展示条目，比如购物清单、步骤说明。</p> <h4>无序列表：<code><ul></code> + <code><li></code></h4> <p>无序列表用圆点或小方块标记。</p> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>苹果<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>香蕉<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>橙子<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span> </code></pre> <p><strong>效果</strong>：</p> <ul> <li>苹果</li> <li>香蕉</li> <li>橙子</li> </ul> <h4>有序列表：<code><ol></code> + <code><li></code></h4> <p>有序列表用数字标记。</p> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ol</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>起床<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>刷牙<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>吃早餐<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ol</span><span class="token punctuation">></span></span> </code></pre> <p><strong>效果</strong>：</p> <ol> <li>起床</li> <li>刷牙</li> <li>吃早餐</li> </ol> <hr> <h3>5. 表格：展示数据的小能手</h3> <p>表格适合展示结构化数据，比如成绩单。</p> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>table</span> <span class="token attr-name">border</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>th</span><span class="token punctuation">></span></span>姓名<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>th</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>th</span><span class="token punctuation">></span></span>成绩<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>th</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span>小明<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span>90<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span>小红<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span>85<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>table</span><span class="token punctuation">></span></span> </code></pre> <h4>解释：</h4> <ul> <li><code><table></code>：定义表格。</li> <li><code>border="1"</code>：加边框（不加看不到线）。</li> <li><code><tr></code>：一行（Table Row）。</li> <li><code><th></code>：表头（Table Header），粗体居中。</li> <li><code><td></code>：单元格（Table Data）。</li> </ul> <p><strong>效果</strong>：</p> <table> <thead> <tr> <th>姓名</th> <th>成绩</th> </tr> </thead> <tbody> <tr> <td>小明</td> <td>90</td> </tr> <tr> <td>小红</td> <td>85</td> </tr> </tbody> </table> <hr> <h3>6. 表单：与用户互动</h3> <p>表单可以收集用户输入，比如登录框。</p> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>form</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>username<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>用户名：<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>username<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>username<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>password<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>密码：<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>password<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>password<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>password<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>提交<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>form</span><span class="token punctuation">></span></span> </code></pre> <h4>解释：</h4> <ul> <li><code><form></code>：表单容器。</li> <li><code><label></code>：标签，提示用户输入什么。</li> <li><code><input></code>：输入框。 <ul> <li><code>type="text"</code>：普通文本。</li> <li><code>type="password"</code>：密码，显示为小点。</li> <li><code>type="submit"</code>：提交按钮。</li> </ul> </li> </ul> <p><strong>效果</strong>：一个简单的登录框，用户可以输入用户名和密码，然后点击提交。</p> <hr> <h3>7. 格式化文本：让文字更生动</h3> <p>想强调某些内容？试试这些标签：</p> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>我<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>b</span><span class="token punctuation">></span></span>很粗<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>b</span><span class="token punctuation">></span></span>，我<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>i</span><span class="token punctuation">></span></span>很斜<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>i</span><span class="token punctuation">></span></span>，我<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>u</span><span class="token punctuation">></span></span>有下划线<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>u</span><span class="token punctuation">></span></span>，我<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>s</span><span class="token punctuation">></span></span>被划掉<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>s</span><span class="token punctuation">></span></span>。<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> </code></pre> <ul> <li><code><b></code>：粗体（Bold）。</li> <li><code><i></code>：斜体（Italic）。</li> <li><code><u></code>：下划线（Underline）。</li> <li><code><s></code>：删除线（Strikethrough）。</li> </ul> <p><strong>效果</strong>：我<strong>很粗</strong>，我<em>很斜</em>，我<ins>有下划线</ins>，我<s>被划掉</s>。</p> <hr> <h3>8. 小结与进阶建议</h3> <p>恭喜你！现在你已经掌握了 HTML 的常用语法：标题、段落、链接、图片、列表、表格和表单。这些足够让你搭建一个简单的网页了。</p> <h4>下一步：</h4> <ul> <li>学习 CSS，给网页加点“妆”（颜色、布局等）。</li> <li>探索 JavaScript，让网页动起来（比如按钮点击效果）。</li> </ul> <p><strong>动手实践</strong>：试着写一个个人主页，包含你的名字（用 <code><h1></code>）、简介（用 <code><p></code>）、喜欢的图片（用 <code><img></code>）和兴趣列表（用 <code><ul></code>）。保存后用浏览器打开，看看成果吧！</p> <hr> <p>希望这个教程让你对 HTML 充满信心！有什么问题，随时问我，我会尽力解答。开始你的网页之旅吧！</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1902802949088800768"></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">你可能感兴趣的:(前端,html,前端,笔记,学习)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1946552045066579968.htm" title="前后端分离场景下的用户登录玩法&Sa-token框架使用" target="_blank">前后端分离场景下的用户登录玩法&Sa-token框架使用</a> <span class="text-muted"></span> <div>两种方案的token、用户登录信息都存储在redis中！！方案一该方案是前端把token和token有效期一起加密存储到浏览器的localStorage中，每次请求时调用前端的getTokenIsExpiry()获取token并检查token是否过期，过期则remove并跳转登录页，这样前端有个问题就是前端也要知道token的有效期，需要和后端的token有效期保持一致，而后端则提供两个拦截器，分</div> </li> <li><a href="/article/1946551749586251776.htm" title="随笔21" target="_blank">随笔21</a> <span class="text-muted">菜菜菜小姐</span> <div>今日的关键词：人生若只如初见。最近常常在想这句话，人与人的相处真是很奇妙。我觉得距离感和分寸感真得很重要。可能大概是因为我开始社恐了吧。“社恐”这个词用在我身上可能我身边所有的人都会觉得一点都不像，恰恰相反，在外人眼中我大概是“社交牛逼症”的那一位。其实，只有自己才最了解最真实的自己，成年后的生活，每一个外人所了解的自己都只是我们想让别人看到的自己。这两年，总会有朋友说学习碰到学校的同事，都是我是</div> </li> <li><a href="/article/1946549853144281088.htm" title="王财贵：发起读经教育的初心" target="_blank">王财贵：发起读经教育的初心</a> <span class="text-muted">dcfac6b15823</span> <div>编者按：本文节录自季谦先生《学》、《只要你明白》两场演讲及《走在时代前端的教育》一文的相关内容，均已经先生修订定稿，题目「我的读书经历及读经推广之初心」为编者所拟。又按（季谦先生按语）前几天我在交流网上发表的一段话或可作为二十年的总结与后续的愿望：读经人在心志上，既本于尊重经典，且长期受经典之熏陶，必有经典的意识，即能开放心胸，赏识同侪，涵纳异见，相观而善，敦厚笃实，单纯宽简，不忘初心，从容中道。</div> </li> <li><a href="/article/1946549526609326080.htm" title="STM32精确控制步进电机" target="_blank">STM32精确控制步进电机</a> <span class="text-muted"></span> <div>目的：学习使用STM32+电机驱动器+步进电机，进行电机运动精确控制。测试环境：MCU主控芯片STM32F103RCT6；A4988步进电机驱动器模块；微型2相4线步进电机10mm丝杆滑台，金属丝杆安装有滑块。10mm二相四线微型步进电机电机的输入接线是4个引脚，需要自己焊线，相电阻53欧，步进角度估计18度，丝杆滑块行程32mm，丝杆转一圈铜滑块大约移动行程0.4mm。步进电机重约7.3g。主要</div> </li> <li><a href="/article/1946549400151060480.htm" title="【自学linux】计算机体系结构和操作系统第二章" target="_blank">【自学linux】计算机体系结构和操作系统第二章</a> <span class="text-muted">java攻城狮k</span> <a class="tag" taget="_blank" href="/search/%E8%B7%9F%E7%9D%80QS50%E8%87%AA%E5%AD%A6%E7%BC%96%E7%A8%8B/1.htm">跟着QS50自学编程</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84/1.htm">系统架构</a><a class="tag" taget="_blank" href="/search/unix/1.htm">unix</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>操作系统第一讲-介绍操作系统本门课程使用unix和linux作为案例讲解操作系统是如何工作的。首先学习给虚拟机安装和管理一个典型的linux系统，虚拟机运行在windows下。我们讨论操作系统是什么、它们在计算机环境中的使用和用一点篇幅回顾一下Unix系统的历史。一、介绍1、什么是操作系统(operatingsystemorO/S)?一种典型的大型软件，允许计算机硬件用户：1）运行各式各样的软件(</div> </li> <li><a href="/article/1946549148090167296.htm" title="前端：优秀架构的坟墓" target="_blank">前端：优秀架构的坟墓</a> <span class="text-muted"></span> <div>你是否曾经见过那个设计精良的后端系统——界限分明、模式优雅、抽象层层递进——让人不禁感叹，这一定是极致享受的工作环境？然后，你打开了前端代码。顿时，你陷入了全局状态的迷宫，深度嵌套的组件，半途而废的Hooks，以及用十七种挫败方言“喊叫”的CSS之中。优秀的架构一路走过后端，经过DevOps的打磨，成功在云端扩展……却在React的某个上下文里因为一个下拉菜单绊倒，彻底崩溃。我干这一行够久了，见过</div> </li> <li><a href="/article/1946548833190211584.htm" title="《幸福的科学》第四章 Harriet打卡 20211018" target="_blank">《幸福的科学》第四章 Harriet打卡 20211018</a> <span class="text-muted">Harriet温暖眼瞳</span> <div>一、请回答一下3道思考题：001：你过去做事有“福流”的状态吗，是什么事情？跳舞，工作上完成大的项目，做主持人时行云流水地带动整个气氛，与家人聊天的时候002：内在动机是如何理解，分享一下你参与读书会的动机或者工作的动机是什么？内在动机是指由个体内在需要引起的动机，例如，学生觉得学习有意义或有趣就会积极主动地学习，这就是内在动机。我参与读书的动机是想修炼自己，让自己更优秀。003：读书能让你感受到</div> </li> <li><a href="/article/1946548768564375552.htm" title="深入探索C++ STL：从基础到进阶" target="_blank">深入探索C++ STL：从基础到进阶</a> <span class="text-muted"></span> <div>目录引言一、什么是STL二、STL的版本三、STL的六大组件容器（Container）算法（Algorithm）迭代器（Iterator）仿函数（Functor）空间配置器（Allocator）配接器（Adapter）四、STL的重要性五、如何学习STL六、STL的缺陷总结引言在C++的世界里，标准模板库（STL）是一项极为强大的工具。它不仅为开发者提供了可复用的组件库，更是一个融合了数据结构与算</div> </li> <li><a href="/article/1946548766408503296.htm" title="尚硅谷C语言笔记-结构体与共用体" target="_blank">尚硅谷C语言笔记-结构体与共用体</a> <span class="text-muted">想名困难户</span> <a class="tag" taget="_blank" href="/search/%E5%B0%9A%E7%A1%85%E8%B0%B7C%E8%AF%AD%E8%A8%80%E7%AC%94%E8%AE%B0/1.htm">尚硅谷C语言笔记</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>1、结构体(struct)类型的基本使用1.1为什么需要结构体？C语言内置的数据类型，除了几种原始的基本数据类型，只有数组属于复合类型，可以同时包含多个值，但是只能包含相同类型的数据，实际使用场景受限。1.2结构体的理解C语言提供了struct关键字，允许自定义复合数据类型，将不同类型的值组合在一起，这种类型称为结构体（structure）类型。C语言没有其他语言的对象(object)和类(cla</div> </li> <li><a href="/article/1946547813735264256.htm" title="教育之旅（175）" target="_blank">教育之旅（175）</a> <span class="text-muted">张宝花</span> <div>昨天大宝在家宅了一天，玩游戏、学习、练太极、做家务，大宝每天帮妈妈洗碗、做饭，锻炼大宝的劳动能力，二宝昨天考了一天试，理综210多，英语近90分，总分近500分了，考完试二宝累极了，直喊头疼，超负荷的脑力劳动，晚上又说今天晚上要网上补英语，支持二宝，二宝昨天晚上又学习了几个小时，真的一天很辛苦。我们仨吃了两顿幸福的团圆饭，早上蒸土豆丝，下午扯面，吃得我们仨喜气洋洋。二宝这段时间网课上得很认真，学习</div> </li> <li><a href="/article/1946547815027109888.htm" title="2019.06.23" target="_blank">2019.06.23</a> <span class="text-muted">旋风逸凡</span> <div>每个人都会有内心被暴击，瞬间感觉世界极致温暖的瞬间吧？！今天早上吃早饭，刚开始一个人坐了一张桌子，吃饭中途，一个身穿快递员服饰的小哥哥和我拼桌，然后就变成了两个素不相识的人在一张桌子上吃饭的情景了。吃完饭，照例拿出我的小本本和书，准备开启一天的学习之旅，对面的快递小哥哥看到之后，问我，你要开始学习了吗？我说是的，他就说要换张桌子去吃，怕影响我学习，我说不用，但最后他还是去了别的桌子。这个瞬间，让我</div> </li> <li><a href="/article/1946546416851677184.htm" title="2018-05-10" target="_blank">2018-05-10</a> <span class="text-muted">黛丽丝</span> <div>今天，儿子给我分享他的快乐：上课时，因为积极发言得了两张表扬信。又因为能积极背诵课文片段，又得了两张！祝贺！祝贺！晚上写作业挺积极，从不用我催促！这好习惯妈妈也该奖励！唯一缺乏自我细心检查的好习惯，什么时间儿子会自己认真检查作业，就更“完美”了！自从儿子买上笔记本，就见他有时记录一些东西，具体内容他一直保密！睡觉的时间到了，我忍不住地问：“儿子，你笔记本都记录些什么？”儿子说：“今晚你可以看了！不</div> </li> <li><a href="/article/1946545994443321344.htm" title="基于生成对抗网络增强主动学习的超高温陶瓷硬度优化" target="_blank">基于生成对抗网络增强主动学习的超高温陶瓷硬度优化</a> <span class="text-muted">神经网络15044</span> <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/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E4%BB%BF%E7%9C%9F%E6%A8%A1%E5%9E%8B/1.htm">仿真模型</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%88%90%E5%AF%B9%E6%8A%97%E7%BD%91%E7%BB%9C/1.htm">生成对抗网络</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>复现论文：基于生成对抗网络增强主动学习的超高温陶瓷硬度优化我将使用Python复现这篇关于使用生成对抗网络(GAN)增强主动学习来优化超高温陶瓷(UHTC)硬度的研究论文。以下是完整的实现代码和解释。1.环境准备和数据加载首先，我们需要准备必要的Python库并加载数据。importnumpyasnpimportpandasaspdimportmatplotlib.pyplotaspltimpor</div> </li> <li><a href="/article/1946545737454120960.htm" title="学习笔记(39):结合生活案例，介绍 10 种常见模型" target="_blank">学习笔记(39):结合生活案例，介绍 10 种常见模型</a> <span class="text-muted">宁儿数据安全</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a> <div>学习笔记(39):结合生活案例，介绍10种常见模型线性回归只是机器学习的“冰山一角”！根据不同的任务场景（分类、回归、聚类等），还有许多强大的模型可以选择。下面我用最通俗易懂的语言，结合生活案例，介绍10种常见模型及其适用场景：一、回归模型（预测连续值，如房价）1.决策树（DecisionTree）原理：像玩“20个问题”游戏，通过一系列判断（如“面积是否>100㎡？”“房龄是否0.5就判为“会”</div> </li> <li><a href="/article/1946545022178488320.htm" title="榜样就在身边" target="_blank">榜样就在身边</a> <span class="text-muted">风帆远行</span> <div>我越来越发觉得建英是我学习的榜样！第一入校时间早。今天早上我们一组校门口值班，7点15我们就开始给学生消毒，到了7：40左右大部分学生已经入校，她说：“真不知道这么晚入校的情况，我最晚7：20都已经到校了。”听了她的话，我真是有点无地自容。下定决心，从明天早上早早到校。第二自习纪律好。每次从她班过，都发现教室里特别安静，学生坐姿端正，都在认真读书会写字，没有嘈杂的声音。这种情况还是得益于她去的早，</div> </li> <li><a href="/article/1946542965593796608.htm" title="USB Hub 和 USB Dock 技术解析" target="_blank">USB Hub 和 USB Dock 技术解析</a> <span class="text-muted">TESmart碲视</span> <a class="tag" taget="_blank" href="/search/KVM%E5%88%87%E6%8D%A2%E5%99%A8%E9%A2%86%E5%9F%9F%E7%9B%B8%E5%85%B3%E6%8A%80%E6%9C%AF/1.htm">KVM切换器领域相关技术</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E7%94%B5%E8%84%91/1.htm">电脑</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%A4%96%E8%AE%BE/1.htm">计算机外设</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E7%A1%AC%E4%BB%B6/1.htm">智能硬件</a><a class="tag" taget="_blank" href="/search/%E7%89%A9%E8%81%94%E7%BD%91/1.htm">物联网</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a> <div>"笔记本只有两个USB口，外接键盘鼠标后就没法插U盘了…"这样的困扰正在数百万办公族日常上演。面对接口荒，市场给出了两种截然不同的解决方案——轻巧便携的USBHub与功能强大的USBDock扩展坞，但究竟哪种才是你的Mr.Right？本文将从工作原理、协议支持、应用场景三个维度展开深度解析：Hub如同USB接口的"分线器"，通过简单的信号复制实现多个USB端口基础扩展；Dock则是系统级的"外设中</div> </li> <li><a href="/article/1946541344788901888.htm" title="2021-04-09" target="_blank">2021-04-09</a> <span class="text-muted">小渡艳辉</span> <div>遇见新的自己—小渡见面会感悟四月的南沙，微风不燥，温暖和煦，红绿相应，清清明明。恰赶上清明节，然而心中的期待已冲淡了那份哀思，来自全国各地的几十个同学带着各自成长的烙印，或喜或悲，为遇见新的自己奔赴而来，齐聚南沙，参加本次小渡见面会暨本会团体心理成长工作坊。齐聚南沙我是带着清晰的目标—学习带领成长团体活动参加本次见面会的，所以一走进会场又是牟足劲的状态，然而第一个环节，回想对自己影响最大的一个人或</div> </li> <li><a href="/article/1946541075917238272.htm" title="Opencv学习_2 （opencv结构&显示图像）" target="_blank">Opencv学习_2 （opencv结构&显示图像）</a> <span class="text-muted"></span> <div>opencv结构：1：主要包含：cxcorecvmachinelearninghighguicvcamcvaux2：cxcore:基础结构:CvPoint,CvSize,CvScalar等数组结构:cvCreateImage,cvCreateMat等动态结构:CvMemStorage,CvMemBlock等绘图函数:cvLine,cvRectangle等数据保存和运行时类型信息：CvFileSto</div> </li> <li><a href="/article/1946540696399835136.htm" title="【vLLM 学习】Encoder Decoder Multimodal" target="_blank">【vLLM 学习】Encoder Decoder Multimodal</a> <span class="text-muted">HyperAI超神经</span> <a class="tag" taget="_blank" href="/search/vLLM/1.htm">vLLM</a><a class="tag" taget="_blank" href="/search/vLLM/1.htm">vLLM</a><a class="tag" taget="_blank" href="/search/KV%E7%BC%93%E5%AD%98/1.htm">KV缓存</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">大语言模型</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E7%90%86%E5%8A%A0%E9%80%9F/1.htm">推理加速</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E5%AD%98%E7%AE%A1%E7%90%86/1.htm">内存管理</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE/1.htm">开源项目</a><a class="tag" taget="_blank" href="/search/%E5%9C%A8%E7%BA%BF%E6%95%99%E7%A8%8B/1.htm">在线教程</a> <div>vLLM是一款专为大语言模型推理加速而设计的框架，实现了KV缓存内存几乎零浪费，解决了内存管理瓶颈问题。更多vLLM中文文档及教程可访问→https://vllm.hyper.ai/*在线运行vLLM入门教程：零基础分步指南源码examples/offline_inference/encoder_decoder_multimodal.py#SPDX-License-Identifier:Apach</div> </li> <li><a href="/article/1946539309200896000.htm" title="LLM系统性学习完全指南（初学者必看系列）" target="_blank">LLM系统性学习完全指南（初学者必看系列）</a> <span class="text-muted">GA琥珀</span> <a class="tag" taget="_blank" href="/search/LLM/1.htm">LLM</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/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/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">语言模型</a> <div>前言这篇文章将系统性的讲解LLM（LargeLanguageModels,LLM）的知识和应用。我们将从支撑整个领域的数学与机器学习基石出发，逐步剖析自然语言处理（NLP）的经典范式，深入探究引发革命的Transformer架构，并按时间顺序追溯从BERT、GPT-2到GPT-4、Llama及Gemini等里程碑式模型的演进。随后，我们将探讨如何将这些强大的基础模型转化为实用、安全的应用，涵盖对齐</div> </li> <li><a href="/article/1946537023900807168.htm" title="六项精进" target="_blank">六项精进</a> <span class="text-muted">琪琪兒</span> <div>公司:宁波市镇海承迪文具有限公司【日精进打卡第146天】一、【知～学习】1：《六项精进》诵读0遍共30遍2：《大学》诵读1遍共221遍【经典名句分享】曾经以为“老去”是很遥远的事情，突然发现“年轻”已经是很久以前的事了…时光好不经用抬眼已然半生！！很多付出，可能永远都没有回报，但依旧乐意全情付出，是要为了给自己内心一个交代。二：【行及践行】1、修身（对自己）1.1吃好吃的1.2喝好多水1.3走了好</div> </li> <li><a href="/article/1946536894204538880.htm" title="《故事写作大师班》阅读笔记" target="_blank">《故事写作大师班》阅读笔记</a> <span class="text-muted">莫如斯</span> <div>从今天起，开始在微信读书上阅读《故事写作大师班》。每天晨读一个小时，细细来读，约需10天。在阅读过程中，发现有感触、有收获的段落，以及他人分享的有价值的内容，先在这里记录下来，等整本读完，再作一个总结。《故事写作大师班》作者约翰。特鲁比，是好莱坞首屈一指的故事写作顾问，约翰。特鲁比作家工作室创始人。该书是他30年故事创作与教学经验的精华，包含故事写作的整套秘诀，帮且创作者找到对的方法，写出好的故事</div> </li> <li><a href="/article/1946536639991967744.htm" title="兴成长伴我行" target="_blank">兴成长伴我行</a> <span class="text-muted">浑江085孙跃铭</span> <div>浑江085孙跃铭通过近两个月的兴成长计划信息化2.0提升班的学习，使我大开眼界，反观自己原来的教学方式和方法，确实陈旧，教育的发展应当顺应时代的发展，要有前瞻性，作为一名教师要适应现代教育事业的发展，就应该具备现代教育技术的素质，充分发挥信息技术的优势，为学生的学习和发展提供丰富多彩的教学环境和有利的学习工具。各位老师精彩的讲座给我留下了深刻的印象。第一讲的王子老师的课真的非常实用，给我们介绍了好</div> </li> <li><a href="/article/1946535782047084544.htm" title="【C++进阶】二叉搜索树特性 && 二叉搜索树模拟实现" target="_blank">【C++进阶】二叉搜索树特性 && 二叉搜索树模拟实现</a> <span class="text-muted">花影随风_</span> <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/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>0.前言（对学习map与set内容的铺垫）我们之前在c语言部分数据结构初阶就已经讲过二叉树了，为什么那时我们不讲二叉搜索树呢？这是有原因的，这里讲二叉树进阶是因为：1.map与set特性需要先铺垫二叉搜索树的概念，理解了二叉搜索树可以更好的理解map与set2.当时用c语言讲二叉树时没有将进阶，是因为这部分较难，长时间下容易忘记。3.一些OJ题更适合用c++解决，当时用c语言会比较麻烦，需要动态开</div> </li> <li><a href="/article/1946535529378017280.htm" title="Unity_通过鼠标点击屏幕移动屏幕里的一个对象" target="_blank">Unity_通过鼠标点击屏幕移动屏幕里的一个对象</a> <span class="text-muted">沧海归城</span> <a class="tag" taget="_blank" href="/search/unity/1.htm">unity</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%A4%96%E8%AE%BE/1.htm">计算机外设</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F%E5%BC%95%E6%93%8E/1.htm">游戏引擎</a> <div>文章目录一、获取到点击物体的Tansform（摁下鼠标左键的瞬间）二、移动点击的物体（摁着鼠标左键不放）三、松开左键清理被移动对象属性总结注：本文章只是学习总结的笔记，视频链接一、获取到点击物体的Tansform（摁下鼠标左键的瞬间）实现思路：通过Camera的ScreenPointToRay方法和Input.mousePosition鼠标坐标生成创建Ray射线，再通过Physics的Raycas</div> </li> <li><a href="/article/1946535372347469824.htm" title="魔力感恩早梳理D26" target="_blank">魔力感恩早梳理D26</a> <span class="text-muted">静宇</span> <div>1.感恩大宝在学校愉快度过的每一天。谢谢谢谢谢谢！2.感恩小宝每一天都在学校享受学习和友谊。谢谢谢谢谢谢！3.感恩我时间充裕有运动时间，跑步刷了3㎞完成目标。谢谢谢谢谢谢！4.感恩我做的事爱人都义无反顾支持并赞赏，我们独立而荣耀。谢谢谢谢谢谢！5.感恩我的亲情友情情谊无价，被滋养的生命并同时给到更多他人滋养。谢谢谢谢谢谢！6.感恩我所做的都能成，荣耀自己以及家人。谢谢谢谢谢谢！7.感恩我每天都活在</div> </li> <li><a href="/article/1946535277321318400.htm" title="探索OpenCV 3.2源码：计算机视觉的架构与实现" target="_blank">探索OpenCV 3.2源码：计算机视觉的架构与实现</a> <span class="text-muted">轩辕姐姐</span> <div>本文还有配套的精品资源，点击获取简介：OpenCV是一个全面的计算机视觉库，提供广泛的功能如图像处理、对象检测和深度学习支持。OpenCV3.2版本包含了改进的深度学习和GPU加速特性，以及丰富的示例程序。本压缩包文件提供了完整的OpenCV3.2源代码，对于深入学习计算机视觉算法和库实现机制十分宝贵。源码的模块化设计、C++接口、算法实现、多平台支持和性能优化等方面的深入理解，都将有助于开发者的</div> </li> <li><a href="/article/1946535240143007744.htm" title="《金字塔原理》读书笔记" target="_blank">《金字塔原理》读书笔记</a> <span class="text-muted">猫呢wyh</span> <div>主要内容：此书教授我们使用金字塔原理，搭建表达的逻辑，想清楚，说明白，知道说什么，怎么说。本书呈现四大逻辑——表达的逻辑、思考的逻辑、解决问题的逻辑、演示的逻辑。什么是金字塔原理：金字塔原理是一种重点突出、逻辑清晰、层次分明、简单易懂的思考、沟通方式。金字塔原理的基本结构：结论先行，以上统下，归类分组，逻辑递进。（全书精华）先重要后次要，先总结后具体，先框架后细节，先结论后原因，先结构后过程，先论</div> </li> <li><a href="/article/1946533329478152192.htm" title="【Vue CLI】手把手教你撸插件" target="_blank">【Vue CLI】手把手教你撸插件</a> <span class="text-muted">vivo互联网技术</span> <div>本文首发于vivo互联网技术微信公众号链接：https://mp.weixin.qq.com/s/Rl8XLUX7isjXNUmbw0-wow作者：ZhuPing现如今Vue作为主流的前端框架之一，其健全的配套工具，活跃的开源社区，让广发码农热衷追捧。VueCLI作为其官方的开发构建工具，目前已更新迭代到4.x版本，其内部集成了日常开发用到的打包压缩等功能，简化了常规自己动手配置webpack的烦</div> </li> <li><a href="/article/1946532883476836352.htm" title="C#与Web开发：ASP.NET Core MVC框架" target="_blank">C#与Web开发：ASP.NET Core MVC框架</a> <span class="text-muted">墨瑾轩</span> <a class="tag" taget="_blank" href="/search/%E4%B8%80%E8%B5%B7%E5%AD%A6%E5%AD%A6C%23%E3%80%90%E4%B8%80%E3%80%91/1.htm">一起学学C#【一】</a><a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a> <div>关注墨瑾轩，带你探索编程的奥秘！超萌技术攻略，轻松晋级编程高手技术宝库已备好，就等你来挖掘订阅墨瑾轩，智趣学习不孤单即刻启航，编程之旅更有趣引言嗨，小伙伴们！今天我们要聊的是一个超级有趣的主题——ASP.NETCoreMVC。如果你对C#还不熟悉，那么可以把它想象成一种既强大又灵活的语言，适合用来编写各种各样的应用程序。而ASP.NETCoreMVC呢？它是一种基于C#的现代Web开发框架，能够帮</div> </li> <li><a href="/article/38.htm" title="ASM系列六利用TreeApi 添加和移除类成员" target="_blank">ASM系列六利用TreeApi 添加和移除类成员</a> <span class="text-muted">lijingyao8206</span> <a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E4%BB%A3%E7%90%86/1.htm">动态代理</a><a class="tag" taget="_blank" href="/search/ASM/1.htm">ASM</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E8%8A%82%E7%A0%81%E6%8A%80%E6%9C%AF/1.htm">字节码技术</a><a class="tag" taget="_blank" href="/search/TreeAPI/1.htm">TreeAPI</a> <div> 同生成的做法一样，添加和移除类成员只要去修改fields和methods中的元素即可。这里我们拿一个简单的类做例子，下面这个Task类，我们来移除isNeedRemove方法，并且添加一个int 类型的addedField属性。 package asm.core; /** * Created by yunshen.ljy on 2015/6/</div> </li> <li><a href="/article/165.htm" title="Springmvc-权限设计" target="_blank">Springmvc-权限设计</a> <span class="text-muted">bee1314</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a> <div> 万丈高楼平地起。权限管理对于管理系统而言已经是标配中的标配了吧，对于我等俗人更是不能免俗。同时就目前的项目状况而言，我们还不需要那么高大上的开源的解决方案，如Spring Security，Shiro。小伙伴一致决定我们还是从基本的功能迭代起来吧。目标： 1.实现权限的管理（CRUD） 2.实现部门管理（CRUD) 3.实现人员的管理（CRUD） 4.实现部门和权限</div> </li> <li><a href="/article/292.htm" title="算法竞赛入门经典（第二版）第2章习题" target="_blank">算法竞赛入门经典（第二版）第2章习题</a> <span class="text-muted">CrazyMizzz</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>2.4.1 输出技巧 #include <stdio.h> int main() { int i, n; scanf("%d", &n); for (i = 1; i <= n; i++) printf("%d\n", i); return 0; } 习题2-2 水仙花数(daffodil</div> </li> <li><a href="/article/419.htm" title="struts2中jsp自动跳转到Action" target="_blank">struts2中jsp自动跳转到Action</a> <span class="text-muted">麦田的设计者</span> <a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/webxml/1.htm">webxml</a><a class="tag" taget="_blank" href="/search/struts2/1.htm">struts2</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E8%B7%B3%E8%BD%AC/1.htm">自动跳转</a> <div>1、在struts2的开发中，经常需要用户点击网页后就直接跳转到一个Action，执行Action里面的方法，利用mvc分层思想执行相应操作在界面上得到动态数据。毕竟用户不可能在地址栏里输入一个Action（不是专业人士） 2、＜jsp:forward page="xxx.action" /＞，这个标签可以实现跳转，page的路径是相对地址,不同与jsp和j</div> </li> <li><a href="/article/546.htm" title="php 操作webservice实例" target="_blank">php 操作webservice实例</a> <span class="text-muted">IT独行者</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a> <div>首先大家要简单了解了何谓webservice，接下来就做两个非常简单的例子，webservice还是逃不开server端与client端。我测试的环境为：apache2.2.11 php5.2.10做这个测试之前，要确认你的php配置文件中已经将soap扩展打开，即extension=php_soap.dll; OK 现在我们来体验webservice //server端 serve</div> </li> <li><a href="/article/673.htm" title="Windows下使用Vagrant安装linux系统" target="_blank">Windows下使用Vagrant安装linux系统</a> <span class="text-muted">_wy_</span> <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/vagrant/1.htm">vagrant</a> <div>准备工作：下载安装 VirtualBox ：https://www.virtualbox.org/ 下载安装 Vagrant ：http://www.vagrantup.com/ 下载需要使用的 box ：官方提供的范例：http://files.vagrantup.com/precise32.box 还可以在 http://www.vagrantbox.es/ </div> </li> <li><a href="/article/800.htm" title="更改linux的文件拥有者及用户组(chown和chgrp)" target="_blank">更改linux的文件拥有者及用户组(chown和chgrp)</a> <span class="text-muted">无量</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/chgrp/1.htm">chgrp</a><a class="tag" taget="_blank" href="/search/chown/1.htm">chown</a> <div>本文（转） http://blog.163.com/yanenshun@126/blog/static/128388169201203011157308/ http://ydlmlh.iteye.com/blog/1435157 一、基本使用：使用chown命令可以修改文件或目录所属的用户：命令</div> </li> <li><a href="/article/927.htm" title="linux下抓包工具" target="_blank">linux下抓包工具</a> <span class="text-muted">矮蛋蛋</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>原文地址： http://blog.chinaunix.net/uid-23670869-id-2610683.html tcpdump -nn -vv -X udp port 8888 上面命令是抓取udp包、端口为8888 netstat -tln 命令是用来查看linux的端口使用情况 13 . 列出所有的网络连接 lsof -i 14. 列出所有tcp 网络连接信息 l</div> </li> <li><a href="/article/1054.htm" title="我觉得mybatis是垃圾！：“每一个用mybatis的男纸，你伤不起”" target="_blank">我觉得mybatis是垃圾！：“每一个用mybatis的男纸，你伤不起”</a> <span class="text-muted">alafqq</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a> <div>最近看了每一个用mybatis的男纸，你伤不起原文地址：http://www.iteye.com/topic/1073938 发表一下个人看法。欢迎大神拍砖；个人一直使用的是Ibatis框架，公司对其进行过小小的改良；最近换了公司，要使用新的框架。听说mybatis不错；就对其进行了部分的研究；发现多了一个mapper层；个人感觉就是个dao； </div> </li> <li><a href="/article/1181.htm" title="解决java数据交换之谜" target="_blank">解决java数据交换之谜</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E4%BA%A4%E6%8D%A2/1.htm">数据交换</a> <div>交换两个数字的方法有以下三种，其中第一种最常用 /* 输出最小的一个数 */ public class jiaohuan1 { public static void main(String[] args) { int a =4; int b = 3; if(a<b){ // 第一种交换方式 int tmep =</div> </li> <li><a href="/article/1308.htm" title="渐变显示" target="_blank">渐变显示</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div><style type="text/css"> #wxf { FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#97FF98); height: 25px; } </style></div> </li> <li><a href="/article/1435.htm" title="探索JUnit4扩展：断言语法assertThat" target="_blank">探索JUnit4扩展：断言语法assertThat</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a><a class="tag" taget="_blank" href="/search/assertThat/1.htm">assertThat</a> <div>一.概述 JUnit 设计的目的就是有效地抓住编程人员写代码的意图，然后快速检查他们的代码是否与他们的意图相匹配。 JUnit 发展至今，版本不停的翻新，但是所有版本都一致致力于解决一个问题，那就是如何发现编程人员的代码意图，并且如何使得编程人员更加容易地表达他们的代码意图。JUnit 4.4 也是为了如何能够</div> </li> <li><a href="/article/1562.htm" title="【Gson三】Gson解析{"data":{"IM":["MSN","QQ","Gtalk"]}}" target="_blank">【Gson三】Gson解析{"data":{"IM":["MSN","QQ","Gtalk"]}}</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/gson/1.htm">gson</a> <div> 如何把如下简单的JSON字符串反序列化为Java的POJO对象? {"data":{"IM":["MSN","QQ","Gtalk"]}} 下面的POJO类Model无法完成正确的解析： import com.google.gson.Gson;</div> </li> <li><a href="/article/1689.htm" title="【Kafka九】Kafka High Level API vs. Low Level API" target="_blank">【Kafka九】Kafka High Level API vs. Low Level API</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a> <div>1. Kafka提供了两种Consumer API High Level Consumer API Low Level Consumer API(Kafka诡异的称之为Simple Consumer API，实际上非常复杂) 在选用哪种Consumer API时，首先要弄清楚这两种API的工作原理，能做什么不能做什么，能做的话怎么做的以及用的时候，有哪些可能的问题 </div> </li> <li><a href="/article/1816.htm" title="在nginx中集成lua脚本：添加自定义Http头，封IP等" target="_blank">在nginx中集成lua脚本：添加自定义Http头，封IP等</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/nginx+lua/1.htm">nginx lua</a> <div>Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{</div> </li> <li><a href="/article/1943.htm" title="java-归并排序" target="_blank">java-归并排序</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.Arrays; public class MergeSort { public static void main(String[] args) { int[] a={20,1,3,8,5,9,4,25}; mergeSort(a,0,a.length-1); System.out.println(Arrays.to</div> </li> <li><a href="/article/2070.htm" title="Netty源码学习-CompositeChannelBuffer" target="_blank">Netty源码学习-CompositeChannelBuffer</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/netty/1.htm">netty</a> <div>CompositeChannelBuffer体现了Netty的“Transparent Zero Copy” 查看API（ http://docs.jboss.org/netty/3.2/api/org/jboss/netty/buffer/package-summary.html#package_description）可以看到，所谓“Transparent Zero Copy”是通</div> </li> <li><a href="/article/2197.htm" title="Android中给Activity添加返回键" target="_blank">Android中给Activity添加返回键</a> <span class="text-muted">hotsunshine</span> <a class="tag" taget="_blank" href="/search/Activity/1.htm">Activity</a> <div> // this need android:minSdkVersion="11" getActionBar().setDisplayHomeAsUpEnabled(true); @Override public boolean onOptionsItemSelected(MenuItem item) { </div> </li> <li><a href="/article/2324.htm" title="静态页面传参" target="_blank">静态页面传参</a> <span class="text-muted">ctrain</span> <a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81/1.htm">静态</a> <div> $(document).ready(function () { var request = { QueryString : function (val) { var uri = window.location.search; var re = new RegExp("" + val + "=([^&?]*)", &</div> </li> <li><a href="/article/2451.htm" title="Windows中查找某个目录下的所有文件中包含某个字符串的命令" target="_blank">Windows中查找某个目录下的所有文件中包含某个字符串的命令</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E6%89%BE%E6%9F%90%E4%B8%AA%E7%9B%AE%E5%BD%95%E4%B8%8B%E7%9A%84%E6%89%80%E6%9C%89%E6%96%87%E4%BB%B6/1.htm">查找某个目录下的所有文件</a><a class="tag" taget="_blank" href="/search/%E5%8C%85%E5%90%AB%E6%9F%90%E4%B8%AA%E5%AD%97%E7%AC%A6%E4%B8%B2/1.htm">包含某个字符串</a> <div>findstr可以完成这个工作。 [html] view plain copy >findstr /s /i "string" *.* 上面的命令表示，当前目录以及当前目录的所有子目录下的所有文件中查找"string&qu</div> </li> <li><a href="/article/2578.htm" title="改善程序代码质量的一些技巧" target="_blank">改善程序代码质量的一些技巧</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E9%87%8D%E6%9E%84/1.htm">重构</a> <div>有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。让我们看一些基本的编程技巧：尽量保持方法简短尽管很多人都遵</div> </li> <li><a href="/article/2705.htm" title="SharedPreferences对数据的存储" target="_blank">SharedPreferences对数据的存储</a> <span class="text-muted">dcj3sjt126com</span> <div>SharedPreferences简介： &nbs</div> </li> <li><a href="/article/2832.htm" title="linux复习笔记之bash shell (2) bash基础" target="_blank">linux复习笔记之bash shell (2) bash基础</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/bash/1.htm">bash</a><a class="tag" taget="_blank" href="/search/bash+shell/1.htm">bash shell</a> <div>转载请出自出处： http://eksliang.iteye.com/blog/2104329 1.影响显示结果的语系变量（locale） 1.1locale这个命令就是查看当前系统支持多少种语系，命令使用如下： [root@localhost shell]# locale LANG=en_US.UTF-8 LC_CTYPE="en_US.UTF-8" </div> </li> <li><a href="/article/2959.htm" title="Android零碎知识总结" target="_blank">Android零碎知识总结</a> <span class="text-muted">gqdy365</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>1、CopyOnWriteArrayList add(E) 和remove(int index)都是对新的数组进行修改和新增。所以在多线程操作时不会出现java.util.ConcurrentModificationException错误。所以最后得出结论：CopyOnWriteArrayList适合使用在读操作远远大于写操作的场景里，比如缓存。发生修改时候做copy，新老版本分离，保证读的高</div> </li> <li><a href="/article/3086.htm" title="HoverTree.Model.ArticleSelect类的作用" target="_blank">HoverTree.Model.ArticleSelect类的作用</a> <span class="text-muted">hvt</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/hovertree/1.htm">hovertree</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a> <div>ArticleSelect类在命名空间HoverTree.Model中可以认为是文章查询条件类，用于存放查询文章时的条件，例如HvtId就是文章的id。HvtIsShow就是文章的显示属性，当为-1是，该条件不产生作用，当为0时，查询不公开显示的文章，当为1时查询公开显示的文章。HvtIsHome则为是否在首页显示。HoverTree系统源码完全开放，开发环境为Visual Studio 2013</div> </li> <li><a href="/article/3213.htm" title="PHP 判断是否使用代理 PHP Proxy Detector" target="_blank">PHP 判断是否使用代理 PHP Proxy Detector</a> <span class="text-muted">天梯梦</span> <a class="tag" taget="_blank" href="/search/proxy/1.htm">proxy</a> <div>1. php 类 I found this class looking for something else actually but I remembered I needed some while ago something similar and I never found one. I'm sure it will help a lot of developers who try to </div> </li> <li><a href="/article/3340.htm" title="apache的math库中的回归——regression（翻译）" target="_blank">apache的math库中的回归——regression（翻译）</a> <span class="text-muted">lvdccyb</span> <a class="tag" taget="_blank" href="/search/Math/1.htm">Math</a><a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a> <div>这个Math库，虽然不向weka那样专业的ML库，但是用户友好，易用。多元线性回归，协方差和相关性（皮尔逊和斯皮尔曼），分布测试（假设检验，t，卡方，G），统计。数学库中还包含，Cholesky，LU，SVD，QR，特征根分解，真不错。基本覆盖了：线代，统计，矩阵，最优化理论曲线拟合常微分方程遗传算法（GA），还有3维的运算。。。 </div> </li> <li><a href="/article/3467.htm" title="基础数据结构和算法十三：Undirected Graphs (2)" target="_blank">基础数据结构和算法十三：Undirected Graphs (2)</a> <span class="text-muted">sunwinner</span> <a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a> <div> Design pattern for graph processing. Since we consider a large number of graph-processing algorithms, our initial design goal is to decouple our implementations from the graph representation</div> </li> <li><a href="/article/3594.htm" title="云计算平台最重要的五项技术" target="_blank">云计算平台最重要的五项技术</a> <span class="text-muted">sumapp</span> <a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97/1.htm">云计算</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%B9%B3%E5%8F%B0/1.htm">云平台</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E5%9F%8E%E4%BA%91/1.htm">智城云</a> <div>云计算平台最重要的五项技术 1、云服务器云服务器提供简单高效，处理能力可弹性伸缩的计算服务，支持国内领先的云计算技术和大规模分布存储技术，使您的系统更稳定、数据更安全、传输更快速、部署更灵活。特性机型丰富通过高性能服务器虚拟化为云服务器，提供丰富配置类型虚拟机，极大简化数据存储、数据库搭建、web服务器搭建等工作；仅需要几分钟，根据CP</div> </li> <li><a href="/article/3721.htm" title="《京东技术解密》有奖试读获奖名单公布" target="_blank">《京东技术解密》有奖试读获奖名单公布</a> <span class="text-muted">ITeye管理员</span> <a class="tag" taget="_blank" href="/search/%E6%B4%BB%E5%8A%A8/1.htm">活动</a> <div>ITeye携手博文视点举办的12月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 12月试读活动回顾： http://webmaster.iteye.com/blog/2164754 本次技术图书试读活动获奖名单及相应作品如下：一等奖（两名） Microhardest：http://microhardest.ite</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.  </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>