一只大喵喵

蓝旭工作室讨论班：前端第一讲——HTML基础

一、什么是前端（了解）：
前端对于网站来说，通常是指网站的前台部分，包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，现在最新的高级版本HTML5、CSS3，以及SVG等。
HTML、CSS、JavaScript这三个是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚、弄明白，这样在开发的过程中才会得心应手。
HTML：
指的是超文本标记语言 (Hyper Text Markup Language)，超文本标记语言（HyperText Markup Language，简称为HTML）是为网页创建和其它可在网页浏览器中看到的信息设计的一种标记语言。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。

HTML发展历史：
HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1997年1月14日，W3C推荐标准
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
HTML 5——2014年10月28日，W3C推荐标准 [4] （详见本处参考资料）

HTML和css入门学习方法（仅仅是个人建议）：
①少看书，多敲代码
②遇到问题，先百度，百度看不懂（这种情况经常发生）问学长学姐
③解决了问题，最好可以把问题记录下来，写入博客。推荐csdn，博客园不推荐的原因是大二的时候刘志勇老师会让你们使用博客园写作业

二．准备工作
安装火狐，谷歌；
安装并使用Sublime text 3可以安装插件emmet（安装方法请百度）；

三．创建HTML文档
创建一个文本文件，并将其文件扩展名设置为html
了解HTML文档：
外层结构
元数据
内容
外层结构


<html>
html>

让浏览器明白处理的是HTML文件
是html的开始标签：让浏览器明白自此知道html结束标签，所有的元素内容都应该作为HTML处理。

元数据：
HTML文档的元数据可以用来向浏览器提供文档的一些信息。元数据包含在head元素内。
内容：
文档内容放在body元素中

