weixin_33918114

H5新手教程，小白来看看。

H5教程（一）

相信点进来看这篇文章的应该都是刚刚接触H5的新手，那么你真的是找到了一篇合适的文章。

1.学习前准备

既然想学习好H5，只是这样看是不够的，还需要动手练习，以及及时复习，所以我推荐几款软件来配合我们的学习。

1.1.Hbuilder

必备软件，学习H5的关键，你要学习一切一切的H5代码都需要他，当然你如果熟悉别的软件也可以。本小编比较熟悉的是这款软件，所以也就推荐你们使用，个人认为还是比较适合新手入门的。

1.2.有道云笔记

这里不是打广告，而是学习需要一款整理笔记的文件，因为以后要学的东西很多，所以我也希望你们和我一样使用软件去整理自己所学的知识，毕竟好记性不如烂笔头。其实我比较推荐你们使用印象笔记，那款软件会更好一点，但毕竟那款软件需要收费，所以我在这推荐了有单云笔记。

2.HTML基础

好了，做好之前的准备，那么我们就来正式了解一下HTML吧

2.1.什么是HTML

HTML是指超文本标记语言（Hyper Text Markup Language）。

HTML是一种用来编写网页的语言，使用浏览器将他翻译成相应的页面。

HTML并不是编程语言，他是一种标记语言。

3.HTML基础结构

HTML文档主要包括三大部分：

文档声明部分（文档开头第一行，表明文档版本）

头部部分（给浏览器的配置及给搜索引擎的信息）

主体部分。（网页的内容都在这）

DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>我的第一个网页title>
    head>
    <body>
    body>
html>

4.部分常用标签（必不可少）