四．重要的HTML标签（使用频繁）
1.文档标签：、、、<body></code> <br> 2.文章标签：<code><h1> - <h6> 、<p>、<span>、</code> <br> 3.链接标签：<code><a></code> <br> 4.多媒体标签:<code><img>、<map>、<area>、<object>、<param>、</code> <br> 5.表格标签： <code><table>、<thead>、 <tr>、 <td>、 <th>、</code> <br> 6.表单标签：<code><from>、<input>、<textarea>、<button>、<select></code> <br> 7.列表标签：<code><ul>、<ol>、<li>、<dl>、<dt>、<dd>、</code> <br> 8.布局标签：<code><div>、</code> <br> 9.框架标签：<code><frame>、<frameset>、<iframe></code></p> <p><strong>五．父元素、子元素、后代元素、兄弟元素</strong></p> <p><strong>六．块级元素和行级元素</strong> <br> 行内元素会在一条直线上排列，都是同一行的，水平方向排列； <br> 块级元素各占据一行，垂直方向排列。 <br> 块级元素太多，记住行级元素即可 <br> 常用块元素(block element)：</p> <pre class="prettyprint"><code class=" hljs markdown"><span class="hljs-bullet">* </span>div - 块级容器 <span class="hljs-bullet">* </span>form -表单 <span class="hljs-bullet">* </span>table - 表格 <span class="hljs-bullet">* </span>h1 - 大标题 <span class="hljs-bullet">* </span>h2 - 副标题 <span class="hljs-bullet">* </span>h3 - 3级标题 <span class="hljs-bullet">* </span>h4 - 4级标题 <span class="hljs-bullet">* </span>h5 - 5级标题 <span class="hljs-bullet">* </span>h6 - 6级标题 <span class="hljs-bullet">* </span>p - 段落 <span class="hljs-bullet">* </span>ol - 排序列表 <span class="hljs-bullet">* </span>ul – 无序列表 <span class="hljs-bullet">* </span>li – </code></pre> <p>常用内联（行内）元素(inline element)：</p> <pre class="prettyprint"><code class=" hljs markdown"><span class="hljs-bullet">* </span>a - 锚点（链接） <span class="hljs-bullet">* </span>span - 行内文字 <span class="hljs-bullet">* </span>img - 图片 <span class="hljs-bullet">* </span>input - 输入框 <span class="hljs-bullet">* </span>select - 项目选择 </code></pre> <p>七．书写注意</p> <p>1.标签闭合：<code><p>这是一段话（错误）</code> <br> 可能不会导致出错，但是这是非常不可取的，是必须百分百避免的。 <br> <code><img> <input></code>等少部分标签没有闭合标签 <br> 2.使用小写的标记：</p> <pre class="prettyprint"><code class=" hljs xml"> <span class="hljs-tag"><<span class="hljs-title">P</span>></span>Here's an interesting fact about corn. <span class="hljs-tag"></<span class="hljs-title">P</span>></span> </code></pre> <p>最好不要这样写，费力气输入大些字母没有任何用处，并且会让代码很难看。 <br> 3.添加注释：<code></code> <br> 快捷键：Ctrl+？ <br> 4.代码规范 <br> <a href="http://img.e-com-net.com/image/info8/bc2fd6c7b49342369daceba83c06be90.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/bc2fd6c7b49342369daceba83c06be90.jpg" alt="蓝旭工作室讨论班：前端第一讲——HTML基础_第1张图片" title="" width="442" height="264" style="border:1px solid black;"></a> <br> 5.文件格式规范 <br> <a href="http://img.e-com-net.com/image/info8/f8c03f64d7f844be9a88090f8189ccbd.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/f8c03f64d7f844be9a88090f8189ccbd.png" alt="蓝旭工作室讨论班：前端第一讲——HTML基础_第2张图片" title="" width="396" height="360" style="border:1px solid black;"></a> <br> <a href="http://img.e-com-net.com/image/info8/0e7f46f40c8a465eb98756d43292e431.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/0e7f46f40c8a465eb98756d43292e431.jpg" alt="蓝旭工作室讨论班：前端第一讲——HTML基础_第3张图片" title="" width="650" height="259" style="border:1px solid black;"></a> <br> <strong>八．推荐网站：</strong> <br> http://www.w3school.com.cn/ w3school在线教程 <br> http://www.imooc.com/ 慕课网 <br> https://blog.csdn.net/ csdn博客 <br> http://www.ycku.com/course/ web飘城俱乐部 <br> <strong>九．作业</strong> <br> 仿照蓝旭的报名表，设计一个报名表 <br> 要求： <br> 使用表格标签和表单标签 <br> <a href="http://img.e-com-net.com/image/info8/45eb01d6083d45639cea959f0884b402.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/45eb01d6083d45639cea959f0884b402.jpg" alt="蓝旭工作室讨论班：前端第一讲——HTML基础_第4张图片" title="" width="650" height="914" style="border:1px solid black;"></a> <br> 示例代码：</p> <pre class="prettyprint"><code class=" hljs xml"><span class="hljs-doctype"><!DOCTYPE html></span> <span class="hljs-tag"><<span class="hljs-title">html</span> <span class="hljs-attribute">lang</span>=<span class="hljs-value">"en"</span>></span> <span class="hljs-tag"><<span class="hljs-title">head</span>></span> <span class="hljs-tag"><<span class="hljs-title">meta</span> <span class="hljs-attribute">charset</span>=<span class="hljs-value">"UTF-8"</span>></span> <span class="hljs-tag"><<span class="hljs-title">title</span>></span>这里是标题栏的标题<span class="hljs-tag"></<span class="hljs-title">title</span>></span> <span class="hljs-tag"></<span class="hljs-title">head</span>></span> <span class="hljs-tag"><<span class="hljs-title">body</span>></span> <span class="hljs-tag"><<span class="hljs-title">h1</span>></span>这是h1的效果<span class="hljs-tag"></<span class="hljs-title">h1</span>></span> <span class="hljs-tag"><<span class="hljs-title">h2</span>></span>这是h2的效果<span class="hljs-tag"></<span class="hljs-title">h2</span>></span> <span class="hljs-tag"><<span class="hljs-title">h3</span>></span>这是h3的效果<span class="hljs-tag"></<span class="hljs-title">h3</span>></span> <span class="hljs-tag"><<span class="hljs-title">h4</span>></span>这是h4的效果<span class="hljs-tag"></<span class="hljs-title">h4</span>></span> <span class="hljs-tag"><<span class="hljs-title">h5</span>></span>这是h5的效果<span class="hljs-tag"></<span class="hljs-title">h5</span>></span> <span class="hljs-tag"><<span class="hljs-title">h6</span>></span>这是h6的效果<span class="hljs-tag"></<span class="hljs-title">h6</span>></span> <span class="hljs-tag"><<span class="hljs-title">p</span>></span>一段话<span class="hljs-tag"></<span class="hljs-title">p</span>></span> <span class="hljs-tag"><<span class="hljs-title">span</span> ></span>一句话<span class="hljs-tag"></<span class="hljs-title">span</span>></span> <span class="hljs-tag"><<span class="hljs-title">a</span> <span class="hljs-attribute">href</span>=<span class="hljs-value">"https://www.baidu.com/"</span> <span class="hljs-attribute">target</span>=<span class="hljs-value">"_blank"</span>></span>谷歌的老婆<span class="hljs-tag"></<span class="hljs-title">a</span>></span> <span class="hljs-tag"><<span class="hljs-title">img</span> <span class="hljs-attribute">src</span>=<span class="hljs-value">"tupian.jpg"</span>></span> <span class="hljs-tag"><<span class="hljs-title">table</span> <span class="hljs-attribute">border</span>=<span class="hljs-value">"1"</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"400px"</span> <span class="hljs-attribute">height</span>=<span class="hljs-value">"400px"</span> <span class="hljs-attribute">cellspacing</span>=<span class="hljs-value">"0"</span>></span> <span class="hljs-tag"><<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"20%"</span>></span>一<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"20%"</span>></span>二<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"20%"</span>></span>三<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"20%"</span>></span>四<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"20%"</span>></span>五<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"></<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> ></span><span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> ></span>English<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> ></span>C语言<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> ></span><span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> ></span>English<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"></<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> ></span>❤计算机导论<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>思修<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> ></span>线性代数<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> ></span>计算机导论<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> ></span>C语言<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"></<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> ></span><span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> ></span>写作<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> ></span>❤❤线性代数<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> ></span>❤❤走进软件<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>体育<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"></<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>大学生职业规划<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span><span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span><span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span><span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>❤思修<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"></<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>高数<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>高数<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span><span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span><span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>高数<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"></<span class="hljs-title">tr</span>></span> <span class="hljs-tag"></<span class="hljs-title">table</span>></span> <span class="hljs-tag"><<span class="hljs-title">table</span> <span class="hljs-attribute">border</span>=<span class="hljs-value">"1"</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"700px"</span> <span class="hljs-attribute">cellspacing</span>=<span class="hljs-value">"0"</span>></span> <span class="hljs-tag"><<span class="hljs-title">tr</span> <span class="hljs-attribute">height</span>=<span class="hljs-value">"50px"</span> <span class="hljs-attribute">align</span>=<span class="hljs-value">"center"</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> <span class="hljs-attribute">colspan</span>=<span class="hljs-value">"6"</span>></span>修改简历信息<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"></<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">tr</span> <span class="hljs-attribute">height</span>=<span class="hljs-value">"50px"</span> <span class="hljs-attribute">align</span>=<span class="hljs-value">"center"</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> <span class="hljs-attribute">rowspan</span>=<span class="hljs-value">"7"</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"100px"</span>></span>基本<span class="hljs-tag"><<span class="hljs-title">br</span>/></span>资料<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"60px"</span>></span>姓名<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"100px"</span>></span>-<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"60px"</span>></span>性别<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"100px"</span> <span class="hljs-attribute">align</span>=<span class="hljs-value">"center"</span>></span> <span class="hljs-tag"><<span class="hljs-title">div</span>></span> <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"radio"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"sex"</span>/></span>男 <span class="hljs-tag"></<span class="hljs-title">div</span>></span> <span class="hljs-tag"><<span class="hljs-title">div</span>></span> <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"radio"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"sex"</span>/></span>女 <span class="hljs-tag"></<span class="hljs-title">div</span>></span> <span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> <span class="hljs-attribute">rowspan</span>=<span class="hljs-value">"4"</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"130px"</span>></span> <span class="hljs-tag"><<span class="hljs-title">img</span> <span class="hljs-attribute">src</span>=<span class="hljs-value">"tupian.jpg"</span> <span class="hljs-attribute">height</span>=<span class="hljs-value">"100px"</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"130px"</span>></span> <span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"></<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">tr</span> <span class="hljs-attribute">height</span>=<span class="hljs-value">"50px"</span> <span class="hljs-attribute">align</span>=<span class="hljs-value">"center"</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>名族<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>-<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>籍贯<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>-<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"></<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">tr</span> <span class="hljs-attribute">height</span>=<span class="hljs-value">"50px"</span> <span class="hljs-attribute">align</span>=<span class="hljs-value">"center"</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>出生日期<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>-<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>政治面貌<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">select</span>></span> <span class="hljs-tag"><<span class="hljs-title">option</span> <span class="hljs-attribute">selected</span>></span>中共党员<span class="hljs-tag"></<span class="hljs-title">option</span>></span> <span class="hljs-tag"><<span class="hljs-title">option</span>></span>共青团员<span class="hljs-tag"></<span class="hljs-title">option</span>></span> <span class="hljs-tag"><<span class="hljs-title">option</span>></span>普通群众<span class="hljs-tag"></<span class="hljs-title">option</span>></span> <span class="hljs-tag"></<span class="hljs-title">select</span>></span> <span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"></<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">tr</span> <span class="hljs-attribute">height</span>=<span class="hljs-value">"50px"</span> <span class="hljs-attribute">align</span>=<span class="hljs-value">"center"</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>学历<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>-<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>健康状况<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"radio"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"health"</span>/></span>偏瘦 <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"radio"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"health"</span>/></span>匀称 <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"radio"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"health"</span>/></span>肥胖 <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"radio"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"health"</span>/></span>超重 <span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"></<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">tr</span> <span class="hljs-attribute">height</span>=<span class="hljs-value">"50px"</span> <span class="hljs-attribute">align</span>=<span class="hljs-value">"center"</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>专业<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> <span class="hljs-attribute">colspan</span>=<span class="hljs-value">"4"</span>></span> <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"checkbox"</span> /></span>HTML <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"checkbox"</span> /></span>CSS <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"checkbox"</span> /></span>JavaScrip <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"checkbox"</span> /></span>Java <span class="hljs-tag"><<span class="hljs-title">br</span>/></span> <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"checkbox"</span> /></span>Jsp <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"checkbox"</span> /></span>Tomcat <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"checkbox"</span> /></span>Oracle <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"checkbox"</span> /></span>UML <span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"></<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">tr</span> <span class="hljs-attribute">height</span>=<span class="hljs-value">"50px"</span> <span class="hljs-attribute">align</span>=<span class="hljs-value">"center"</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>通讯地址<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> <span class="hljs-attribute">colspan</span>=<span class="hljs-value">"2"</span>></span>-<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>邮编<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>-<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"></<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">tr</span> <span class="hljs-attribute">height</span>=<span class="hljs-value">"50px"</span> <span class="hljs-attribute">align</span>=<span class="hljs-value">"center"</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>联系电话<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span> <span class="hljs-attribute">colspan</span>=<span class="hljs-value">"4"</span>></span>-<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"></<span class="hljs-title">tr</span>></span> <span class="hljs-tag"></<span class="hljs-title">table</span>></span> <span class="hljs-tag"><<span class="hljs-title">form</span>></span> <span class="hljs-comment"></span> <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"text"</span> <span class="hljs-attribute">value</span>=<span class="hljs-value">"请输入姓名"</span> /></span> <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"password"</span> /></span> <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"file"</span> /></span> <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"number"</span> /></span> <span class="hljs-tag"><<span class="hljs-title">textarea</span> ></span>在这里输入你的评价textarea<span class="hljs-tag"></<span class="hljs-title">textarea</span>></span> <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"reset"</span> /></span> <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"submit"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"biaodan"</span>></span> <span class="hljs-tag"><<span class="hljs-title">button</span>></span>点击我<span class="hljs-tag"></<span class="hljs-title">button</span>></span> <span class="hljs-tag"><<span class="hljs-title">select</span>></span> <span class="hljs-comment"></span> <span class="hljs-tag"><<span class="hljs-title">option</span>></span>吉林<span class="hljs-tag"></<span class="hljs-title">option</span>></span> <span class="hljs-tag"><<span class="hljs-title">option</span> <span class="hljs-attribute">selected</span>></span>北京<span class="hljs-tag"></<span class="hljs-title">option</span>></span> <span class="hljs-tag"><<span class="hljs-title">option</span>></span>山西<span class="hljs-tag"></<span class="hljs-title">option</span>></span> <span class="hljs-tag"></<span class="hljs-title">select</span>></span> <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"checkbox"</span> /></span>苹果 <span class="hljs-comment"></span> <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"checkbox"</span> /></span>香蕉 <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"checkbox"</span> /></span>梨 <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"radio"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"subject"</span> /></span>数学 <span class="hljs-comment"></span> <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"radio"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"subject"</span> /></span>语文 <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"radio"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"subject"</span> /></span>英语 <span class="hljs-tag"></<span class="hljs-title">form</span>></span> <span class="hljs-tag"><<span class="hljs-title">ul</span>></span> <span class="hljs-comment"></span> <span class="hljs-tag"><<span class="hljs-title">li</span>></span>Coffee<span class="hljs-tag"></<span class="hljs-title">li</span>></span> <span class="hljs-tag"><<span class="hljs-title">li</span>></span>Milk<span class="hljs-tag"></<span class="hljs-title">li</span>></span> <span class="hljs-tag"><<span class="hljs-title">li</span>></span>orange<span class="hljs-tag"></<span class="hljs-title">li</span>></span> <span class="hljs-tag"></<span class="hljs-title">ul</span>></span> <span class="hljs-tag"><<span class="hljs-title">ol</span>></span> <span class="hljs-comment"></span> <span class="hljs-tag"><<span class="hljs-title">li</span>></span>Coffee<span class="hljs-tag"></<span class="hljs-title">li</span>></span> <span class="hljs-tag"><<span class="hljs-title">li</span>></span>Milk<span class="hljs-tag"></<span class="hljs-title">li</span>></span> <span class="hljs-tag"><<span class="hljs-title">li</span>></span>orange<span class="hljs-tag"></<span class="hljs-title">li</span>></span> <span class="hljs-tag"></<span class="hljs-title">ol</span>></span> <span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">"width: 400px;height: 400px;background-color: pink;"</span>></span><span class="hljs-tag"></<span class="hljs-title">div</span>></span> <span class="hljs-tag"></<span class="hljs-title">body</span>></span> <span class="hljs-tag"></<span class="hljs-title">html</span>></span></code></pre> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1305182598129029120"></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/1882745605982318592.htm" title="TCL小蓝翼新风空调亮相CES2025，斩获智慧新风技术创新大奖" target="_blank">TCL小蓝翼新风空调亮相CES2025，斩获智慧新风技术创新大奖</a> <span class="text-muted">TMT星球</span> <a class="tag" taget="_blank" href="/search/%E5%AE%B6%E7%94%B5/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/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a> <div>1月7日-11日，被称为“科技界春晚”的CES2025（国际消费类电子产品展览会）在美国拉斯维加斯举行。本届CES，TCL小蓝翼新风空调更是惊艳亮相TCL展区，以领先的健康新风及AI技术，斩获CES2025智慧新风技术创新奖（SmartFreshAirTechnologyInnovationAward）。全球刮起健康新风，TCL小蓝翼新风空调惊艳拉斯维加斯作为“科技届春晚”，每年的国际消费类电子产</div> </li> <li><a href="/article/1882743713784983552.htm" title="携手英特尔 | 大势智慧数字文博科技亮相第五届进博会" target="_blank">携手英特尔 | 大势智慧数字文博科技亮相第五届进博会</a> <span class="text-muted">大势智慧</span> <a class="tag" taget="_blank" href="/search/vr/1.htm">vr</a> <div>开放合作、共享共赢。11月5日至10日，第五届中国国际进口博览会在上海正式举办。本次进博会，由云冈研究院与大势智慧联合打造的云冈石窟第13窟整窟高精度三维模型，结合英特尔服务器软硬协同能力，成功推出数字文博VR一体机创新成果，亮相进博会技术装备展区，吸引众多嘉宾参观体验。数字文博VR一体机是文物数字化模型与虚拟现实技术融合展示的重要成果，实现了超大体量的高浮雕高精度整窟重建，让具备28.34万张纹</div> </li> <li><a href="/article/1882740939462602752.htm" title="第 3 章核心处理层（中）" target="_blank">第 3 章核心处理层（中）</a> <span class="text-muted">沉登c</span> <a class="tag" taget="_blank" href="/search/MyBatis%E6%8A%80%E6%9C%AF%E5%86%85%E5%B9%95/1.htm">MyBatis技术内幕</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>3.3ResultSetHandlerMyBatis将结果集按照映射配置文件中定义的映射规则，例如节点、resultType属性等，映射成相应的结果对象。这一过程是由ResultSetHandler完成的。publicinterfaceResultSetHandler{//处理结果集，生成相应的结果对象集合ListhandleResultSets(Statementstmt)throwsSQLEx</div> </li> <li><a href="/article/1882736653412397056.htm" title="SpringBoot3+Vue3+NaiveUI博客后台管理系统源码 | 小蚂蚁云" target="_blank">SpringBoot3+Vue3+NaiveUI博客后台管理系统源码 | 小蚂蚁云</a> <span class="text-muted">小蚂蚁开源</span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E4%BD%8E%E4%BB%A3%E7%A0%81/1.htm">低代码</a> <div>项目介绍基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、TypeScript、Vite、NaiveUI、MySQL等技术栈实现的单体前后端分离后台管理系统；后端基于Java语言采用SpringBoot3、SpringSecurity、MybatisPlus、MySQL等主流技术栈，前端基于Vue3、TypeScript、Vite等技术栈实现，采用Naiv</div> </li> <li><a href="/article/1882736527025434624.htm" title="小蚂蚁云后台管理系统|XiaoMaYi" target="_blank">小蚂蚁云后台管理系统|XiaoMaYi</a> <span class="text-muted">小蚂蚁开源</span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a> <div>项目介绍基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、TypeScript、Vite、ElementPlus、MySQL等技术栈实现的单体前后端分离后台管理系统；后端基于Java语言采用SpringBoot3、SpringSecurity、MybatisPlus、MySQL等主流技术栈，前端基于Vue3、TypeScript、Vite等技术栈实现，采用</div> </li> <li><a href="/article/1882736399120134144.htm" title="java抽取PDF指定范围页做新的PDF文件" target="_blank">java抽取PDF指定范围页做新的PDF文件</a> <span class="text-muted">vipwangjun</span> <a class="tag" taget="_blank" href="/search/epub/1.htm">epub</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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/itextpdf/1.htm">itextpdf</a><a class="tag" taget="_blank" href="/search/PDF%E5%88%86%E5%89%B2/1.htm">PDF分割</a> <div>因为公司有将首页提取出来做成一个单独的PDF文件.为了以后方便,直接就写一个方法.可以抽取任意范围的PDF页作为新的PDF./***截取pdfFile的第from页至第end页，组成一个新的文件名*@parampdfFile需要分割的PDF*@paramsavepath新PDF*@paramfrom起始页*@paramend结束页*/publicstaticvoidsplitPDFFile(Str</div> </li> <li><a href="/article/1882731097855422464.htm" title="【前端高频面试题--ES6篇】" target="_blank">【前端高频面试题--ES6篇】</a> <span class="text-muted">码上有前</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>作者：“码上有前”文章简介：前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言前端高频面试题--ES6篇往期精彩内容ES6ES6概念let和constletConst解构赋值模板字符串对象简化箭头函数形参赋初始值Rest参数扩展运算符扩展运算符的应用Symbol的基本使用对象添加Symbol类型的属性Symbol内置值迭代器生成器PromiseSetMapclass类数值扩展对象扩展模块化往期精彩内容【</div> </li> <li><a href="/article/1882725299569881088.htm" title="第 9 课 Python 异常处理" target="_blank">第 9 课 Python 异常处理</a> <span class="text-muted">嵌入式老牛</span> <a class="tag" taget="_blank" href="/search/Python%E5%85%A5%E9%97%A8/1.htm">Python入门</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>1.异常与错误程序错误是指语法错误（指令输入不正确）和逻辑错误（程序执行结果不正确），而程序异常是一个意外事件，该事件会在程序执行过程中发生，影响了程序的正常执行，比如：打开的文件不存在、被除数为0、操作的数据类型不对、存储错误，互联网请求错误等等。一般情况下，在Python无法正常处理程序时就会发生一个异常。异常是Python对象，表示一个错误。当Python脚本发生异常时我们需要捕获处理它，否</div> </li> <li><a href="/article/1882724164616384512.htm" title="SpringBoot中使用TraceId进行日志追踪" target="_blank">SpringBoot中使用TraceId进行日志追踪</a> <span class="text-muted">java15655057970</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">学习路线</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4/1.htm">阿里巴巴</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E7%8A%B6%E6%80%81%E6%A8%A1%E5%BC%8F/1.htm">状态模式</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>**查询日志的痛点：**项目中每当我们查询日志的时候都是看前端请求什么接口，根据一些关键字进入服务器查询日志中是否有这个关键字，然而这个关键字在日志里面并不是唯一的，所以要生成一个唯一的标识，每一次请求都是唯一的一串字符，查询会过滤掉很多无用的信息，快捷查找到这次请求。为了解决这个痛点，就使用了TraceId。一、TraceId定义用于标识某一次具体的请求ID。当用户的请求进入系统后，会在RPC调</div> </li> <li><a href="/article/1882723407217356800.htm" title="SpringBoot + Vue 前后端分离开发项目源码" target="_blank">SpringBoot + Vue 前后端分离开发项目源码</a> <span class="text-muted">左李滢Just</span> <div>SpringBoot+Vue前后端分离开发项目源码SpringBootVue前后端分离开发项目源码本仓库提供了一个完整的SpringBoot+Vue前后端分离开发项目的源码。该项目展示了如何使用SpringBoot作为后端框架，Vue作为前端框架，实现前后端分离的开发模式。通过本项目，您可以学习到如何搭建一个高效、可扩展的Web应用架构项目地址:https://gitcode.com/open-s</div> </li> <li><a href="/article/1882713699878236160.htm" title="【前端】--- ES6下篇（带你深入了解ES6语法）" target="_blank">【前端】--- ES6下篇（带你深入了解ES6语法）</a> <span class="text-muted">心.c</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>前言：ECMAScript是JavaScript的标准化版本，由ECMA国际组织制定。ECMAScript定义了JavaScript的语法、类型、语句、关键字、保留字等。ES6是ECMAScript的第六个版本，于2015年发布，引入了许多重要的新特性，使JavaScript更加现代化。进制ES6中增加了二进制和八进制的写法：二进制使用前缀'0b'或'0B'，八进制使用前缀'0o'或'0O'二进制</div> </li> <li><a href="/article/1882711557171900416.htm" title="java枚举转json" target="_blank">java枚举转json</a> <span class="text-muted">软件老王</span> <a class="tag" taget="_blank" href="/search/%E6%9E%9A%E4%B8%BE/1.htm">枚举</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a> <div>1、背景java后端的枚举类型，要展示到前端，提供给用户进行下拉选择，java后端需要封装enum为json字符串提供给前端，需要首先将枚举类型转为list，然后再转为json字符串。2、方案方案也很简单，使用EnumSet.allOf(TestEnum.class)，将数据获取到再塞到list中就可以了。代码如下：importcom.alibaba.fastjson.JSONObject;imp</div> </li> <li><a href="/article/1882710926466019328.htm" title="CH4 - Python开发技术—流程控制之分支结构（头歌）" target="_blank">CH4 - Python开发技术—流程控制之分支结构（头歌）</a> <span class="text-muted">MSY～学习日记分享</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>目录第1关：英制单位英寸与公制单位厘米互换第2关：百分制成绩转换为等级制成绩第3关：约瑟夫环问题第1关：英制单位英寸与公制单位厘米互换"""英制单位英寸和公制单位厘米互换"""defcmin(value,unit):''':paramvalue:长度，:paramunit:单位'''#请在此处添加代码##*************begin************#ifunit=='cm'orun</div> </li> <li><a href="/article/1882710587939549184.htm" title="多功能系统下的专业游戏陪玩小程序，线上开黑陪玩与线下家政服务全囊括" target="_blank">多功能系统下的专业游戏陪玩小程序，线上开黑陪玩与线下家政服务全囊括</a> <span class="text-muted"></span> <div>技术栈与工具前端技术栈UniApp框架：用于开发跨平台的移动应用。Vue.js：用于构建用户界面。微信小程序云函数：用于在微信小程序中实现后端逻辑。后端技术栈PHP：用于开发后端服务。MySQL：用于存储用户数据和陪玩人员信息。TP6框架：用于开发后端服务。开发工具HBuilderX：用于开发UniApp项目。微信开发者工具：用于开发微信小程序。适用行业陪玩行业：游戏陪玩领域国内已经很成熟。陪聊行</div> </li> <li><a href="/article/1882710204068458496.htm" title="< HarmonyOS TechTalk 33 >应用安全开发关键技术讲解" target="_blank">< HarmonyOS TechTalk 33 >应用安全开发关键技术讲解</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a> <div>课程简介本课程是【HarmonyOSTechTalk】的第33课。本课程主要内容为应用安全开发关键技术讲解，主要针对应用开发中常见的安全技术进行介绍，包括应用权限申请、加解密算法、未成年人模式。能够帮助开发者更好的掌握安全开发相关能力。标签高级课程HarmonyOS权限申请加解密算法未成年人模式观看课程点击链接，立马观看学习：应用安全开发关键技术讲解学习全部课程共33个课程，欢迎小伙伴们观看学习，</div> </li> <li><a href="/article/1882710202726281216.htm" title="< HarmonyOS TechTalk 32 > 全场景协同开发实践" target="_blank">< HarmonyOS TechTalk 32 > 全场景协同开发实践</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a> <div>课程简介本课程是【HarmonyOSTechTalk】的第32课。本课程主题为全场景协同开发实践，主要针对鸿蒙全场景协同场景的讲解，包含接续、跨设备互通、跨设备剪贴板等协同场景，并提供了多个实践案例。标签高级课程HarmonyOS全场景接续跨设备互通跨设备剪贴板观看课程点击链接，立马观看学习：全场景协同开发实践学习全部课程共33个课程，欢迎小伙伴们观看学习，掌握更多鸿蒙开发技能。事件通知高频场景串</div> </li> <li><a href="/article/1882710075659841536.htm" title="<HarmonyOS TechTalk 30> 一镜到底、智能填充、悬停适配开发实践" target="_blank"><HarmonyOS TechTalk 30> 一镜到底、智能填充、悬停适配开发实践</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a> <div>课程简介本课程是【HarmonyOSTechTalk】的第30课。本课程将向开发者介绍HarmonyOS系统的强大开发能力,重点讲解三大核心特性：一镜到底、悬停适配、智能填充，帮助开发者更高效地构建优质的鸿蒙应用。课程旨在帮助开发者提升构建优质鸿蒙应用的能力，通过学习这些特性，开发者可以提升应用开发的灵活性和用户体验，从而开发更具创新性的跨平台应用。标签高级课程HarmonyOS一镜到底悬停智能填</div> </li> <li><a href="/article/1882710074347024384.htm" title="<HarmonyOS TechTalk 29> 应用冷启动及页面滑动场景性能优化" target="_blank"><HarmonyOS TechTalk 29> 应用冷启动及页面滑动场景性能优化</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a> <div>课程简介本课程是【HarmonyOSTechTalk】的第29课。本次主要围绕“应用冷启动及页面滑动场景性能优化”展开介绍。课程分为两个部分：1.应用冷启动流程讲解：介绍关键性能指标、问题分析思路以及提升应用冷启动方案；2.页面滑动场景性能优化实践：包括滑动性能指标、问题分析思路、ArkUI和RN应用的常见优化手段。通过深入了解这些内容，开发者能够提高冷启动流程效率和优化滑动体验。标签高级课程Ha</div> </li> <li><a href="/article/1882707015579529216.htm" title="浅谈视频智能化的发展与应用" target="_blank">浅谈视频智能化的发展与应用</a> <span class="text-muted">weixin_33692284</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/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/ViewUI/1.htm">ViewUI</a> <div>视频监控发展到今天，大家对视频系统规模的快速发展是有目共睹的。近年来基于成熟的以太网技术，大规模数字化视频监控系统的建设变得非常简单，很多项目拥有成百上千个前端点位，达到上万个前端点位的超大规模监控系统也不少见。随着视频监控系统规模的增加，在图像质量越来越好的当下，能否让摄像机看懂正在发生的事件并提出告警，这正是近年来非常流行的智能化需求的由来。本文将对目前智能视频分析技术的发展做些简单的阐述。一</div> </li> <li><a href="/article/1882703479785451520.htm" title="nginx闲谈" target="_blank">nginx闲谈</a> <span class="text-muted">沉默monkey</span> <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> <div>提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录介绍特点高并发轻量级模块化设计应用场景web服务器反向代理正向代理（类似机场）配置demo负载均衡缓存处理https与ssl/tlsapi网关介绍nginx高性能（同比tomcat性能高20%），轻量的weib服务器和反向代理服务器，能解决大量并发连接（C10K问题），高并发，高可靠，低内存消耗，支持多功能模块（如前端静态资源</div> </li> <li><a href="/article/1882703100301602816.htm" title="doris：Azure Storage导入数据" target="_blank">doris：Azure Storage导入数据</a> <span class="text-muted">向阳1218</span> <a class="tag" taget="_blank" href="/search/azure/1.htm">azure</a><a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a><a class="tag" taget="_blank" href="/search/microsoft/1.htm">microsoft</a><a class="tag" taget="_blank" href="/search/doris/1.htm">doris</a> <div>Doris提供两种方式从AzureStorage导入文件：使用S3Load将AzureStorage文件导入到Doris中，这是一个异步的导入方式。使用TVF将AzureStorage文件导入到Doris中，这是一个同步的导入方式。使用S3Load导入使用S3Load导入对象存储上的文件，详细步骤可以参考BrokerLoad手册第1步：准备数据创建CSV文件s3load_example.csv文件</div> </li> <li><a href="/article/1882701334310875136.htm" title="制作动态菜单" target="_blank">制作动态菜单</a> <span class="text-muted">大磊程序员(“hello world”)</span> <a class="tag" taget="_blank" href="/search/Java%E5%90%8E%E7%AB%AF/1.htm">Java后端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>动态菜单的说明什么叫做动态菜单？动态菜单就是根据用户属于不同的角色，每个角色还有不同的菜单，左侧菜单栏会有不同的显示前端加载流程menu.js修改/src/api/menu.js中的请求地址，如下所示：//获取菜单exportconstGetMenus=params=>{returnrequest({url:'/admin/system/index/menus',method:'get',para</div> </li> <li><a href="/article/1882699981991768064.htm" title="费控报销APP哪个好？盘点8款企业常用工具" target="_blank">费控报销APP哪个好？盘点8款企业常用工具</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E8%B4%B9%E6%8E%A7%E7%B3%BB%E7%BB%9F/1.htm">费控系统</a> <div>这篇文章介绍了以下几款工具：1.合思；2.金蝶K3财务软件；3.致远A3财务；4.慧算账；5.蓝凌财务管理系统；6.Abacus；7.QuickBooks；8.KashFlow。在企业管理中，费用报销一直是个让人头疼的难题。繁琐的流程、纸质单据的丢失、审核的低效率，常常让团队和财务部门都感到焦虑。而如今，随着移动互联网的普及，费控报销APP的出现为解决这些问题提供了一个高效便捷的解决方案。无论是加</div> </li> <li><a href="/article/1882697045416931328.htm" title="代码随想录算法训练营第 16 天（树4）| 513.找树左下角的值、112. 路径总和i ii、106.从中序与后序遍历序列构造二叉树" target="_blank">代码随想录算法训练营第 16 天（树4）| 513.找树左下角的值、112. 路径总和i ii、106.从中序与后序遍历序列构造二叉树</a> <span class="text-muted">去薯条搞点码头</span> <a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81%E9%9A%8F%E6%83%B3%E5%BD%95/1.htm">代码随想录</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>一、#513.找树左下角的值关键思路：这个题使用层序遍历（迭代法）更容易一些解法一：递归法先求出深度最大的一层，然后找这一层最左边的节点此题用前序后序中序都可以，因为没有对根节点有操作，只要保证先是左再是右就行classSolution{intmaxDepth=-1;//记录最大深度intres=0;//记录最大深度的值publicintfindBottomLeftValue(TreeNodero</div> </li> <li><a href="/article/1882694650184134656.htm" title="Vue.js 单页应用（SPA）开发教程：从零开始构建你的第一个项目" target="_blank">Vue.js 单页应用（SPA）开发教程：从零开始构建你的第一个项目</a> <span class="text-muted">Milk夜雨</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>单页应用（SPA，SinglePageApplication）是现代前端开发的主流模式。Vue.js是一个非常适合构建SPA的框架，它通过VueRouter实现页面导航，通过组件化开发和状态管理实现复杂的交互功能。本篇教程将带你了解SPA的基本概念，并一步步创建一个Vue.js单页应用。什么是单页应用（SPA）？单页应用是一种只有一个HTML页面，通过JavaScript动态加载内容的应用。特点包</div> </li> <li><a href="/article/1882684691790753792.htm" title="python方差分析误差棒_一文讲透，带你学会用Python绘制带误差棒的柱状图和条形图..." target="_blank">python方差分析误差棒_一文讲透，带你学会用Python绘制带误差棒的柱状图和条形图...</a> <span class="text-muted">加勒比考斯</span> <a class="tag" taget="_blank" href="/search/python%E6%96%B9%E5%B7%AE%E5%88%86%E6%9E%90%E8%AF%AF%E5%B7%AE%E6%A3%92/1.htm">python方差分析误差棒</a> <div>Python数据可视化，作为数据常用的必备技能，是目前大数据和数据分析的一个热门，而matplotlib库作为Python中最为常用和经典的二维绘图库，受到了很多人的青睐，最近已经和大家共同探讨了多种类型的图表的绘制，其中关于误差棒图，咱们已经在上次一起讨论过了，今天咱们继续深入研究误差棒图相关的知识。那今天咱们聊点什么呢？咱们一起探讨一下如何在Python中绘制带误差棒的柱状图和条形图吧！首先，</div> </li> <li><a href="/article/1882684565487677440.htm" title="Node.js的解释" target="_blank">Node.js的解释</a> <span class="text-muted">web15085415935</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">学习路线</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4/1.htm">阿里巴巴</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>1.Node.js入门教程1.1什么是Node.js？1.1.1Node.js是什么？Node.js是一个基于JavaScript的开源服务器端运行时环境，允许开发者用JavaScript编写服务器端代码。与传统的前端JavaScript主要运行在浏览器端不同，Node.js通过提供一个非阻塞的异步模型，允许开发者在服务器端创建高性能的网络应用程序。比喻：想象你把JavaScript看作是一个厨师</div> </li> <li><a href="/article/1882681663088029696.htm" title="vue2在线生成二维码" target="_blank">vue2在线生成二维码</a> <span class="text-muted">家里有只小肥猫</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>亲情提示：如果可以让后端生成就让后端生成实在不行再前端解决（分享方法只是为了让你快点下班不是为了让你能者多劳）创建npminstallqrcodejs2pnpminstallqrcodejs2importQRCodefrom'qrcodejs2'data:{qrcode:'',}submitCode(){if(this.$refs.qrcode){this.qrcode='';this.$refs</div> </li> <li><a href="/article/1882652796507975680.htm" title="【大模型应用开发极简入门】使用GPT-4和ChatGPT的编程起点：ChatCompletion详解" target="_blank">【大模型应用开发极简入门】使用GPT-4和ChatGPT的编程起点：ChatCompletion详解</a> <span class="text-muted">roman_日积跬步-终至千里</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/LLM/1.htm">LLM</a><a class="tag" taget="_blank" href="/search/chatgpt/1.htm">chatgpt</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>文章目录一.多轮对话二.使用起点：ChatCompletion三.调用模型：create方法1.主要的输入参数：model、message2.对话长度和token数量管理3.可选参数四.ChatCompletion端点的输出格式本文讨论如何使用GPT-4和ChatGPT背后的模型，以及OpenAIPython库。目前，GPT-3.5Turbo是最便宜且功能最多的模型。因此，它也是大多数用例的最佳选</div> </li> <li><a href="/article/1882648882781941760.htm" title="最受欢迎的WebAssembly Web开发框架：Blazor前端开发" target="_blank">最受欢迎的WebAssembly Web开发框架：Blazor前端开发</a> <span class="text-muted">ScriptWELL</span> <a class="tag" taget="_blank" href="/search/wasm/1.htm">wasm</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>WebAssembly（简称Wasm）是一种用于在Web平台上运行高性能代码的二进制格式。它可以在现代Web浏览器中以原生速度执行，并为开发人员提供了使用其他编程语言编写Web应用程序的能力。在WebAssembly的推动下，出现了许多与其兼容的Web开发框架，其中最受欢迎的之一是Blazor。Blazor是一个由微软开发的Web开发框架，它允许开发人员使用C#语言编写前端Web应用程序。Blaz</div> </li> <li><a href="/article/94.htm" title="PHP，安卓，UI，java，linux视频教程合集" target="_blank">PHP，安卓，UI，java，linux视频教程合集</a> <span class="text-muted">cocos2d-x小菜</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>╔-----------------------------------╗┆ </div> </li> <li><a href="/article/221.htm" title="各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。" target="_blank">各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。</a> <span class="text-muted">bozch</span> <a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/.net+mvc/1.htm">.net mvc</a> <div>在.net mvc5中，在执行某一操作的时候，出现了如下错误：各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。经查询当前的操作与错误内容无关，经过对错误信息的排查发现，事故出现在数据库迁移上。回想过去：在迁移之前已经对数据库进行了添加字段操作，再次进行迁移插入XXX字段的时候，就会提示如上错误。 &</div> </li> <li><a href="/article/348.htm" title="Java 对象大小的计算" target="_blank">Java 对象大小的计算</a> <span class="text-muted">e200702084</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> Java对象的大小如何计算一个对象的大小呢？ </div> </li> <li><a href="/article/475.htm" title="Mybatis Spring" target="_blank">Mybatis Spring</a> <span class="text-muted">171815164</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a> <div>ApplicationContext ac = new ClassPathXmlApplicationContext("applicationContext.xml"); CustomerService userService = (CustomerService) ac.getBean("customerService"); Customer cust</div> </li> <li><a href="/article/602.htm" title="JVM 不稳定参数" target="_blank">JVM 不稳定参数</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a> <div> -XX 参数被称为不稳定参数，之所以这么叫是因为此类参数的设置很容易引起JVM 性能上的差异，使JVM 存在极大的不稳定性。当然这是在非合理设置的前提下，如果此类参数设置合理讲大大提高JVM 的性能及稳定性。可以说“不稳定参数”</div> </li> <li><a href="/article/729.htm" title="用户自动登录网站" target="_blank">用户自动登录网站</a> <span class="text-muted">永夜-极光</span> <a class="tag" taget="_blank" href="/search/%E7%94%A8%E6%88%B7/1.htm">用户</a> <div>1.目标:实现用户登录后,再次登录就自动登录,无需用户名和密码 2.思路:将用户的信息保存为cookie 每次用户访问网站,通过filter拦截所有请求,在filter中读取所有的cookie,如果找到了保存登录信息的cookie,那么在cookie中读取登录信息,然后直接</div> </li> <li><a href="/article/856.htm" title="centos7 安装后失去win7的引导记录" target="_blank">centos7 安装后失去win7的引导记录</a> <span class="text-muted">程序员是怎么炼成的</span> <a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">操作系统</a> <div>1.使用root身份(必须)打开 /boot/grub2/grub.cfg 2.找到 ### BEGIN /etc/grub.d/30_os-prober ### 在后面添加 menuentry "Windows 7 (loader) (on /dev/sda1)" { </div> </li> <li><a href="/article/983.htm" title="Oracle 10g 官方中文安装帮助文档以及Oracle官方中文教程文档下载" target="_blank">Oracle 10g 官方中文安装帮助文档以及Oracle官方中文教程文档下载</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>Oracle 10g 官方中文安装帮助文档下载：http://download.csdn.net/tag/Oracle%E4%B8%AD%E6%96%87API%EF%BC%8COracle%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%EF%BC%8Coracle%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3 Oracle 10g 官方中文教程</div> </li> <li><a href="/article/1110.htm" title="JavaEE开源快速开发平台G4Studio_V3.2发布了" target="_blank">JavaEE开源快速开发平台G4Studio_V3.2发布了</a> <span class="text-muted">無為子</span> <a class="tag" taget="_blank" href="/search/AOP/1.htm">AOP</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/javaee/1.htm">javaee</a><a class="tag" taget="_blank" href="/search/G4Studio/1.htm">G4Studio</a> <div> 我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V3.2版本已经正式发布。大家可以通过如下地址下载。访问G4Studio网站 http://www.g4it.org G4Studio_V3.2版本变更日志功能新增 (1).新增了系统右下角滑出提示窗口功能。 (2).新增了文件资源的Zip压缩和解压缩</div> </li> <li><a href="/article/1237.htm" title="Oracle常用的单行函数应用技巧总结" target="_blank">Oracle常用的单行函数应用技巧总结</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E6%97%A5%E6%9C%9F%E5%87%BD%E6%95%B0/1.htm">日期函数</a><a class="tag" taget="_blank" href="/search/%E8%BD%AC%E6%8D%A2%E5%87%BD%E6%95%B0%28%E6%A0%B8%E5%BF%83%29/1.htm">转换函数(核心)</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E5%AD%97%E5%87%BD%E6%95%B0/1.htm">数字函数</a><a class="tag" taget="_blank" href="/search/%E9%80%9A%E7%94%A8%E5%87%BD%E6%95%B0%28%E6%A0%B8%E5%BF%83%29/1.htm">通用函数(核心)</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E7%AC%A6%E5%87%BD%E6%95%B0/1.htm">字符函数</a> <div>单行函数; 字符函数,数字函数,日期函数,转换函数(核心),通用函数(核心) 一:字符函数: .UPPER(字符串) 将字符串转为大写 .LOWER (字符串) 将字符串转为小写 .INITCAP(字符串) 将首字母大写 .LENGTH (字符串) 字符串的长度 .REPLACE(字符串,'A','_') 将字符串字符A转换成_ </div> </li> <li><a href="/article/1364.htm" title="Mockito异常测试实例" target="_blank">Mockito异常测试实例</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/mockito/1.htm">mockito</a> <div>Mockito异常测试实例： package com.bijian.study; import static org.mockito.Mockito.mock; import static org.mockito.Mockito.when; import org.junit.Assert; import org.junit.Test; import org.mockito.</div> </li> <li><a href="/article/1491.htm" title="GA与量子恒道统计" target="_blank">GA与量子恒道统计</a> <span class="text-muted">Bill_chen</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</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/%E7%99%BE%E5%BA%A6/1.htm">百度</a><a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a><a class="tag" taget="_blank" href="/search/%E9%98%B2%E7%81%AB%E5%A2%99/1.htm">防火墙</a> <div>前一阵子，统计**网址时，Google Analytics（GA）和量子恒道统计（也称量子统计），数据有较大的偏差，仔细找相关资料研究了下，总结如下：为何GA和量子网站统计（量子统计前身为雅虎统计）结果不同？首先：没有一种网站统计工具能保证百分之百的准确出现该问题可能有以下几个原因：（1）不同的统计分析系统的算法机制不同；（2）统计代码放置的位置和前后</div> </li> <li><a href="/article/1618.htm" title="【Linux命令三】Top命令" target="_blank">【Linux命令三】Top命令</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/linux%E5%91%BD%E4%BB%A4/1.htm">linux命令</a> <div>Linux的Top命令类似于Windows的任务管理器，可以查看当前系统的运行情况，包括CPU、内存的使用情况等。如下是一个Top命令的执行结果： top - 21:22:04 up 1 day, 23:49, 1 user, load average: 1.10, 1.66, 1.99 Tasks: 202 total, 4 running, 198 sl</div> </li> <li><a href="/article/1745.htm" title="spring四种依赖注入方式" target="_blank">spring四种依赖注入方式</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div> 平常的java开发中，程序员在某个类中需要依赖其它类的方法，则通常是new一个依赖类再调用类实例的方法，这种开发存在的问题是new的类实例不好统一管理，spring提出了依赖注入的思想，即依赖类不由程序员实例化，而是通过spring容器帮我们new指定实例并且将实例注入到需要该对象的类中。依赖注入的另一种说法是“控制反转”，通俗的理解是：平常我们new一个实例，这个实例的控制权是我</div> </li> <li><a href="/article/1872.htm" title="angular.injector" target="_blank">angular.injector</a> <span class="text-muted">boyitech</span> <a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/AngularJS+API/1.htm">AngularJS API</a> <div>angular.injector 描述: 创建一个injector对象, 调用injector对象的方法可以获得angular的service, 或者用来做依赖注入. 使用方法: angular.injector(modules, [strictDi]) 参数详解: Param Type Details mod</div> </li> <li><a href="/article/1999.htm" title="java-同步访问一个数组Integer[10]，生产者不断地往数组放入整数1000，数组满时等待；消费者不断地将数组里面的数置零，数组空时等待" target="_blank">java-同步访问一个数组Integer[10]，生产者不断地往数组放入整数1000，数组满时等待；消费者不断地将数组里面的数置零，数组空时等待</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/Integer/1.htm">Integer</a> <div> public class PC { /** * 题目：生产者-消费者。 * 同步访问一个数组Integer[10]，生产者不断地往数组放入整数1000，数组满时等待；消费者不断地将数组里面的数置零，数组空时等待。 */ private static final Integer[] val=new Integer[10]; private static</div> </li> <li><a href="/article/2126.htm" title="使用Struts2.2.1配置" target="_blank">使用Struts2.2.1配置</a> <span class="text-muted">Chen.H</span> <a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a><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/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/struts/1.htm">struts</a> <div>Struts2.2.1 需要如下 jar包: commons-fileupload-1.2.1.jar commons-io-1.3.2.jar commons-logging-1.0.4.jar freemarker-2.3.16.jar javassist-3.7.ga.jar ognl-3.0.jar spring.jar struts2-core-2.2.1.jar struts2-sp</div> </li> <li><a href="/article/2253.htm" title="[职业与教育]青春之歌" target="_blank">[职业与教育]青春之歌</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E6%95%99%E8%82%B2/1.htm">教育</a> <div> 每个人都有自己的青春之歌............但是我要说的却不是青春... 大家如果在自己的职业生涯没有给自己以后创业留一点点机会,仅仅凭学历和人脉关系,是难以在竞争激烈的市场中生存下去的.... &nbs</div> </li> <li><a href="/article/2380.htm" title="oracle连接(join)中使用using关键字" target="_blank">oracle连接(join)中使用using关键字</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/JOIN/1.htm">JOIN</a><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/using/1.htm">using</a> <div>在oracle连接(join)中使用using关键字 34. View the Exhibit and examine the structure of the ORDERS and ORDER_ITEMS tables. Evaluate the following SQL statement: SELECT oi.order_id, product_id, order_date FRO</div> </li> <li><a href="/article/2507.htm" title="NIO示例" target="_blank">NIO示例</a> <span class="text-muted">daysinsun</span> <a class="tag" taget="_blank" href="/search/nio/1.htm">nio</a> <div>NIO服务端代码： public class NIOServer { private Selector selector; public void startServer(int port) throws IOException { ServerSocketChannel serverChannel = ServerSocketChannel.open(</div> </li> <li><a href="/article/2634.htm" title="C语言学习homework1" target="_blank">C语言学习homework1</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/homework/1.htm">homework</a> <div>0、课堂练习做完 1、使用sizeof计算出你所知道的所有的类型占用的空间。 int x; sizeof(x); sizeof(int); # include <stdio.h> int main(void) { int x1; char x2; double x3; float x4; printf(&quo</div> </li> <li><a href="/article/2761.htm" title="select in order by , mysql排序" target="_blank">select in order by , mysql排序</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>If i select like this: SELECT id FROM users WHERE id IN(3,4,8,1); This by default will select users in this order 1,3,4,8, I would like to select them in the same order that i put IN() values so: </div> </li> <li><a href="/article/2888.htm" title="页面校验-新建项目" target="_blank">页面校验-新建项目</a> <span class="text-muted">fanxiaolong</span> <a class="tag" taget="_blank" href="/search/%E9%A1%B5%E9%9D%A2%E6%A0%A1%E9%AA%8C/1.htm">页面校验</a> <div>$(document).ready( function() { var flag = true; $('#changeform').submit(function() { var projectScValNull = true; var s =""; var parent_id = $("#parent_id").v</div> </li> <li><a href="/article/3015.htm" title="Ehcache（02）——ehcache.xml简介" target="_blank">Ehcache（02）——ehcache.xml简介</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a><a class="tag" taget="_blank" href="/search/ehcache.xml/1.htm">ehcache.xml</a><a class="tag" taget="_blank" href="/search/%E7%AE%80%E4%BB%8B/1.htm">简介</a> <div>ehcache.xml简介 ehcache.xml文件是用来定义Ehcache的配置信息的，更准确的来说它是定义CacheManager的配置信息的。根据之前我们在《Ehcache简介》一文中对CacheManager的介绍我们知道一切Ehcache的应用都是从CacheManager开始的。在不指定配置信</div> </li> <li><a href="/article/3142.htm" title="junit 4.11中三个新功能" target="_blank">junit 4.11中三个新功能</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>junit 4.11中两个新增的功能，首先是注解中可以参数化，比如 import static org.junit.Assert.assertEquals; import java.util.Arrays; import org.junit.Test; import org.junit.runner.RunWith; import org.junit.runn</div> </li> <li><a href="/article/3269.htm" title="国外程序员爱用苹果Mac电脑的10大理由" target="_blank">国外程序员爱用苹果Mac电脑的10大理由</a> <span class="text-muted">php教程分享</span> <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/unix/1.htm">unix</a><a class="tag" taget="_blank" href="/search/Microsoft/1.htm">Microsoft</a><a class="tag" taget="_blank" href="/search/perl/1.htm">perl</a> <div>Mac 在国外很受欢迎，尤其是在设计/web开发/IT 人员圈子里。普通用户喜欢 Mac 可以理解，毕竟 Mac 设计美观，简单好用，没有病毒。那么为什么专业人士也对 Mac 情有独钟呢？从个人使用经验来看我想有下面几个原因： 1、Mac OS X 是基于 Unix 的这一点太重要了，尤其是对开发人员，至少对于我来说很重要，这意味着Unix 下一堆好用的工具都可以随手捡到。如果你是个 wi</div> </li> <li><a href="/article/3396.htm" title="位运算、异或的实际应用" target="_blank">位运算、异或的实际应用</a> <span class="text-muted">wenjinglian</span> <a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a> <div>一．位操作基础，用一张表描述位操作符的应用规则并详细解释。二．常用位操作小技巧，有判断奇偶、交换两数、变换符号、求绝对值。三．位操作与空间压缩，针对筛素数进行空间压缩。 &n</div> </li> <li><a href="/article/3523.htm" title="weblogic部署项目出现的一些问题（持续补充中……）" target="_blank">weblogic部署项目出现的一些问题（持续补充中……）</a> <span class="text-muted">Everyday都不同</span> <a class="tag" taget="_blank" href="/search/weblogic%E9%83%A8%E7%BD%B2%E5%A4%B1%E8%B4%A5/1.htm">weblogic部署失败</a> <div>好吧，weblogic的问题确实…… 问题一： org.springframework.beans.factory.BeanDefinitionStoreException: Failed to read candidate component class: URL [zip:E:/weblogic/user_projects/domains/base_domain/serve</div> </li> <li><a href="/article/3650.htm" title="tomcat7性能调优（01）" target="_blank">tomcat7性能调优（01）</a> <span class="text-muted">toknowme</span> <a class="tag" taget="_blank" href="/search/tomcat7/1.htm">tomcat7</a> <div> Tomcat优化： 1、最大连接数最大线程等设置 <Connector port="8082" protocol="HTTP/1.1" useBodyEncodingForURI="t</div> </li> <li><a href="/article/3777.htm" title="PO VO DAO DTO BO TO概念与区别" target="_blank">PO VO DAO DTO BO TO概念与区别</a> <span class="text-muted">xp9802</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/bean/1.htm">bean</a><a class="tag" taget="_blank" href="/search/%E9%A2%86%E5%9F%9F%E6%A8%A1%E5%9E%8B/1.htm">领域模型</a> <div>O/R Mapping 是 Object Relational Mapping（对象关系映射）的缩写。通俗点讲，就是将对象与关系数据库绑定，用对象来表示关系数据。在O/R Mapping的世界里，有两个基本的也是重要的东东需要了解，即VO，PO。它们的关系应该是相互独立的，一个VO可以只是PO的部分，也可以是多个PO构成，同样也可以等同于一个PO（指的是他们的属性）。这样，PO独立出来，数据持</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>