（用于表述网页的元数据，及网页的基本信息）
4.1.标签: 网页的标题，即网页选项卡上的文字 4.2.<link>标签: 使用Link标签链接网页标签 常用属性： rel属性：声明链接文件的类型 type属性：可以省略 href属性：表示图片的路径地址 4.3.<meta>标签 描述文件类型和编码，搜索关键字和描述。 1.charseat：设置文档字符集编码格式。 2.HTTP-EQUIV：（将我们的信息写给浏览器看，让浏览器按里边的要求执行） 属性值：Content-type（文档类型）Refresh（网页定时刷新）set-cookie（设置缓存） 需配合content使用（http-equiv属性只表明设置哪部分，具体的设置内容放在content属性中） 3.name属性（写给搜索引擎）：使用方法同上，需掌握的属性值author（作者）keywords（关键字）description（网页描述） 4.content属性配合其他使用。 <div class="cnblogs_code"> <pre><!DOCTYPE html> <html> <head> <title>HTML基本标签</title> <link rel = "icon" href = "img/icon.png" /> <meta charset="UTF-8" /> <meta name="author"content="huxuepeng" /> <meta name ="keywords"content="HTML5,网页，Web前端开发"/>  <meta name="description"content="这是我在杰瑞教育开发的第一个网页" />  <title></title> </head> <body>  </body> </html></pre> </div> <h2>5.<body>部分常用标签（重点，最主要部分） </h2> <h3>5.1.块级标签</h3> <a href="http://img.e-com-net.com/image/info8/7b7f610f9a65446fb8322a0db3ce9e5f.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/7b7f610f9a65446fb8322a0db3ce9e5f.png" alt="H5新手教程，小白来看看。_第3张图片" width="587" height="381" style="border:1px solid black;"></a> <pre> </pre> <div class="cnblogs_code"> <pre>!--h标签：标题标签，自动加粗，h1最大，h6最小--> <h1>h1标题标签</h1> <a name="h1"></a> <h2>h2标题标签</h2> <h3>h3标题标签</h3> <h4>h4标题标签</h4> <h5>h5标题标签</h5> <h6>h6标题标签</h6>  <hr/>   <p>p标签是段落标签，这里是第一段文字</p> <p>p标签是段落标签，<br>这里是第二段文字</p>  <blockquote cite= "http://www.jredu100">横眉冷对千夫指，俯首甘为孺子牛。 </blockquote>  <pre>这是预格式标签这是换行这是空格</pre></pre> </div> <h3>2.基于布局的块级标签</h3> <div class="cnblogs_code"> <pre> <ol> <li>第一项</li> <li>第二项</li> <li>第三项</li> </ol>  <ul> <li>第一项</li> <li>第二项</li> <li>第三项</li> </ul>  <dl> <dt>这是定义列表的标题</dt> <dd>第一项</dd> <dd>第二项</dd> <dd>第三项</dd> </dl>  <figure> <img src="../img/icon.png" <figcaption>这是图片</figcaption> </figure>  <div style = "width: 100px;height: 100px;background-color: red;">这是一个分区标签</div></pre> </div> <h3>5.3.常见的行级标签</h3> 1.（文本）：(文本):无实际意义，用来包裹某部分文字，修改特定样式。 2.<q>（短引用）<q></q>（短引用）显示文字为“”引起来。 3.（缩小字体）（缩小字体）表示缩小字体，可以多层嵌套，直到字号最小。 4. （强调） （强调） （倾斜） （加粗） 【Strong，em,b,i标签的区别】 1.Strong和em都表示强调，但是Strong是加粗，em是倾斜。 2.Strong和b都是加粗，em和i都能倾斜，但是Strong和em有强调含义。HTML5要求标签尽可能的实现语义化。 5.<a></a>（超链接） <div class="cnblogs_code"> <pre><a href = "http://www.baidu.com"target="_blank">这是一个超链接</a><br /> <a href = "http://www.baidu.com"target="_self"rel="prev"> <img src = https://www.baidu.com/img/bd_logo1.png /></a> <a href="02.常见的块级标签.html#h1" target="_blank">跳转到h1标签</a> <a href="file:///F:/HBuilder/workspace/HTML5/img/icon.png" target="_blank">打开图片</a> <a href="tencent://message/?uin=452014986" target="_blank">qq</a></pre> </div> a.属性： 1）.href:可以是网络连接，也可以是本地文件。（路径确定同img ） 2）.target：超链接打开的位置，_self自身页面（默认）_blank 新页面1.href:可以是网络连接，也可以是本地文件。（路径确定同img ） 3）.title：鼠标之上后显示的文字。 4）.rel:指定当前文档与被连接文档的关系。"prev":被连接文档是前一篇，"next"：被连接文档是后一篇,（了解）"icon"图标"stylesheet"样式表，"prefetch"预加载。 b.锚链接 1.本页面锚链接： a.设置锚点。<a name="top"></a> b.在超链接的href属性中，使用#name跳转到对应锚点 2.页面间锚链接： a.在即将跳转的页面指定位置设置锚点。 b.在超链接的href属性中，使用页面地址.html#name跳到对应位置。 c.功能性连接： 1.mailto://763066931@qq.com 给指定邮箱发邮件 2.file:///f/ 打开指定文件。 3.tencent://message/?uin=763066931 给指定qq发消息 6.<img />(图片) <div class="cnblogs_code"> <pre> <img src ="../img/icon.png"height="100px"width="100px"title="鼠标指上的文字"alt="图片没有加载出来" align="center"/>ceshi<br /></pre> </div> 1).src:表示引用图片地址 2).height="100px"width="100px"图片的宽度高度，可以用css样式（style=""）代替。 3).title:图片的标题，鼠标指上后显示的文字。 4).alt:当图片无法加载时显示的文字。 5).align:设置图片周围文字相对于图片的位置，top center botton。 <h3>5.4.表格</h3> 表格：<table> 表格的行：<tr></tr> 表格的列：<td></td> 表头：<th></th>:默认加粗，单元格居中。 常用属性： 1.border：给表格增加边框，当border属性增大时，只有外围框线增粗，中间框线不变 2.cellspacing：单元格与单元格之间的距离（默认一个像素），当cellspacing="0"，的时候， 只会是单元格间隙为0，但不会合并边线。(不常用) 【表格边框合并】使用style="border-collapse: collapse;无需再写cellspacing="0"" 3.cellpadding:每个单元格内文字与边缘之间的距离 4.width height：表格的宽高（不常用） 5.align:表格的对齐方式。left center right调整表格在浏览器的位置， 相当于让表格浮动，会影响表格后边文字的排列方式（不常用） 6.bgcolor:背景色，等于style="backgroundcolor:" 7.background:背景图片等同于 style = "background-image"且背景图会覆盖背景色 8.bordercolor:边框颜色。 -->   </body> </html></pre> </div> <h3>5.5表单</h3> <div class="cnblogs_code"> <pre><input form="1" type="color" name="name1" /></pre> </div> 1.【两个重要属性】 　　　1.表单提交地址:提交给动态文件，html为静态文件，空时提交给自身 2.提交方法： post:Transfers data using an http post transaction get:Appends data to the URL specified by the action attribute 2.【get和poet的区别:】 1.get传参使用URL：http://服务器地址?name1=value1&name2=value2。 （?表示传递参数，后边用name=value的方式传递，多个参数之间用&链接。） URL传参不安全，所有信息可在地址栏看到，并且可以通过地址栏随意传递数据。（URL注入攻击） URL传参数据量有限，只能传递少量数据。get传参比post快。 2.post使用HTTP请求传输协议，地址栏不可见，比较安全，且传递数据无限制。 综上所述，一般使用post。 3.【input标签及属性】 1.常用属性： 1.type：表示输入框的类型。 2.name：输入框的别名，一般情况下必填。因为：传递数据的时候使用name=value 的方式传递。 3.value：输入框的默认值。 4.placeholder:提示内容，不能指定默认值，当提示框有内容时，提示内容消失。 5.tabindex:控制输入框点击tab的跳转顺序从小往大开始。（了解即可，一般不用） 2.input特殊属性值： 1.checked="checked"默认被选中。 2.disabled="disabled"设置控件不能使用，按键不能选中，文本框不能被修改。 而且如果输入框disable，则输入框信息不能传递。 3.hidden="hidden"等同于type="hidden"隐藏域传值。常用语配合disabled，隐藏域传值。 4.【type属性详解：】 1.text：文本输入框 2.password：密码输入框，浏览器显示为点。 3.submit:提交按钮：提交表单数据。 4.radio:单选按钮 5.checkbox：复选按钮 name和value属性值必须全部存在，提交时，提交的是value中的属性。 radio凭借name中的属性区别是否为同一组，name相同为同一组，同组中只能选一个。 6.reset：将表单数据重置为初始状态。 7.file:文件上传按钮。 8.image:图形提交按钮。 9.bottom:普通按钮。 5.【select标签：下拉框】 1.name属性应该写在<select></select>上，所有选项只有一个name。 2.multiple="multiple":设置成多选，一般不用，可在界面使用ctrl多选。 3..option常用属性： 1.value：当option没有value属性时，往后台传递的是option中间的文字， 当有value属性时，往后台传递的是value的属性值 2.title:鼠标之上后显示的文字。 3.selected="selected":默认选中。 4.optgroup标签：用于将option标签分组，label属性表示分组名。 6.【<textarea></textarea>文本域】 1.cols ros 多少行列看字符（一般不用），使用style="heigth:100px;width:100px" 2.readonly="readonly":设置为只读模式，不可编辑。 3.style="resize:none"设置为不允许修改。 4.style="overflow"设置当文字超出区域的时候怎么处理。 1常用属性： 1.hidden：超出区域的文字，隐藏无法显示。 2.scroll：无论文字多少，始终出现滚动条。 3.auto：自动，根据文字的多少自动决定是否显示滚动条。（默认样式） 2.也可以通过overflow-x,overflow-y分别设置水平垂直的显示方式。 7.【表单的边框与标题】 <fieldset></fieldset> <legend></legend> 如果想要让标签嵌入到边框中，需将标题标签写到边框标签里边 8.【智能表单】 1.H5新增input的form属性，用于指向特定form表单的id， 实现input无需放在form标签之中，即可通过表单提交。 2.type新增属性详见表格。 3.input元素的新增属性： 1.Autocomplete：自动完成功能，记录用户以前输入的值，并在下次输入时自动完成输入。 属性值：on，off。 可以在form表单上使用，整张所有控件进行自动完成，也可以在input使用，绝大多数浏览器默认开启。 Autofocus：自动获得焦点，只能设置一个input控件获得焦点。 Form：所属表单 Required：必填，否则阻止提交。 Pattern：验证input的模式，使用正则表达式验证。以后详解。 Placeholder：提示 </div> 转载于:https://www.cnblogs.com/HXP-RedBlue/p/6445447.html </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1288662580151263232"></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">你可能感兴趣的:(H5新手教程，小白来看看。)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1883477605127090176.htm" title="gcd之和（一维）" target="_blank">gcd之和（一维）</a> 骑狗看夕阳 <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a> <div>gcd之和求∑i=1ngcd⁡(n,i)\sum_{i=1}^{n}\gcd(n,i)∑i=1ngcd(n,i)。那么我们这一道题讲得详细一点。因为这一道题目的n≤109n\leq10^9n≤109。这也就导致了一些算法是过不了的，那么我们就先从最简单的讲起：对每一项来一遍gcd⁡\gcdgcd，然后gcd⁡\gcdgcd我们也使用最简单的哪一种去做，也就是从小到大跑，时间复杂度O(n2)O(n^</div> </li> <li><a href="/article/1883470926398418944.htm" title="leetcode——搜索二维矩阵II（java）" target="_blank">leetcode——搜索二维矩阵II（java）</a> gentle_ice <a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a><a class="tag" taget="_blank" href="/search/%E7%9F%A9%E9%98%B5/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/java/1.htm">java</a> <div>编写一个高效的算法来搜索*m*x*n*矩阵matrix中的一个目标值target。该矩阵具有以下特性：每行的元素从左到右升序排列。每列的元素从上到下升序排列。示例1：输入：matrix=[[1,4,7,11,15],[2,5,8,12,19],[3,6,9,16,22],[10,13,14,17,24],[18,21,23,26,30]],target=5输出：true示例2：输入：matrix=</div> </li> <li><a href="/article/1883470041349943296.htm" title="【数字信号去噪】LMS算法、AdaGrad、RMSProp、Adam算法数字信号去噪【含Matlab源码 11076期】" target="_blank">【数字信号去噪】LMS算法、AdaGrad、RMSProp、Adam算法数字信号去噪【含Matlab源码 11076期】</a> Matlab武动乾坤 <a class="tag" taget="_blank" href="/search/Matlab%E4%BF%A1%E5%8F%B7%E5%A4%84%E7%90%86%EF%BC%88%E8%BF%9B%E9%98%B6%E7%89%88%EF%BC%89/1.htm">Matlab信号处理（进阶版）</a><a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a> <div>Matlab武动乾坤博客之家博主简介：985研究生，Matlab领域科研开发者；座右铭：行百里者，半于九十。代码获取方式：CSDNMatlab武动乾坤—代码获取方式更多Matlab信号处理仿真内容点击①Matlab信号处理（进阶版）⛳️关注CSDNMatlab武动乾坤，更多资源等你来！！⛄一、LMS算法、AdaGrad、RMSProp、Adam算法数字信号去噪1LMS算法（LeastMeanSqu</div> </li> <li><a href="/article/1883455544925155328.htm" title="正则表达式" target="_blank">正则表达式</a> 小米人er <a class="tag" taget="_blank" href="/search/%E6%88%91%E7%9A%84%E5%8D%9A%E5%AE%A2/1.htm">我的博客</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a> <div>正则表达式，又称正规表示法、常规表示法（RegularExpression，在代码中常简写为regex、regexp或RE），是一种用于匹配和处理文本的强大工具，它使用特定的字符和符号组合来描述文本模式。以下是关于正则表达式的基本介绍和使用方法：基本概念字符类：用方括号[]表示，用于匹配方括号内的任意一个字符。例如，[abc]可以匹配a、b或c中的任意一个字符。元字符：具有特殊含义的字符。例如^表</div> </li> <li><a href="/article/1883452644391972864.htm" title="使用ndoe实现自动化完成增删改查接口" target="_blank">使用ndoe实现自动化完成增删改查接口</a> 光头程序员 <a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>使用ndoe实现自动化完成增删改查接口最近工作内容比较繁琐，手里需要开发的项目需求比较多，常常在多个项目之间来回切换，有时候某些分支都不知道自己开发了什么、做了哪些需求，使用手写笔记的方式去记录分支到头来也是眼花缭乱，作为前端工作3年的弟弟想着为啥不能自己直接将这些数据存在数据库里，实现一个增删改查的日常工作记录管理呢？说干就开始搞！！！1、首先我们先安装mysql数据库1.1、这个就直接搜一个教</div> </li> <li><a href="/article/1883452517984038912.htm" title="webpack 学习从零到亿过程" target="_blank">webpack 学习从零到亿过程</a> 光头程序员 <a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>webpack学习从零到亿过程适合小白从零到一搭建一个项目，虽然没有效果的截图但是知道跟随这个步骤流程走下去，你就会成功掌握打包的原理！我们先初始化一个node项目npminit安装webpack包npminstallwebpackwebpack-cli--save-dev写webpack配置文件config/webpack.dev.config.js安装了pathnpmipath-s-d并新建了</div> </li> <li><a href="/article/1883451382510448640.htm" title="【FISCO BCOS】二十三、部署WeBASE-Node-Manager" target="_blank">【FISCO BCOS】二十三、部署WeBASE-Node-Manager</a> 奈何不吃鱼 <a class="tag" taget="_blank" href="/search/FISCO/1.htm">FISCO</a><a class="tag" taget="_blank" href="/search/BCOS/1.htm">BCOS</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a><a class="tag" taget="_blank" href="/search/FISCO/1.htm">FISCO</a><a class="tag" taget="_blank" href="/search/BCOS/1.htm">BCOS</a><a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/WeBASE/1.htm">WeBASE</a> <div>WeBASE-Node-Manager是WeBASE的子组件之一，可以处理前端页面所有web请求，管理各个节点的状态，管理链上所有智能合约，对区块链的数据进行统计、分析，对异常交易的审计，私钥管理等，今天我们来部署WeBASE-Node-Manager。环境：ubuntu22、已搭建单机四节点（节点已启动）、安装并配置java环境、安装并配置mysql环境、已部署节点前置服务（服务已启动）关于以上</div> </li> <li><a href="/article/1883449870841344000.htm" title="Pytorch深度学习指南卷I --编程基础（A Beginner‘s Guide）第1章一个简单的回归" target="_blank">Pytorch深度学习指南卷I --编程基础（A Beginner‘s Guide）第1章一个简单的回归</a> liuhui244 <a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%BC%BA%E5%8C%96%E5%AD%A6%E4%B9%A0/1.htm">深度强化学习</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</a><a class="tag" taget="_blank" href="/search/%E5%9B%9E%E5%BD%92/1.htm">回归</a> <div>本章正式开始使用pytorch的接口来实现对应的numpy的学习的过程，来学习模型的实现，我们会介绍numpy是如何学习的，以及我们如何一步步的通过torch的接口来实现简单化的过程，优雅的展示我们的代码，已经我们的代码完成的事情numpy的线性回归在此之前，先看看现在的numpy实现的学习的过程是什么样的#引入计算模块importnumpyasnpfromsklearn.linear_model</div> </li> <li><a href="/article/1883449744475353088.htm" title="Playwright 跟踪查看器：深入探索与高级用法" target="_blank">Playwright 跟踪查看器：深入探索与高级用法</a> 三带俩王 <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/playwright/1.htm">playwright</a> <div>在现代Web开发和自动化测试中，Playwright已经成为了一个强大的工具。而Playwright的跟踪查看器（TraceViewer）更是为开发者和测试人员提供了深入了解和分析测试过程的强大功能。本文将深入探讨Playwright跟踪查看器的高级用法，帮助你更好地利用这个工具来优化你的Web开发和测试流程。一、Playwright跟踪查看器简介Playwright跟踪查看器是一个用于查看和分析</div> </li> <li><a href="/article/1883449616985288704.htm" title="Python 3 中使用 SMTP 发送邮件：高级技巧与应用" target="_blank">Python 3 中使用 SMTP 发送邮件：高级技巧与应用</a> 三带俩王 <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>在现代的软件开发和自动化流程中，发送电子邮件是一项常见的任务。Python3提供了强大的工具来实现这一功能，特别是通过使用SMTP（SimpleMailTransferProtocol）协议。本文将深入探讨Python3中使用SMTP发送邮件的高级用法，展示其在不同场景下的灵活性和强大功能。一、SMTP简介SMTP是一种用于发送电子邮件的协议。它允许客户端（如Python程序）与邮件服务器进行通信</div> </li> <li><a href="/article/1883447471133224960.htm" title="Scala(6) -- scala类(成员变量、成员方法、修饰符)和对象" target="_blank">Scala(6) -- scala类(成员变量、成员方法、修饰符)和对象</a> erainm <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%AD%A6%E4%B9%A0/1.htm">大数据学习</a><a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a> <div>1.类和对象Scala是一种函数式的面向对象语言,它也是支持面向对象编程思想的，也有类和对象的概念。我们依然可以基于Scala语言来开发面向对象的应用程序。1.1相关概念什么是面向对象?面向对象是一种编程思想,它是基于面向过程的,强调的是以对象为基础完成各种操作.面向对象的三大思想特点是什么?更符合人们的思考习惯.把复杂的事情简单化.把程序员从执行者变成指挥者.什么是类?类是属性和行为的集合,是一</div> </li> <li><a href="/article/1883446588030906368.htm" title="MySQL 如何对text类型字段添加索引呢" target="_blank">MySQL 如何对text类型字段添加索引呢</a> 风_流沙 <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>对于MySQL中的text类型字段，可以通过以下步骤向其添加索引：创建辅助字段：由于MySQL在InnoDB存储引擎中不支持直接为text类型字段添加索引，所以首先需要创建一个辅助字段，将该字段的一部分数据转移到辅助字段中。例如，可以创建一个varchar类型的字段来存储text字段的前缀。添加索引：对于辅助字段，可以使用普通的索引来加速查询操作。使用ALTERTABLE语句来添加索引，例如：AL</div> </li> <li><a href="/article/1883446209197174784.htm" title="PostgreSQL 介绍" target="_blank">PostgreSQL 介绍</a> candy662 <a class="tag" taget="_blank" href="/search/postgresql/1.htm">postgresql</a> <div>PostgreSQL是一个免费的对象-关系数据库服务器(ORDBMS)，在灵活的BSD许可证下发行。PostgreSQL开发者把它念作post-gress-Q-L。PostgreSQL的Slogan是"世界上最先进的开源关系型数据库"。参考内容：PostgreSQL10.1手册什么是数据库？数据库（Database）是按照数据结构来组织、存储和管理数据的仓库。每个数据库都有一个或多个不同的API用</div> </li> <li><a href="/article/1883440787534966784.htm" title="单片机基础模块学习——DS1302时钟芯片" target="_blank">单片机基础模块学习——DS1302时钟芯片</a> promising-w <a class="tag" taget="_blank" href="/search/%E5%8D%95%E7%89%87%E6%9C%BA/1.htm">单片机</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%A1%AC%E4%BB%B6/1.htm">嵌入式硬件</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E7%89%87%E6%9C%BA/1.htm">单片机</a> <div>一、DS1302时钟简介1.与定时器对比DS1302时钟也称为RTC时钟（RealTimeClock,实时时钟），说到时钟，可能会想到定时器，下表来简单说明一下两者的区别。定时器(Timer)实时时钟(RTC)精度高，可达微秒级精度较低，多为秒级计时范围短计时范围长2.开发板所在位置下面方框里面的是该时钟芯片，左侧的是晶振，晶振的精度也就决定了时钟芯片的精度。二、DS1302时钟原理图1脚对应的V</div> </li> <li><a href="/article/1883439779803099136.htm" title="Java定时任务实现方案(三)——DelayQueue(JUC包)" target="_blank">Java定时任务实现方案(三)——DelayQueue(JUC包)</a> xiao--xin <a class="tag" taget="_blank" href="/search/%E5%85%A5%E9%97%A8%E9%A1%BB%E7%9F%A5/1.htm">入门须知</a><a class="tag" taget="_blank" href="/search/%E5%AE%9A%E6%97%B6%E4%BB%BB%E5%8A%A1/1.htm">定时任务</a><a class="tag" taget="_blank" href="/search/%E5%9C%BA%E6%99%AF%E9%A2%98/1.htm">场景题</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E5%85%AB%E8%82%A1/1.htm">面试八股</a><a class="tag" taget="_blank" href="/search/JUC/1.htm">JUC</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>DelayQueue(JUC包)这篇笔记，我们要来介绍实现Java定时任务的第三个方案，使用DelayQueue，以及该方案的优点和缺点。DelayQueue是Java并发包java.util.concurrent中的一个无界阻塞队列，它只允许插入实现了Delay接口的对象，队列中的元素只有当其延迟时间到达之后才能被取走，我们这里就是基于DelayQueue的阻塞特性、延迟特性和无界性来实现的定时</div> </li> <li><a href="/article/1883436123565387776.htm" title="Python李峋同款跳动的爱心代码（可写字版）" target="_blank">Python李峋同款跳动的爱心代码（可写字版）</a> 雪碧没气阿 <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a><a class="tag" taget="_blank" href="/search/webstorm/1.htm">webstorm</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>一年前小编曾用python编写过跳动的爱心代码，不知道有多少小伙伴们已经学会了呢，最近小编在用c语言和java编写跳动的爱心的时候，发现之前用python编写跳动的爱心时没有添加文字，这不，小编立马翻出之前的代码一顿操作，给大家带来了更新后的爱心，快来看看趴~（附详细分析哦）环境PythonPyCharm跳动的爱心运行结果完整程序importtkinterastkimporttkinter.mes</div> </li> <li><a href="/article/1883434848207564800.htm" title="【鸿蒙生态学堂 05】ArkUI开发基础（下）" target="_blank">【鸿蒙生态学堂 05】ArkUI开发基础（下）</a> <a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a> <div>课程简介本课程是【HarmonyOS生态学堂】的第5课。本课程深入探讨HarmonyOS的ArkUI框架，特别是数据驱动UI更新和组件导航的高级概念。您将学习如何使用ArkWeb技术构建动态网页内容，掌握数据绑定技巧以确保UI与底层数据源同步更新。此外，课程将指导您通过设置组件导航来增强应用的用户体验，实现流畅的页面过渡和有效的用户交互。标签使用ArkWeb构建页面数据驱动UI更新设置组件导航观看</div> </li> <li><a href="/article/1883432827001827328.htm" title="AI 智能体：探索自主智能的世界" target="_blank">AI 智能体：探索自主智能的世界</a> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">后端人工智能</a> <div>AI智能体：探索自主智能的世界想象一下，在这样一个世界里，软件自身可以自主地与环境交互，根据收集的数据做出决策，并以最少的人工干预来执行任务。这些AI智能体正在彻底改变行业并改变我们的生活方式。但究竟什么是AI智能体，它们是如何工作的？在这篇文章中，我们将探讨AI智能体的世界、它们的类型、功能、优势、挑战和现实生活中的应用。一了解AI智能体关键要点AI智能体是与环境交互并做出决策以实现目标的自主系</div> </li> <li><a href="/article/1883430827476447232.htm" title="目标检测算法以及常用库概述" target="_blank">目标检测算法以及常用库概述</a> YOLO大师 <a class="tag" taget="_blank" href="/search/%E7%9B%AE%E6%A0%87%E6%A3%80%E6%B5%8B/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%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>YOLO目标检测创新改进与实战案例专栏专栏目录：YOLO有效改进系列及项目实战目录包含卷积，主干注意力，检测头等创新机制以及各种目标检测分割项目实战案例专栏链接:YOLO基础解析+创新改进+实战案例目标检测是在图像中发现并识别物体的过程，它是深度学习和图像处理领域的重要成果之一。在创建物体定位时，识别物体时，常见的一种方法是使用边界框。这种方法具有很高的通用，可以训练目标检测模型来识别和检测多个特</div> </li> <li><a href="/article/1883429689280753664.htm" title="pytorch torch.vmap函数介绍" target="_blank">pytorch torch.vmap函数介绍</a> qq_27390023 <a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</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/python/1.htm">python</a> <div>torch.vmap是PyTorch提供的一个高效矢量化映射函数，用于对批量数据上的操作进行自动矢量化。它可以显著提高代码的性能和可读性，避免显式使用循环来操作批量数据。torch.vmap的核心功能对函数进行批量化操作。自动扩展函数，使其可以作用于批量输入（即N个样本）。提供对批量维度的灵活控制，包括指定输入输出的批量维度。函数签名torch.vmap(func,in_dims=0,out_di</div> </li> <li><a href="/article/1883424771681611776.htm" title="web前端10--变化" target="_blank">web前端10--变化</a> Lorcian <a class="tag" taget="_blank" href="/search/css/1.htm">css</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%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/html5/1.htm">html5</a> <div>-transform`transform`：允许你通过改变元素的位置、旋转、缩放或倾斜来操作元素。1、rotate()`rotate()`函数旋转元素。语法：`rotate(angle)`，其中`angle`表示旋转的角度。```css.element{transform:rotate(45deg);}```2、scale()`scale()`函数缩放元素的大小。语法：`scale(x,y)`，其</div> </li> <li><a href="/article/1883424393644797952.htm" title="栈和队列（小白版）" target="_blank">栈和队列（小白版）</a> xiaoccii <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a> <div>一、栈栈：⼀种特殊的线性表，其只允许在固定的⼀端进⾏插⼊和删除元素操作。进⾏数据插⼊和删除操作的⼀端称为栈顶，另⼀端称为栈底。栈中的数据元素遵守后进先出LIF（LastInFirstOut）的原则压栈：栈的插⼊操作叫做进栈/压栈/⼊栈，⼊数据在栈顶出栈：栈的删除操作叫做出栈。出数据也在栈顶栈的实现可以采取链表和数组两种形式，但是栈遵循后进先出（先进后出）的原则，要想节约空间、提高效率，应当采用数组</div> </li> <li><a href="/article/1883423133344526336.htm" title="这段代码能处理哪些类型的商品？" target="_blank">这段代码能处理哪些类型的商品？</a> 数据小小爬虫 <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>在上述代码中，使用的是eBayFindingAPI的findItemsByKeywords操作，它通过关键词搜索eBay上的商品。因此，这段代码能够处理的商品类型取决于你提供的关键词。换句话说，你可以通过修改关键词来搜索任何类型的商品。可以处理的商品类型以下是通过代码能够处理的商品类型示例：电子产品关键词："laptop"、"smartphone"、"camera"示例：搜索笔记本电脑、智能手机、</div> </li> <li><a href="/article/1883422125784625152.htm" title="4.状态管理（Jetpack Compose）" target="_blank">4.状态管理（Jetpack Compose）</a> 我也念过晚霞 <a class="tag" taget="_blank" href="/search/android-studio/1.htm">android-studio</a> <div>JetpackCompose中的状态管理在JetpackCompose中，状态管理是一个非常重要的概念。管理好状态可以确保你的用户界面在状态变化时正确地更新。JetpackCompose提供了不同的工具来帮助你管理状态，其中最常用的是remember和mutableStateOf。基本概念状态（State）：状态是指某个组件的当前数据或属性值。例如，按钮的点击次数、文本输入框中的内容等都可以看作是</div> </li> <li><a href="/article/1883420488089268224.htm" title="【算法学习】归并排序算法思想的应用—求逆序对数量" target="_blank">【算法学习】归并排序算法思想的应用—求逆序对数量</a> _Huazzi <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/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/%E6%8E%92%E5%BA%8F%E7%AE%97%E6%B3%95/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/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E6%B2%BB%E6%B3%95/1.htm">分治法</a> <div>Hey，大家好！今天我们来聊聊一个有趣的话题——如何在归并排序的基础上，高效解决求逆序对数量的问题。如果你对算法感兴趣，或者正在准备算法面试，这篇文章一定会对你有所帮助！题目描述给定一个长度为n的整数数列，请你计算数列中的逆序对的数量。逆序对的定义如下：对于数列的第i个和第j个元素，如果满足ia[j]，则其为一个逆序对；否则不是。输入格式第一行包含整数n，表示数列的长度。第二行包含n个整数，表示整</div> </li> <li><a href="/article/1883417840199987200.htm" title="蓝桥与力扣刷题（240 搜索二维矩阵||）" target="_blank">蓝桥与力扣刷题（240 搜索二维矩阵||）</a> এ旧栎 <a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a><a class="tag" taget="_blank" href="/search/%E7%9F%A9%E9%98%B5/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/%E5%AD%A6%E4%B9%A0%E6%96%B9%E6%B3%95/1.htm">学习方法</a> <div>题目：编写一个高效的算法来搜索mxn矩阵matrix中的一个目标值target。该矩阵具有以下特性：每行的元素从左到右升序排列。每列的元素从上到下升序排列。示例1：输入：matrix=[[1,4,7,11,15],[2,5,8,12,19],[3,6,9,16,22],[10,13,14,17,24],[18,21,23,26,30]],target=5输出：true示例2：输入：matrix=[</div> </li> <li><a href="/article/1883414562208804864.htm" title="Vue 2 + Element UI 实现密码显示、隐藏切换功能" target="_blank">Vue 2 + Element UI 实现密码显示、隐藏切换功能</a> 半城风月- <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a> <div>一、使用ElementUI的show-password属性1、ElementUI的组件提供了一个方便的show-password属性。启用后，它会自动添加一个切换密码显示、隐藏的按钮。2、代码3、优点：实现简单，无需额外代码。缺点：不支持自定义图标。二、自定义后缀图标实现密码显示/隐藏1、如果你想要使用自己的图标或实现更多自定义功能，可以通过插槽（slot）的方式来自定义后缀图标，并通过绑定事件来</div> </li> <li><a href="/article/1883413425695027200.htm" title="用c语言求分段函数" target="_blank">用c语言求分段函数</a> 易个小小钡原子 <div>在C语言中求分段函数，需要使用条件语句(如if语句)来判断输入值属于哪一段区间，然后执行相应的计算。例如，如果要求分段函数f(x)，其中有三段区间[a,b]、[b,c]、[c,d]，对应的函数值分别为y1、y2、y3，则可以使用如下代码：if(x>=a&&x=b&&x=c&&x<d){//输入值属于[c,d]</div> </li> <li><a href="/article/1883408127617986560.htm" title="到底为什么PHP 内部有一个称为 Unix 时间戳的概念？" target="_blank">到底为什么PHP 内部有一个称为 Unix 时间戳的概念？</a> 快点好好学习吧 <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>什么是Unix时间戳？想象一下你有一个超级大的沙漏，从一个特定的时间点开始计时，这个时间点是1970年1月1日的午夜（也就是零点），这被称为“Unix纪元”。从那一刻起，每过一秒，沙漏就落下一颗沙子。Unix时间戳就是计算到现在的秒数，也就是沙漏中落下的沙子的数量。所以，如果你想知道现在距离1970年1月1日过去了多少秒，那就是当前的Unix时间戳。底层原理计算机喜欢用数字来表示一切，因为它们处理</div> </li> <li><a href="/article/1883405357087256576.htm" title="JavaEE-Java基础-计算机基础知识" target="_blank">JavaEE-Java基础-计算机基础知识</a> 最好的Aw_ <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/java-ee/1.htm">java-ee</a> <div>计算机基础知识1,计算机简介①计算机发展史:第一台通用计算机:ENIAC2,数据的存储和运算①数据的存储和运算结论:计算机中对于数据的存储和运算,都是通过二进制数据来完成②计算机中存储数据的单位是什么?------字节(byte)③每个字节是由多少个位组成的?------每个字节由8位组成,称为8个bit位3,人机交互方式①人机交互方式:(1)图形化界面(缺点:消耗内存,运行速度慢)(2)命令行②</div> </li> <li><a href="/article/90.htm" title="java观察者模式" target="_blank">java观察者模式</a> 3213213333332132 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a><a class="tag" taget="_blank" href="/search/%E8%A7%82%E5%AF%9F%E8%80%85%E6%A8%A1%E5%BC%8F/1.htm">观察者模式</a> <div>观察者模式——顾名思义，就是一个对象观察另一个对象，当被观察的对象发生变化时，观察者也会跟着变化。在日常中，我们配java环境变量时，设置一个JAVAHOME变量,这就是被观察者，使用了JAVAHOME变量的对象都是观察者，一旦JAVAHOME的路径改动，其他的也会跟着改动。这样的例子很多，我想用小时候玩的老鹰捉小鸡游戏来简单的描绘观察者模式。老鹰会变成观察者，母鸡和小鸡是</div> </li> <li><a href="/article/217.htm" title="TFS RESTful API 模拟上传测试" target="_blank">TFS RESTful API 模拟上传测试</a> ronin47 <div> TFS RESTful API 模拟上传测试。　　细节参看这里：https://github.com/alibaba/nginx-tfs/blob/master/TFS_RESTful_API.markdown 模拟POST上传一个图片： curl --data-binary @/opt/tfs.png http</div> </li> <li><a href="/article/344.htm" title="PHP常用设计模式单例, 工厂, 观察者, 责任链, 装饰, 策略,适配,桥接模式" target="_blank">PHP常用设计模式单例, 工厂, 观察者, 责任链, 装饰, 策略,适配,桥接模式</a> dcj3sjt126com <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/PHP/1.htm">PHP</a> <div>// 多态, 在JAVA中是这样用的, 其实在PHP当中可以自然消除, 因为参数是动态的, 你传什么过来都可以, 不限制类型, 直接调用类的方法 abstract class Tiger { public abstract function climb(); } class XTiger extends Tiger { public function climb()</div> </li> <li><a href="/article/471.htm" title="hibernate" target="_blank">hibernate</a> 171815164 <a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a> <div>main,save Configuration conf =new Configuration().configure(); SessionFactory sf=conf.buildSessionFactory(); Session sess=sf.openSession(); Transaction tx=sess.beginTransaction(); News a=new </div> </li> <li><a href="/article/598.htm" title="Ant实例分析" target="_blank">Ant实例分析</a> g21121 <a class="tag" taget="_blank" href="/search/ant/1.htm">ant</a> <div> 下面是一个Ant构建文件的实例，通过这个实例我们可以很清楚的理顺构建一个项目的顺序及依赖关系，从而编写出更加合理的构建文件。下面是build.xml的代码： <?xml version="1</div> </li> <li><a href="/article/725.htm" title="[简单]工作记录_接口返回405原因" target="_blank">[简单]工作记录_接口返回405原因</a> 53873039oycg <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a> <div> 最近调接口时候一直报错，错误信息是: responseCode:405 responseMsg:Method Not Allowed 接口请求方式Post. </div> </li> <li><a href="/article/852.htm" title="关于java.lang.ClassNotFoundException 和 java.lang.NoClassDefFoundError 的区别" target="_blank">关于java.lang.ClassNotFoundException 和 java.lang.NoClassDefFoundError 的区别</a> 程序员是怎么炼成的 <div> 真正完成类的加载工作是通过调用 defineClass来实现的；而启动类的加载过程是通过调用 loadClass来实现的；就是类加载器分为加载和定义 protected Class<?> findClass(String name) throws ClassNotFoundExcept</div> </li> <li><a href="/article/979.htm" title="JDBC学习笔记-JDBC详细的操作流程" target="_blank">JDBC学习笔记-JDBC详细的操作流程</a> aijuans <a class="tag" taget="_blank" href="/search/jdbc/1.htm">jdbc</a> <div>所有的JDBC应用程序都具有下面的基本流程：　　1、加载数据库驱动并建立到数据库的连接。　　2、执行SQL语句。　　3、处理结果。　　4、从数据库断开连接释放资源。下面我们就来仔细看一看每一个步骤：其实按照上面所说每个阶段都可得单独拿出来写成一个独立的类方法文件。共别的应用来调用。 1、加载数据库驱动并建立到数据库的连接： Html代码 St</div> </li> <li><a href="/article/1106.htm" title="rome创建rss" target="_blank">rome创建rss</a> antonyup_2006 <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/cms/1.htm">cms</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><a class="tag" taget="_blank" href="/search/Opera/1.htm">Opera</a> <div>引用 1.RSS标准 RSS标准比较混乱，主要有以下3个系列 RSS 0.9x / 2.0 : RSS技术诞生于1999年的网景公司(Netscape)，其发布了一个0.9版本的规范。2001年，RSS技术标准的发展工作被Userland Software公司的戴夫温那(Dave Winer)所接手。陆续发布了0.9x的系列版本。当W3C小组发布RSS 1.0后，Dave W</div> </li> <li><a href="/article/1233.htm" title="html表格和表单基础" target="_blank">html表格和表单基础</a> 百合不是茶 <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E8%A1%A8%E6%A0%BC/1.htm">表格</a><a class="tag" taget="_blank" href="/search/%E8%A1%A8%E5%8D%95/1.htm">表单</a><a class="tag" taget="_blank" href="/search/meta/1.htm">meta</a><a class="tag" taget="_blank" href="/search/%E9%94%9A%E7%82%B9/1.htm">锚点</a> <div>第一次用html来写东西,感觉压力山大,每次看见别人发的都是比较牛逼的再看看自己什么都还不会, html是一种标记语言,其实很简单都是固定的格式 _----------------------------------------表格和表单表格是html的重要组成部分,表格用在body里面的主要用法如下; <table> &</div> </li> <li><a href="/article/1360.htm" title="ibatis如何传入完整的sql语句" target="_blank">ibatis如何传入完整的sql语句</a> bijian1013 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a> <div> ibatis如何传入完整的sql语句？进一步说，String str ="select * from test_table"，我想把str传入ibatis中执行，是传递整条sql语句。解决办法： <</div> </li> <li><a href="/article/1487.htm" title="精通Oracle10编程SQL(14)开发动态SQL" target="_blank">精通Oracle10编程SQL(14)开发动态SQL</a> bijian1013 <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a> <div>/* *开发动态SQL */ --使用EXECUTE IMMEDIATE处理DDL操作 CREATE OR REPLACE PROCEDURE drop_table(table_name varchar2) is sql_statement varchar2(100); begin sql_statement:='DROP TABLE '||table_name; </div> </li> <li><a href="/article/1614.htm" title="【Linux命令】Linux工作中常用命令" target="_blank">【Linux命令】Linux工作中常用命令</a> bit1129 <a class="tag" taget="_blank" href="/search/linux%E5%91%BD%E4%BB%A4/1.htm">linux命令</a> <div>不断的总结工作中常用的Linux命令 1.查看端口被哪个进程占用通过这个命令可以得到占用8085端口的进程号，然后通过ps -ef|grep 进程号得到进程的详细信息 netstat -anp | grep 8085 察看进程ID对应的进程占用的端口号 netstat -anp | grep 进程ID &</div> </li> <li><a href="/article/1741.htm" title="优秀网站和文档收集" target="_blank">优秀网站和文档收集</a> 白糖_ <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99/1.htm">网站</a> <div>集成 Flex, Spring, Hibernate 构建应用程序性能测试工具-JMeter Hmtl5-IOCN网站 Oracle精简版教程网站鸟哥的linux私房菜 Jetty中文文档 50个jquery必备代码片段 swfobject.js检测flash版本号工具</div> </li> <li><a href="/article/1868.htm" title="angular.extend" target="_blank">angular.extend</a> boyitech <a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/angular.extend/1.htm">angular.extend</a><a class="tag" taget="_blank" href="/search/AngularJS+API/1.htm">AngularJS API</a> <div>angular.extend 复制src对象中的属性去dst对象中. 支持多个src对象. 如果你不想改变一个对象，你可以把dst设为空对象{}: var object = angular.extend({}, object1, object2). 注意: angular.extend不支持递归复制. 使用方法: angular.extend(dst, src); 参数: </div> </li> <li><a href="/article/1995.htm" title="java-谷歌面试题-设计方便提取中数的数据结构" target="_blank">java-谷歌面试题-设计方便提取中数的数据结构</a> bylijinnan <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>网上找了一下这道题的解答，但都是提供思路，没有提供具体实现。其中使用大小堆这个思路看似简单，但实现起来要考虑很多。以下分别用排序数组和大小堆来实现。使用大小堆： import java.util.Arrays; public class MedianInHeap { /** * 题目：设计方便提取中数的数据结构 * 设计一个数据结构，其中包含两个函数，1.插</div> </li> <li><a href="/article/2122.htm" title="ajaxFileUpload 针对 ie jquery 1.7+不能使用问题修复版本" target="_blank">ajaxFileUpload 针对 ie jquery 1.7+不能使用问题修复版本</a> Chen.H <a class="tag" taget="_blank" href="/search/ajaxFileUpload/1.htm">ajaxFileUpload</a><a class="tag" taget="_blank" href="/search/ie6/1.htm">ie6</a><a class="tag" taget="_blank" href="/search/ie7/1.htm">ie7</a><a class="tag" taget="_blank" href="/search/ie8/1.htm">ie8</a><a class="tag" taget="_blank" href="/search/ie9/1.htm">ie9</a> <div>jQuery.extend({ handleError: function( s, xhr, status, e ) { // If a local callback was specified, fire it if ( s.error ) { s.error.call( s.context || s, xhr, status, e ); } </div> </li> <li><a href="/article/2249.htm" title="[机器人制造原则]机器人的电池和存储器必须可以替换" target="_blank">[机器人制造原则]机器人的电池和存储器必须可以替换</a> comsci <a class="tag" taget="_blank" href="/search/%E5%88%B6%E9%80%A0/1.htm">制造</a> <div> 机器人的身体随时随地可能被外来力量所破坏,但是如果机器人的存储器和电池可以更换,那么这个机器人的思维和记忆力就可以保存下来,即使身体受到伤害,在把存储器取下来安装到一个新的身体上之后,原有的性格和能力都可以继续维持..... 另外,如果一</div> </li> <li><a href="/article/2376.htm" title="Oracle Multitable INSERT 的用法" target="_blank">Oracle Multitable INSERT 的用法</a> daizj <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>转载Oracle笔记-Multitable INSERT 的用法 http://blog.chinaunix.net/uid-8504518-id-3310531.html 一、Insert基础用法语法： Insert Into 表名 (字段1,字段2,字段3...） Values (值1,</div> </li> <li><a href="/article/2503.htm" title="专访黑客历史学家George Dyson" target="_blank">专访黑客历史学家George Dyson</a> datamachine <a class="tag" taget="_blank" href="/search/on/1.htm">on</a> <div>20世纪最具威力的两项发明——核弹和计算机出自同一时代、同一群年青人。可是，与大名鼎鼎的曼哈顿计划（第二次世界大战中美国原子弹研究计划）相比，计算机的起源显得默默无闻。出身计算机世家的历史学家George Dyson在其新书《图灵大教堂》（Turing’s Cathedral）中讲述了阿兰·图灵、约翰·冯·诺依曼等一帮子天才小子创造计算机及预见计算机未来</div> </li> <li><a href="/article/2630.htm" title="小学6年级英语单词背诵第一课" target="_blank">小学6年级英语单词背诵第一课</a> dcj3sjt126com <a class="tag" taget="_blank" href="/search/english/1.htm">english</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a> <div>always 总是 rice 水稻，米饭 before 在...之前 live 生活，居住 usual 通常的 early 早的 begin 开始 month 月份 year 年 last 最后的 east 东方的 high 高的 far 远的 window 窗户 world 世界 than 比...更 </div> </li> <li><a href="/article/2757.htm" title="在线IT教育和在线IT高端教育" target="_blank">在线IT教育和在线IT高端教育</a> dcj3sjt126com <a class="tag" taget="_blank" href="/search/%E6%95%99%E8%82%B2/1.htm">教育</a> <div>codecademy http://www.codecademy.com codeschool https://www.codeschool.com teamtreehouse http://teamtreehouse.com lynda http://www.lynda.com/ Coursera https://www.coursera.</div> </li> <li><a href="/article/2884.htm" title="Struts2 xml校验框架所定义的校验文件" target="_blank">Struts2 xml校验框架所定义的校验文件</a> 蕃薯耀 <a class="tag" taget="_blank" href="/search/Struts2+xml%E6%A0%A1%E9%AA%8C/1.htm">Struts2 xml校验</a><a class="tag" taget="_blank" href="/search/Struts2+xml%E6%A0%A1%E9%AA%8C%E6%A1%86%E6%9E%B6/1.htm">Struts2 xml校验框架</a><a class="tag" taget="_blank" href="/search/Struts2%E6%A0%A1%E9%AA%8C/1.htm">Struts2校验</a> <div> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月11日 15:54:59 星期六 http://fa</div> </li> <li><a href="/article/3011.htm" title="mac下安装rar和unrar命令" target="_blank">mac下安装rar和unrar命令</a> hanqunfeng <a class="tag" taget="_blank" href="/search/mac/1.htm">mac</a> <div>1.下载：http://www.rarlab.com/download.htm 选择 RAR 5.21 for Mac OS X 2.解压下载后的文件 tar -zxvf rarosx-5.2.1.tar 3.cd rar sudo install -c -o $USER unrar /bin #输入当前用户登录密码 sudo install -c -o $USER rar</div> </li> <li><a href="/article/3138.htm" title="三种将list转换为map的方法" target="_blank">三种将list转换为map的方法</a> jackyrong <a class="tag" taget="_blank" href="/search/list/1.htm">list</a> <div> 在本文中，介绍三种将list转换为map的方法： 1）传统方法假设有某个类如下 class Movie { private Integer rank; private String description; public Movie(Integer rank, String des</div> </li> <li><a href="/article/3265.htm" title="年轻程序员需要学习的5大经验" target="_blank">年轻程序员需要学习的5大经验</a> lampcy <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div>在过去的7年半时间里，我带过的软件实习生超过一打，也看到过数以百计的学生和毕业生的档案。我发现很多事情他们都需要学习。或许你会说，我说的不就是某种特定的技术、算法、数学，或者其他特定形式的知识吗？没错，这的确是需要学习的，但却并不是最重要的事情。他们需要学习的最重要的东西是“自我规范”。这些规范就是：尽可能地写出最简洁的代码；如果代码后期会因为改动而变得凌乱不堪就得重构；尽量删除没用的代码，并添加</div> </li> <li><a href="/article/3392.htm" title="评“女孩遭野蛮引产致终身不育 60万赔偿款1分未得”医腐深入骨髓" target="_blank">评“女孩遭野蛮引产致终身不育 60万赔偿款1分未得”医腐深入骨髓</a> nannan408 <div>先来看南方网的一则报道：再正常不过的结婚、生子，对于29岁的郑畅来说，却是一个永远也无法实现的梦想。从2010年到2015年，从24岁到29岁，一张张新旧不一的诊断书记录了她病情的同时，也清晰地记下了她人生的悲哀。　　粗暴手术让人发寒　　2010年7月，在酒店做服务员的郑畅发现自己怀孕了，可男朋友却联系不上。在没有和家人商量的情况下，她决定堕胎。　　12月5日，</div> </li> <li><a href="/article/3519.htm" title="使用jQuery为input输入框绑定回车键事件 VS 为a标签绑定click事件" target="_blank">使用jQuery为input输入框绑定回车键事件 VS 为a标签绑定click事件</a> Everyday都不同 <a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/input/1.htm">input</a><a class="tag" taget="_blank" href="/search/%E5%9B%9E%E8%BD%A6%E9%94%AE%E7%BB%91%E5%AE%9A/1.htm">回车键绑定</a><a class="tag" taget="_blank" href="/search/click/1.htm">click</a><a class="tag" taget="_blank" href="/search/enter/1.htm">enter</a> <div>假设如题所示的事件为同一个，必须先把该js函数抽离出来，该函数定义了监听的处理： function search() { //监听函数略...... } 为input框绑定回车事件，当用户在文本框中输入搜索关键字时，按回车键，即可触发search(): //回车绑定 $(".search").keydown(fun</div> </li> <li><a href="/article/3646.htm" title="EXT学习记录" target="_blank">EXT学习记录</a> tntxia <a class="tag" taget="_blank" href="/search/ext/1.htm">ext</a> <div> 1. 准备（1）官网：http://www.sencha.com/ 里面有源代码和API文档下载。 EXT的域名已经从www.extjs.com改成了www.sencha.com ，但extjs这个域名会自动转到sencha上。（2）帮助文档：想要查看EXT的官方文档的话，可以去这里h</div> </li> <li><a href="/article/3773.htm" title="mybatis3的mapper文件报Referenced file contains errors" target="_blank">mybatis3的mapper文件报Referenced file contains errors</a> xingguangsixian <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a> <div>最近使用mybatis.3.1.0时无意中碰到一个问题： The errors below were detected when validating the file "mybatis-3-mapper.dtd" via the file "account-mapper.xml". In most cases these errors can be d</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> 按字母分类： <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>