关于HTML/HTML5（一）

学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/

关于HTML/HTML5（二） http://www.jianshu.com/p/e03a8728a0bc

HTML/HTML5和CSS/CSS3还有JavaScript都是基础中的基础，很多的框架、插件，都是在这些“基础”的基础上实现的。

常说的DIV+CSS布局，不是说会把HTML和CSS一起使用就够了，而是在编写页面前，先布置页面结构（比如说网页大体分为头部/页眉，导航栏，内容，底部/页脚，然后内容又分为……，相类似的组件/结构又可以将它统一为同一类结构……），

也可以使用 HTML5 提供的新语义元素来布局网页，header定义文档或节的页眉，nav定义导航链接的容器，section定义文档中的节，article定义独立的自包含文章，aside定义内容之外的内容（比如侧栏），footer定义文档或节的页脚，details定义额外的细节，summary定义 details 元素的标题。

然后再编写代码。先思考，再动手，否则会事倍功半。

HTML的简介：

超文本标记语言 (HyperTextMarkupLanguage) 、

标记语言(markup language)、标记标签(markup tag) 、

尖括号包围的关键词、成对出现、开始标签结束标签、开放标签闭合标签。

HTML 文档 = 网页（包含HTML标签和文本），Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。

开始标签与结束标签之间的内容就是元素的内容，

HTML 元素具有空内容（empty content），

空元素在开始标签中进行关闭（以开始标签的结束而结束，比如
），

大多数 HTML 元素拥有属性（为 HTML 元素提供附加信息，在开始标签中，以名称/值对的形式出现，比如name="value"），始终为属性值加引号，

大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素），

HTML 标签对大小写不敏感（推荐使用小写）。

当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

所有浏览器，不论新旧，都会自动把未识别元素当做行内元素来处理。

建议始终使用小写

HTML里的Hello World，每个人都敲过n遍。

...

Hello World

语言代码：（HTML 的 lang 属性可用于网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。）

根据 W3C 推荐标准，您应该通过标签中的 lang 属性对每张页面中的主要语言进行声明，比如：

......

参考手册：http://www.w3school.com.cn/tags/html_ref_language_codes.asp

不赞成使用的标签和属性：

~~标签（居中的内容）~~

~~标签和标签（字体）~~

~~标签和~~标签（删除线文本）：使用代替~~~~

~~标签（下划线文本）~~

标签标签<xmp>标签：使用<pre>代替 </strike> <strike> align属性（对齐方式） </strike> <strike> bgcolor属性（背景颜色） </strike> <strike> color属性（文本颜色） </strike> <hr> 下面列出了适用于大多数HTML元素的属性： class属性指定类名， id属性指定唯一id， style属性指定行内样式， title属性指定额外信息（可在工具提示中显示） 必需的属性： 如：1.图像标签必须使用alt属性，当图像无法显示时该属性很重要。 2.必须定义图像尺寸，这样做会减少闪烁，因为浏览器会在图像加载之前为图像预留空间。 <hr> 对标签语义化有较好的理解，就是认识标签和属性的用途和作用。 文档类型：<!DOCTYPE html>（这个是HTML5的声明，声明帮助浏览器正确地显示网页） 文档：<html> 文档头部：<head> （<head>内的元素可以是：<title><meta><base><link><script><style>，一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。） 文档标题：<title> 文档描述：<meta> （描述：<meta name="author/revised/generator/description/keywords" content="....">， 重定向：<meta http-equiv="Refresh" content="5;url=abc.com" />） 所有标签的打开方式：<base>（<base target="_blank" />） 引入外部样式表：<link> 定义样式：<style> 脚本：<script> 文档主体：<body> 注释： （条件注释：只有IE执行的注释：） 节/区域（块级，如：h1，p，ul，table）：<div> 行内的小块/区域（内联，如b，td，a，img）： 标题：<h1> - <h6>（搜索引擎使用标题为您的网页的结构和内容编制索引，注意使用，应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。） 水平线：<hr /> 换行： 段落： 链接：<a>，href 属性指定链接的地址（电子邮件mailto:，例子：http://www.w3school.com.cn/tiy/t.asp?f=html_mailto或者http://www.w3school.com.cn/tiy/t.asp?f=html_mailto2）， name 属性创建文档内的书签（HTML5 中不支持name属性。规定锚的名称，和href配合使用，可以用id属性替换name属性）， target 属性，被链接的文档在何处显示（比如_blank，_parent，_self，_top）。 图像：<img>，src属性指定文件地址，width、height属性指定图像宽高，alt 属性用来为图像定义一串预备的可替换的文本。usemap属性引用 map 元素中的 "id" 或 "name" 属性 带有可点击区域的图像映射：<map>， 图像映射中的区域：<area>，（area 元素总是嵌套在标签中）alt属性用来为图像定义一串预备的可替换的文本。 （<img><map><area>例子：http://www.w3school.com.cn/tiy/t.asp?f=html_areamap） 表格：<table>，border属性指定表格边框，cellpadding属性指定单元格边距，cellspacing属性指定单元格间距，background属性指定背景，frame属性控制围绕表格的边框（box四周，above上方，below下方，hsides上和下方，vsides左和右侧） （表头：<th>，行：<tr>，单元格：<td>，表格标题：<caption>，页眉：<thead>，主体：<tbody>，页脚：<tfoot>，列属性：<col>，列的组：<colgroup>） 横跨两列的单元格：colspan属性/rowspan属性为2即可 列表：无序列表：<ul>，type属性指定项目符号列表（disc，circle，square），，列表项：<li> 有序列表：<ol>，type属性指定项目符号列表（A，a，I，i），列表项：<li> 自定义列表：<dl>，列表项：<dt><dd> <hr> 表单：用于收集用户输入。<form action="" method="" target="_blank" accept-charset="UTF-8" ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate> （action 属性定义在提交表单时执行的动作，如果省略，则默认设置为当前页面。method 属性规定在提交表单时所用的 HTTP 方法（GET（默认方法）或POST）） form属性： accept-charset 规定在被提交表单中使用的字符集（默认：页面字符集）。 action 规定向何处提交表单的地址（URL）（提交页面）。 autocomplete 规定浏览器应该自动完成表单（默认：开启）。 enctype 规定被提交数据的编码（默认：url-encoded）。 method 规定在提交表单时所用的 HTTP 方法（默认：GET）。 name 规定识别表单的名称（对于 DOM 使用：document.forms.name）。 novalidate 规定浏览器不验证表单。 target 规定 action 属性中地址的目标（默认：_self）。 使用GET方法：（最适合少量数据的提交。浏览器会设定容量限制。） 如果表单提交是被动的（比如搜索引擎查询），并且没有敏感信息。且表单数据在页面地址栏中是可见的。 使用POST方法：如果表单正在更新数据，或者包含敏感信息（例如密码）。POST 的安全性更加，因为在页面地址栏中被提交的数据是不可见的。 如果要正确地被提交，每个输入字段必须设置一个 name 属性。 表单元素：<input>元素（根据type不同，有不同形态） 文本输入：<input type="text" name="" value="" size="" maxlength=""> 单选按钮：<input type="radio" name="" value="" [checked]> 多选按钮：<input type="checkbox" name="" value="" [checked]> 提交按钮：<input type="submit" value="Submit">（与form的action有关） 密码输入：<input type="password" name=""> 重置按钮：<input type="reset"> 隐藏按钮：<input type="hidden"> 下拉列表：<select name=""><option value="" [selected]> （列表通常会把首个option选项显示为被选选项。） 多行输入/文本域：<textarea name="" rows="" cols=""> 按钮：<input type="button" value=""> 按钮：<button type="button"> 用<fieldset>组合表单数据 <fieldset>元素组合表单中的相关数据 <legend>元素为<fieldset>元素定义标题。 比如： <form action="action_page.php"> <fieldset> <legend>Personal information:</legend> First name: <input type="text" name="firstname" value="Mickey"> Last name: <input type="text" name="lastname" value="Mouse"> <input type="submit" value="Submit"> </form> 数字输入：<input type="number" name="" min="" max="" step="10" value="30"> 日期输入：<input type="date" name="" max="2017-12-31" min="2000-01-02"> 颜色输入：<input type="color" name=""> 滑块控件：<input type="range" name="" min="" max="" step="" value=""> 月份输入：<input type="month" name="">（允许用户选择月份和年份。） 周/星期输入：<input type="week" name="">（允许用户选择周和年。） 时间输入：<input type="time" name=""> 日期数据输入：<input type="datetime" name="">（允许用户选择日期和时间（有时区）。） 日期时间输入：<input type="datetime-local" name="">（允许用户选择日期和时间（无时区）。） 邮件输入：<input type="email" name=""> 搜索输入：<input type="search" name=""> 电话输入：<input type="tel" name=""> URL输入：<input type="url" name=""> 输入限制（属性）：（列出了一些常用的输入限制，其中一些事HTML5中新增的） disabled 规定输入字段应该被禁用。（disabled 属性不需要值。它等同于 disabled="disabled"。） max 规定输入字段的最大值。 maxlength 规定输入字段的最大字符数。（如设置 maxlength 属性，则输入控件不会接受超过所允许数的字符。该属性不会提供任何反馈。） min 规定输入字段的最小值。 pattern 规定通过其检查输入值的正则表达式。 readonly 规定输入字段为只读（无法修改）。（readonly 属性不需要值。它等同于 readonly="readonly"。） required 规定输入字段是必需的（必需填写）。 size 规定输入字段的宽度（以字符计）。 step 规定输入字段的合法数字间隔。 value 规定输入字段的默认值。 <hr> 文本格式化： HTML可定义很多供格式化输出的元素，比如粗体和斜体字。 粗体文本： 加重语气： <strike> 大号字：<big> </strike>（HTML5已删除） 小号字： 着重字体： 斜体： 上标： 下标： 插入字：<ins> 删除字：<del> <hr> “计算机输出”： 计算机代码：<code> 键盘码/键盘格式：<kbd> 计算机代码样本：<samp> <strike> 打字机代码：<tt> </strike>（HTML5中已删除） 定义变量：<var> 预格式文本：<pre> <hr> 引用、引用和术语定义： 缩写/缩略词：<abbr> <strike> 首字母缩写：<acronym> </strike>（HTML5中已删除） 地址：<address> 文字方向：<bdo>（属性dir="rtl"或者dir="ltr"） 长的引用：<blockquote> 短的引用：<q>（文字外加“”） 引用、引证：<cite> 一个定义项目：<dfn> （<dfn>用法： 1. 如果设置了元素的 title 属性，则定义项目：http://www.w3school.com.cn/tiy/t.asp?f=html_formatting_dfn 2. 如果元素包含具有标题的元素，则 title 定义项目：http://www.w3school.com.cn/tiy/t.asp?f=html_formatting_dfn_2 3. 否则，文本内容即是项目，并且父元素包含定义。http://www.w3school.com.cn/tiy/t.asp?f=html_formatting_dfn_3 注释：如果您希望简而化之，请使用第一条，或使用<abbr>代替。） <hr> 字符实体（HTML 中的预留字符（比如小于号、大于号）必须被替换为字符实体（&entity_name; 或者 &#entity_number;）。） 参考手册：http://www.w3school.com.cn/tags/html_ref_symbols.html 空格：  或   小于号：< 或 < 大于号：> 或 > 与：& 或 & 双引号：" 或 " 单引号：'（IE不支持）或 ' 版权：© 或 © 注册商标：® 或 ® 商标：™ 或 ™ 乘号：× 或 × 除号：÷ 或 ÷ 等等...http://www.w3school.com.cn/html/html_entities.asp <hr> <strike> （HTML5中已删除） </strike> <strike> 框架（此框架非彼框架，可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。） </strike> <strike> 框架结构标签/框架集：<frameset>，rows属性/columns 属性的值规定了每行或每列占据屏幕的面积 </strike> <strike> 框架标签：<frame>，noresize属性设置无边框值为"noresize"。 </strike> <strike> <frameset cols="25%,75%"> </strike> <strike> <frame src="a.html"> </strike> <strike> <frame src="b.html"> </strike> <strike> </frameset> </strike> <strike> 注意：为不支持框架的浏览器添加<noframes>标签。 </strike> <strike> 重要提示：不能将<body>标签与<frameset> 标签同时使用！不过，假如你添加包含一段文本的<noframes>标签，就必须将这段文字嵌套于<body>标签内。标签，就必须将这段文字嵌套于 <body></body> 标签内。（在下面的第一个实例中，可以查看它是如何实现的。） </strike> <strike> <noframes> </strike> <strike> <body>您的浏览器无法处理框架！</body> </strike> <strike> </noframes> </strike> <strike> （例子：使用框架导航跳转至指定的节http://www.w3school.com.cn/tiy/t.asp?f=html_frame_navigation2） </strike> 内联框架（用于在网页内显示网页）：<iframe>，src属性，width属性，height属性，frameborder属性指定iframe的边框。 iframe 可用作链接的目标（target），链接的 target 属性必须引用 iframe 的 name 属性。 <iframe src="demo.html" name="iframe_a"></iframe> <a href="xxxx.com" target="iframe_a">xxxx.com</a> <hr> 响应式 Web 设计（Responsive Web Design），简称RWD。 RWD能够以可变尺寸传递网页，对于平板和移动设备是必需的。 1.纯css设计 2.bootstrap（CSS 框架，开发在任何尺寸都外观出众的站点：显示器、笔记本电脑、平板电脑或手机，另讲） <hr> （注意：<noscript>标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。 只有在浏览器不支持脚本或者禁用脚本时，才会显示 noscript 元素中的内容：<noscript>Your browser does not support JavaScript!</noscript>） <hr> 统一资源定位器/统一资源定位符（Uniform Resource Locator） URL用于定位万维网上的文档（或其他数据）。 网址，比如http://www.w3school.com.cn/html/index.asp，遵守以下的语法规则： scheme://host.domain:port/path/filename 解释： scheme - 定义因特网服务的类型。最常见的类型是 http host - 定义域主机（http 的默认主机是 www） domain - 定义因特网域名，比如 w3school.com.cn :port - 定义主机上的端口号（http 的默认端口号是 80） path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。 filename - 定义文档/资源的名称 以下是其中一些最流行的 scheme： http （超文本传输协议）以 http:// 开头的普通网页。不加密。 https （安全超文本传输协议）安全网页。加密所有信息交换。 ftp （文件传输协议）用于将文件下载或上传至网站。 file 您计算机上的文件。 URL 字符编码，URL 编码会将字符转换为可通过因特网传输的格式。 URL 只能使用ASCII 字符集来通过因特网进行发送。 由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。 URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。 URL 不能包含空格。URL 编码通常使用 + 来替换空格。 更多：http://www.w3school.com.cn/html/html_urlencode.asp， http://www.w3school.com.cn/tags/html_ref_urlencode.html <hr> Web Server，如果希望向世界发布您的网站，那么您必须把它存放在 web 服务器上。 更多：http://www.w3school.com.cn/html/html_webserver.asp <hr> 颜色：颜色值，颜色名，安全色…… 更多：http://www.w3school.com.cn/html/html_colors.asp 颜色名：http://www.w3school.com.cn/html/html_colornames.asp <hr> XHTML （XHTML 是以 XML 格式编写的 HTML，XHTML指的是可扩展超文本标记语言，它 与 HTML 4.01 几乎是相同的，它是更严格更纯净的 HTML 版本，它是以 XML 应用的方式定义的 HTML，它是2001 年 1 月发布的 W3C 推荐标准，它得到所有主流浏览器的支持，它是是一种必须正确标记且格式良好的标记语言。） 与HTML相比最重要的区别： 文档结构 XHTML DOCTYPE 是强制性的 <html>中的 XML namespace 属性是强制性的 <html>、<head>、<title>以及<body>也是强制性的以及 <body> 也是强制性的 元素语法 XHTML 元素必须正确嵌套，必须始终关闭，必须小写，必须有一个根元素 属性语法 XHTML 属性必须使用小写，必须用引号包围，禁止属性简写（如：错误：checked；正确：checked="checked"） <hr> HTML5新的媒介元素：video && audio &&embed && source && track audio 声音或音乐内容。 embed 外部应用程序的容器（比如插件）。 video 视频或影片内容。 source <video>和<audio>的来源。 track <video>和<audio>的轨道。 多媒体：（详细请看官方http://www.w3school.com.cn/html/html_media.asp） 视频格式：（MP4 格式是一种新的即将普及的因特网视频格式。HTML5 、Flash 播放器以及优酷等视频网站均支持它。） 格式（文件扩展名） AVI（.avi），WMV（.wmv），MPEG（.mpg/.mpeg），QuickTime（.mov），RealVideo（.rm/.ram），Flash（.swf/.flv），Mpeg-4（.mp4） 声音格式：（WAVE 是因特网上最受欢迎的无压缩声音格式，所有流行的浏览器都支持它。如果您需要未经压缩的声音（音乐或演讲），那么您应该使用 WAVE 格式。 MP3 是最新的压缩录制音乐格式。MP3 这个术语已经成为数字音乐的代名词。如果您的网址从事录制音乐，那么 MP3 是一个选项。） 格式（文件扩展名） MIDI（.mid/.midi），RealAudio（.rm/.ram），Wave（.wav），WMA（.wma），MP3（.mp3/.mpga） Object元素：<object>的作用是支持 HTML 助手（插件）。（官方：http://www.w3school.com.cn/html/html_object.asp） HTML 助手（插件）：大多数辅助应用程序允许对音量设置和播放功能（比如后退、暂停、停止和播放）的手工（或程序的）控制。 例子： - 使用QuickTime 来播放 Wave 音频元素 <object width="420" height="360" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab"> <param name="src" value="bird.wav" /> <param name="controller" value="true" /> </object> - 使用QuickTime 来播放 MP4 视频 <object width="420" height="360" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab"> <param name="src" value="movie.mp4" /> <param name="controller" value="true" /> </object> - 使用 Flash 来播放 SWF 视频 <object width="400" height="40" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/ pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"> <param name="SRC" value="bookmark.swf"> <embed src="bookmark.swf" width="400" height="40"></embed> </object> - 使用 Windows Media Player 来播放 WMV 影片 <object width="100%" height="100%" type="video/x-ms-asf" url="3d.wmv" data="3d.wmv" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> <param name="url" value="3d.wmv"> <param name="filename" value="3d.wmv"> <param name="autostart" value="1"> <param name="uiMode" value="full" /> <param name="autosize" value="1"> <param name="playcount" value="1"> <embed type="application/x-mplayer2" src="3d.wmv" width="100%" height="100%" autostart="true" showcontrols="true" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"></embed> </object> 嵌入音频： PS：不同的浏览器对音频格式的支持也不同，如果不支持该文件格式，就无法播放。可以使用插件。 <strike> 使用<embed>元素（<embed>元素定义外部（非 HTML）内容的容器。这是一个 HTML5 标签，在 HTML4 中是非法的，但是所有浏览器中都有效）： </strike> <strike> <embed height="100" width="100" src="song.mp3" /> </strike> <strike> </strike> <strike> 使用<object>元素： </strike> <strike> <object height="100" width="100" data="song.mp3"></object> </strike> <strike> </strike> <strike> 使用<audio>元素：（这个例子使用了一个 mp3 文件，这样它在 Internet Explorer、Chrome 以及 Safari 中是有效的。为了使这段音频在 Firefox 和 Opera 中同样有效，添加了一个 ogg 类型的文件。如果失败，会显示错误消息。） </strike> <strike> <audio controls="controls" width="100" height="100"> </strike> <strike> <source src="song.mp3" type="audio/mp3" /> </strike> <strike> <source src="song.ogg" type="audio/ogg" /> </strike> <strike> Your browser does not support this audio format. </strike> <strike> </audio> </strike> 最好的 HTML 解决方法（使用了两个不同的音频格式。HTML5<audio>元素会尝试以 mp3 或 ogg 来播放音频。如果失败，代码将回退尝试元素。）元素会尝试以 mp3 或 ogg 来播放音频。如果失败，代码将回退尝试元素。） <audio controls="controls" height="100" width="100"> <source src="song.mp3" type="audio/mp3" /> <source src="song.ogg" type="audio/ogg" /> <embed height="100" width="100" src="song.mp3" /> </audio> 向网站添加音频的最简单方法：雅虎的媒体播放器绝对算其中之一。它能播放 mp3 以及一系列其他格式。通过一行简单的代码，您就可以把它添加到网页中，轻松地将 HTML 页面转变为专业的播放列表。 例子：（雅虎媒体播放器为您的用户提供的是一个小型的播放按钮，而不是完整的播放器。不过，当您点击该按钮，会弹出完整的播放器。 请注意，这个播放器始终停靠在窗框底部。只需点击它，就可将其滑出。） <a href="song.mp3">Play Sound</a> //只需简单地把 MP3 文件链接到您的 HTML 中，JavaScript 会自动地为每首歌创建播放按钮 <script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script> //（使用雅虎播放器是免费的。如需使用它，您需要把这段 JavaScript 插入网页底部） 使用超链接：（如果网页包含指向媒体文件的超链接，大多数浏览器会使用“辅助应用程序”来播放文件。 以下代码片段显示指向 mp3 文件的链接。如果用户点击该链接，浏览器会启动“辅助应用程序”来播放该文件） <a href="song.mp3">Play the sound</a> 内联的声音：（当您在网页中包含声音，或者作为网页的组成部分时，它被称为内联声音。 如果您打算在 web 应用程序中使用内联声音，您需要意识到很多人都觉得内联声音令人恼火。同时请注意，用户可能已经关闭了浏览器中的内联声音选项。 我们最好的建议是只在用户希望听到内联声音的地方包含它们。一个正面的例子是，在用户需要听到录音并点击某个链接时，会打开页面然后播放录音。） HTML 4.01 多媒体标签 <strike> <applet> 不赞成。定义内嵌applet。 </strike> <strike> <embed> HTML4 中不赞成，HTML5 中允许。定义内嵌对象。 </strike> <object> 定义内嵌对象。 <param> 定义对象的参数。 HTML 5 多媒体标签 <audio> 标签定义声音，比如音乐或其他音频流。 <embed> 标签定义嵌入的内容，比如插件。 播放视频： <strike> （使用<embed>标签） </strike> <strike> <embed src="movie.swf" height="200" width="200"/> </strike> <strike> </strike> <strike> （ <del>使用<object>标签）</del> </strike> <strike> <object data="movie.swf" height="200" width="200"/> </strike> <strike> </strike> <strike> （使用<video>元素） </strike> <strike> <video width="320" height="240" controls="controls"> </strike> <strike> <source src="movie.mp4" type="video/mp4" /> </strike> <strike> <source src="movie.ogg" type="video/ogg" /> </strike> <strike> <source src="movie.webm" type="video/webm" /> </strike> <strike> Your browser does not support the video tag. </strike> <strike> </video> </strike> <strike> </strike> 最好的 HTML 解决方法（HTML5 + <object> + <embed>，例子中使用了 4 中不同的视频格式。HTML 5 <video>元素会尝试播放以 mp4、ogg 或 webm 格式中的一种来播放视频。如果均失败，则回退到 <embed> 元素。） <video width="320" height="240" controls="controls"> <source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> <source src="movie.webm" type="video/webm" /> <object data="movie.mp4" width="320" height="240"> <embed src="movie.swf" width="320" height="240" /> </object> </video> 优酷解决方案：（在 HTML 中显示视频的最简单的方法是使用优酷等视频网站。如果您希望在网页中播放视频，那么您可以把视频上传到优酷等视频网站，然后在您的网页中插入 HTML 代码即可播放视频） <embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf" width="480" height="400" type="application/x-shockwave-flash"></embed> 使用超链接（如果网页包含指向媒体文件的超链接，大多数浏览器会使用“辅助应用程序”来播放文件。 以下代码片段显示指向 AVI 文件的链接。如果用户点击该链接，浏览器会启动“辅助应用程序”，比如 Windows Media Player 来播放这个 AVI 文件） <a href="movie.swf">Play a video file</a> 关于内联视频（当视频被包含在网页中时，它被称为内联视频。 如果您打算在 web 应用程序中使用内联视频，您需要意识到很多人都觉得内联视频令人恼火。同时请注意，用户可能已经关闭了浏览器中的内联视频选项。 我们最好的建议是只在用户希望看到内联视频的地方包含它们。一个正面的例子是，在用户需要看到视频并点击某个链接时，会打开页面然后播放视频。） HTML 4.01 多媒体标签 <strike> <applet> 不赞成。定义内嵌 applet。 </strike> <strike> <embed> 不赞成。定义内嵌对象。（HTML5 中允许） </strike> <object> 定义内嵌对象。 <param> 定义对象的参数。 HTML 5 多媒体标签 <video> 标签定义声音，比如音乐或其他音频流。 </embed> 标签定义嵌入的内容，比如插件。 PS：当前，video 元素支持三种视频格式： 格式 IE Firefox Opera Chrome Safari Ogg No 3.5+ 10.5+ 5.0+ No MPEG 4 9.0+ No No 5.0+ 3.0+ WebM No 4.0+ 10.6+ 6.0+ No PS：当前，audio 元素支持三种音频格式： 类型 IE 9 Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0 Ogg Vorbis NO √ √ √ NO MP3 √ NO NO √ √ Wav NO √ √ NO √ <hr> 地理定位：（HTML5 Geolocation（地理定位）用于定位用户的位置。鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。） Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。 注释：对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确。 - 使用地理定位（getCurrentPosition() 方法来获得用户的位置。可返回用户位置的经度和纬度） <script> var x=document.getElementById("demo"); function getLocation() { if (navigator.geolocation) //检测是否支持地理定位 { navigator.geolocation.getCurrentPosition(showPosition); //如果getCurrentPosition()运行成功，则向参数showPosition中规定的函数返回一个coordinates对象 } else{x.innerHTML="Geolocation is not supported by this browser.";} } function showPosition(position) //showPosition() 函数获得并显示经度和纬度 { x.innerHTML="Latitude: " + position.coords.latitude + " Longitude: " + position.coords.longitude; } </script> 处理错误和拒绝：（getCurrentPosition() 方法的第二个参数用于处理错误。它规定当获取用户位置失败时运行的函数） function showError(error) { switch(error.code) { case error.PERMISSION_DENIED: //用户不允许地理定位 x.innerHTML="User denied the request for Geolocation." break; case error.POSITION_UNAVAILABLE: //无法获取当前位置 x.innerHTML="Location information is unavailable." break; case error.TIMEOUT: //操作超时 x.innerHTML="The request to get user location timed out." break; case error.UNKNOWN_ERROR: x.innerHTML="An unknown error occurred." break; } } 在地图中显示结果：（您需要访问可使用经纬度的地图服务，比如谷歌地图或百度地图，例子中使用返回的经纬度数据在谷歌地图中显示位置（使用静态图像）） function showPosition(position) { var latlon=position.coords.latitude+","+position.coords.longitude; var img_url="http://maps.googleapis.com/maps/api/staticmap?center=" +latlon+"&zoom=14&size=400x300&sensor=false"; document.getElementById("mapholder").innerHTML=""; } 官方（使用的是谷歌地图）：http://www.w3school.com.cn/tiy/t.asp?f=html5_geolocation_map_script 给定位置的信息，可以用在更新本地信息，显示用户周围的兴趣点，交互式车载导航系统 (GPS) getCurrentPosition() 方法 - 返回数据（若成功，则 getCurrentPosition() 方法返回对象。始终会返回 latitude、longitude 以及 accuracy 属性。如果可用，则会返回其他下面的属性。） coords.latitude 十进制数的纬度 coords.longitude 十进制数的经度 coords.accuracy 位置精度 coords.altitude 海拔，海平面以上以米计 coords.altitudeAccuracy 位置的海拔精度 coords.heading 方向，从正北开始以度计 coords.speed 速度，以米/每秒计 timestamp 响应的日期/时间 Geolocation 对象 - 其他有趣的方法 watchPosition() - 返回用户的当前位置，并继续返回用户移动时的更新位置（就像汽车上的 GPS）。 clearWatch() - 停止 watchPosition() 方法 下面的例子展示 watchPosition() 方法。您需要一台精确的 GPS 设备来测试该例（比如 iPhone）： <script> var x=document.getElementById("demo"); function getLocation() { if (navigator.geolocation) { navigator.geolocation.watchPosition(showPosition); } else{x.innerHTML="Geolocation is not supported by this browser.";} } function showPosition(position) { x.innerHTML="Latitude: " + position.coords.latitude + " Longitude: " + position.coords.longitude; } </script> <hr> HTTP状态消息：（当浏览器从 web 服务器请求服务时，可能会发生错误。） 从而有可能会返回下面的一系列状态消息： 1xx: 信息，2xx: 成功，3xx: 重定向，4xx: 客户端错误，5xx: 服务器错误 100 Continue服务器仅接收到部分请求，但是一旦服务器并没有拒绝该请求，客户端应该继续发送其余的请求。 101 Switching Protocols服务器转换协议：服务器将遵从客户的请求转换到另外一种协议。 200 OK请求成功（其后是对GET和POST请求的应答文档。） 201 Created请求被创建完成，同时新的资源被创建。 202 Accepted供处理的请求已被接受，但是处理未完成。 203 Non-authoritative Information文档已经正常地返回，但一些应答头可能不正确，因为使用的是文档的拷贝。 204 No Content没有新文档。浏览器应该继续显示原来的文档。如果用户定期地刷新页面，而Servlet可以确定用户文档足够新，这个状态代码是很有用的。 205 Reset Content没有新文档。但浏览器应该重置它所显示的内容。用来强制浏览器清除表单输入内容。 206 Partial Content客户发送了一个带有Range头的GET请求，服务器完成了它。 300 Multiple Choices多重选择。链接列表。用户可以选择某链接到达目的地。最多允许五个地址。 301 Moved Permanently所请求的页面已经转移至新的url。 302 Found所请求的页面已经临时转移至新的url。 303 See Other所请求的页面可在别的url下被找到。 304 Not Modified未按预期修改文档。客户端有缓冲的文档并发出了一个条件性的请求（一般是提供If-Modified-Since头表示客户只想比指定日期更新的文档）。服务器告诉客户，原来缓冲的文档还可以继续使用。 305 Use Proxy客户请求的文档应该通过Location头所指明的代理服务器提取。 306Unused此代码被用于前一版本。目前已不再使用，但是代码依然被保留。 307 Temporary Redirect被请求的页面已经临时移至新的url。 400 Bad Request服务器未能理解请求。 401 Unauthorized被请求的页面需要用户名和密码。 402 Payment Required此代码尚无法使用。 403 Forbidden对被请求页面的访问被禁止。 404 Not Found服务器无法找到被请求的页面。 405 Method Not Allowed请求中指定的方法不被允许。 406 Not Acceptable服务器生成的响应无法被客户端所接受。 407 Proxy Authentication Required用户必须首先使用代理服务器进行验证，这样请求才会被处理。 408 Request Timeout请求超出了服务器的等待时间。 409 Conflict由于冲突，请求无法被完成。 410 Gone被请求的页面不可用。 411 Length Required"Content-Length" 未被定义。如果无此内容，服务器不会接受请求。 412 Precondition Failed请求中的前提条件被服务器评估为失败。 413 Request Entity Too Large由于所请求的实体的太大，服务器不会接受请求。 414 Request-url Too Long由于url太长，服务器不会接受请求。当post请求被转换为带有很长的查询信息的get请求时，就会发生这种情况。 415 Unsupported Media Type由于媒介类型不被支持，服务器不会接受请求。 416服务器不能满足客户在请求中指定的Range头。 417 Expectation Failed 500 Internal Server Error请求未完成。服务器遇到不可预知的情况。 501 Not Implemented请求未完成。服务器不支持所请求的功能。 502 Bad Gateway请求未完成。服务器从上游服务器收到一个无效的响应。 503 Service Unavailable请求未完成。服务器临时过载或当机。 504 Gateway Timeout网关超时。 505 HTTP Version Not Supported服务器不支持请求中指明的HTTP协议版本。 <hr> HTTP方法：两种最常用的 HTTP 方法是：GET 和 POST。 GET- 从指定的资源请求数据。 POST- 向指定的资源提交要被处理的数据 介绍： 超文本传输协议（HTTP）的设计目的是保证客户机与服务器之间的通信。 HTTP 的工作方式是客户机与服务器之间的请求-应答协议。 web 浏览器可能是客户端，而计算机上的网络应用程序也可能作为服务器端。 举例：客户端（浏览器）向服务器提交 HTTP 请求；服务器向客户端返回响应。响应包含关于请求的状态信息以及可能被请求的内容。 GET 方法 请注意，查询字符串（名称/值对）是在 GET 请求的 URL 中发送的： /test/demo_form.asp?name1=value1&name2=value2 有关 GET 请求： GET 请求可被缓存 GET 请求保留在浏览器历史记录中 GET 请求可被收藏为书签 GET 请求不应在处理敏感数据时使用 GET 请求有长度限制 GET 请求只应当用于取回数据 = = = = = = = = = = = = POST 方法 请注意，查询字符串（名称/值对）是在 POST 请求的 HTTP 消息主体中发送的： POST /test/demo_form.asp HTTP/1.1 Host: w3schools.com name1=value1&name2=value2 有关 POST 请求： POST 请求不会被缓存 POST 请求不会保留在浏览器历史记录中 POST 不能被收藏为书签 POST 请求对数据长度没有要求 = = = = = = = = = = = 比较 GET 与 POST： 后退按钮/刷新： GET方法无害， POST方法数据会被重新提交（浏览器应该告知用户数据会被重新提交）。 书签： GET方法可收藏为书签， POST方法不可收藏为书签 缓存： GET方法能被缓存， POST方法不能缓存 编码类型： GET方法：application/x-www-form-urlencoded， POST方法：application/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。 历史： GET方法参数保留在浏览器历史中。 POST方法参数不会保存在浏览器历史中。 对数据长度的限制： GET方法限制长度。当发送数据时，GET 方法向 URL 添加数据；URL 的长度是受限制的（URL 的最大长度是 2048 个字符）。 POST方法无限制。 对数据类型的限制： GET方法只允许 ASCII 字符。 POST方法没有限制。也允许二进制数据。 安全性 GET方法：与 POST 相比，GET 的安全性较差，因为所发送的数据是 URL 的一部分。 在发送密码或其他敏感信息时绝不要使用 GET ！ POST方法：POST 比 GET 更安全，因为参数不会被保存在浏览器历史或 web 服务器日志中。 可见性： GET方法：数据在 URL 中对所有人都是可见的。 POST方法：数据不会显示在 URL 中。 = = = = = = = = = 其他 HTTP 请求方法 HEAD与 GET 相同，但只返回 HTTP 报头，不返回文档主体。 PUT上传指定的 URI 表示。 DELETE删除指定资源。 OPTIONS返回服务器支持的 HTTP 方法。 CONNECT把请求连接转换到透明的 TCP/IP 通道。 <hr> HTML实例：http://www.w3school.com.cn/example/html_examples.asp </article> </div> </div> </div>  <div id="SOHUCS" sid="1176204968336633856"></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/HTML5（一）)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835514462770130944.htm" title="斤斤计较的婚姻到底有多难？" target="_blank">斤斤计较的婚姻到底有多难？</a> 白心之岂必有为 <div>很多人私聊我会问到在哪个人群当中斤斤计较的人最多？我都会回答他，一般婚姻出现问题的斤斤计较的人士会非常多，以我多年经验，在婚姻落的一塌糊涂的人当中，斤斤计较的人数占比在20～30%以上，也就是说10个婚姻出现问题的斤斤计较的人有2-3个有多不减。在婚姻出问题当中，有大量的心理不平衡的、尖酸刻薄的怨妇。在婚姻中仅斤斤计较有两种类型：第一种是物质上的，另一种是精神上的。在物质与精神上抠门已经严重的影响</div> </li> <li><a href="/article/1835514464028422144.htm" title="情绪觉察日记第37天" target="_blank">情绪觉察日记第37天</a> 露露_e800 <div>今天是家庭关系规划师的第二阶最后一天，慧萍老师帮我做了个案，帮我处理了埋在心底好多年的一份恐惧，并给了我深深的力量！这几天出来学习，爸妈过来婆家帮我带小孩，妈妈出于爱帮我收拾东西，并跟我先生和婆婆产生矛盾，妈妈觉得他们没有照顾好我…。今晚回家见到妈妈，我很欣赏她并赞扬她，妈妈说今晚要跟我睡我说好，当我们俩躺在床上准备睡觉的时候，我握着妈妈的手对她说:妈妈这几天辛苦你了，你看你多利害把我们的家收拾得</div> </li> <li><a href="/article/1835514335561084928.htm" title="芦花鞋一四" target="_blank">芦花鞋一四</a> 许叶晗 <div>又是在一个寒冷的夏日里，青铜和葵花决定今天一起去卖芦花鞋，奶奶亲手给他们做了一碗热乎乎的粥对他们说:“就靠你们两挣生活费了这碗粥赶紧趁热喝了吧！”于是青铜和葵花喝完了奶奶给她们做的粥，就准备去镇上卖卢花鞋，这回青铜和葵花穿着新的芦花鞋来到了镇上。青铜这回看到了很多人都在卖，用手势表达对葵花说:“这回有好多人在抢我们生意呢！我们必须得吆喝起来。”葵花点了点头。可是谁知他们也大声的叫，卖芦花喽！卖芦花</div> </li> <li><a href="/article/1835514307744460800.htm" title="QQ群采集助手，精准引流必备神器" target="_blank">QQ群采集助手，精准引流必备神器</a> 2401_87347160 <a class="tag" taget="_blank" href="/search/%E5%85%B6%E4%BB%96/1.htm">其他</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a> <div>功能概述微信群查找与筛选工具是一款专为微信用户设计的辅助工具，它通过关键词搜索功能，帮助用户快速找到相关的微信群，并提供筛选是否需要验证的群组的功能。主要功能关键词搜索：用户可以输入关键词，工具将自动查找包含该关键词的微信群。筛选功能：工具提供筛选机制，用户可以选择是否只显示需要验证或不需要验证的群组。精准引流：通过上述功能，用户可以更精准地找到目标群组，进行有效的引流操作。3.设备需求该工具可以</div> </li> <li><a href="/article/1835514207114719232.htm" title="关于沟通这件事，项目经理不需要每次都面对面进行" target="_blank">关于沟通这件事，项目经理不需要每次都面对面进行</a> 流程大师兄 <div>很多项目经理都会遇到这样的问题，项目中由于事情太多，根本没有足够的时间去召开会议，那在这种情况下如何去有效地管理项目中的利益相关者？当然，不建议电子邮件也不需要开会的话，建议可以采取下面几种方式来形成有效的沟通，这几种方式可以帮助你努力的通过各种办法来保持和各方面的联系。项目经理首先要问自己几个问题，项目中哪些利益相关者是必须要进行沟通的？可以列出项目中所有的利益相关者清单，同时也整理出项目中哪些</div> </li> <li><a href="/article/1835513803861749760.htm" title="机器学习与深度学习间关系与区别" target="_blank">机器学习与深度学习间关系与区别</a> ℒℴѵℯ心·动ꦿ໊ོ꫞ <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><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/python/1.htm">python</a> <div>一、机器学习概述定义机器学习（MachineLearning,ML）是一种通过数据驱动的方法，利用统计学和计算算法来训练模型，使计算机能够从数据中学习并自动进行预测或决策。机器学习通过分析大量数据样本，识别其中的模式和规律，从而对新的数据进行判断。其核心在于通过训练过程，让模型不断优化和提升其预测准确性。主要类型1.监督学习（SupervisedLearning）监督学习是指在训练数据集中包含输入</div> </li> <li><a href="/article/1835513701143244800.htm" title="铭刻于星（四十二）" target="_blank">铭刻于星（四十二）</a> 随风至 <div>69夜晚，绍敏同学做完功课后，看了眼房外，没听到动静才敢从书包的夹层里拿出那个心形纸团。折痕压得很深，都有些旧了，想来是已经写好很久了。绍敏同学慢慢地、轻轻地捏开折叠处，待到全部拆开后，又反复抚平纸张，然后仔细地一字字默看。只是开头的三个字是第一次看到，让她心漏跳了几拍。“亲爱的绍敏：从四年级的时候，我就喜欢你了，但是我一直不敢说，怕影响你学习。六年级的时候听说有人跟你表白，你接受了，我很难过，但</div> </li> <li><a href="/article/1835513570171908096.htm" title="底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说" target="_blank">底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说</a> 造命者说 <div>底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说我叫吴起，生于公元前440年的战国初期，正是群雄并起、天下纷争不断的时候。后人说我是军事家、政治家、改革家，是兵家代表人物。评价我一生历仕鲁、魏、楚三国，通晓兵家、法家、儒家三家思想，在内政军事上都有极高的成就。周安王二十一年（公元前381年），因变法得罪守旧贵族，被人乱箭射死。我出生在卫国一个“家累万金”的富有家庭，从年轻时候起就不甘平凡</div> </li> <li><a href="/article/1835513571501502464.htm" title="2020-01-25" target="_blank">2020-01-25</a> 晴岚85 <div>郑海燕坚持分享590天2020.1.24在生活中只存在两个问题。一个问题是：你知道想要达成的目标是什么，但却不知道如何才能达成；另一个问题是：你不知道你的目标是什么。前一个是行动的问题，后一个是结果的问题。通过制定具体的下一步行动，可以解决不知道如何开始行动的问题。而通过去想象结果，对结果做预估，可以解决找不着目标的问题。对于所有吸引我们注意力，想要完成的任务，你可以先想象一下，预期的结果究竟是什</div> </li> <li><a href="/article/1835513568917811200.htm" title="随笔 | 仙一般的灵气" target="_blank">随笔 | 仙一般的灵气</a> 海思沧海 <div>仙岛今天，我看了你全部，似乎已经进入你的世界我不知道，这是否是梦幻，还是你仙一般的灵气吸引了我也许每一个人都要有一份属于自己的追求，这样才能够符合人生的梦想，生活才能够充满着阳光与快乐我不知道，我为什么会这样的感叹，是在感叹自己的人生，还是感叹自己一直没有孜孜不倦的追求只感觉虚度了光阴，每天活在自己的梦中，活在一个不真实的世界是在逃避自己，还是在逃避周围的一切有时候我嘲笑自己，嘲笑自己如此的虚无，</div> </li> <li><a href="/article/1835513567663714304.htm" title="想家" target="_blank">想家</a> 爆米花机 <div>也许不同于大家对家乡的思念，我对家乡甚至是疯狂的不舍。还未踏出车站就感觉到幸福，我享受这里的夕阳、这里的浓烈柴火味、这里每一口家常菜。我是宅女，我贪恋家的安逸。刚刚踏出大学校门，初出茅庐，无法适应每年只能国庆和春节回家。我焦虑、失眠、无端发脾气，是无法适应工作的节奏，是无法接受我将一步步离开家乡的事实。我不想承认自己胸无大志，选择再次踏上征程。图片发自App</div> </li> <li><a href="/article/1835513551624695808.htm" title="【iOS】MVC设计模式" target="_blank">【iOS】MVC设计模式</a> Magnetic_h <a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</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/objective-c/1.htm">objective-c</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a> <div>MVC前言如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architecturalpattern），属于编程的方法论。MVC模式就是架构模式的一种。它是Apple官方推荐的App开发架构，也是一般开发者最先遇到、最经典的架构。MVC各层controller层Controller/ViewController/VC（控制器）负责协调Model和View，处理大部分逻辑它将数据从Mod</div> </li> <li><a href="/article/1835513551142350848.htm" title="OC语言多界面传值五大方式" target="_blank">OC语言多界面传值五大方式</a> Magnetic_h <a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/objective-c/1.htm">objective-c</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt</div> </li> <li><a href="/article/1835513440525971456.htm" title="一百九十四章. 自相矛盾" target="_blank">一百九十四章. 自相矛盾</a> 巨木擎天 <div>唉！就这么一夜，林子感觉就像过了很多天似的，先是回了阳间家里，遇到了那么多不可思议的事情儿。特别是小伙伴们，第二次与自己见面时，僵硬的表情和恐怖的气氛，让自己如坐针毡，打从心眼里难受！还有东子，他现在还好吗？有没有被人欺负？护城河里的小鱼小虾们，还都在吗？水不会真的干枯了吧？那对相亲相爱漂亮的太平鸟儿，还好吧！春天了，到了做窝、下蛋、喂养小鸟宝宝的时候了，希望它们都能够平安啊！虽然没有看见家人，也</div> </li> <li><a href="/article/1835513424734416896.htm" title="UI学习——cell的复用和自定义cell" target="_blank">UI学习——cell的复用和自定义cell</a> Magnetic_h <a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添</div> </li> <li><a href="/article/1835512920797179904.htm" title="element实现动态路由+面包屑" target="_blank">element实现动态路由+面包屑</a> 软件技术NINI <a class="tag" taget="_blank" href="/search/vue%E6%A1%88%E4%BE%8B/1.htm">vue案例</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> <div>el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi</div> </li> <li><a href="/article/1835512809883004928.htm" title="10月|愿你的青春不负梦想-读书笔记-01" target="_blank">10月|愿你的青春不负梦想-读书笔记-01</a> Tracy的小书斋 <div>本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便</div> </li> <li><a href="/article/1835512542735200256.htm" title="C语言宏函数" target="_blank">C语言宏函数</a> 南林yan <a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a> <div>一、什么是宏函数？通过宏定义的函数是宏函数。如下，编译器在预处理阶段会将Add(x,y)替换为((x)*(y))#defineAdd(x,y)((x)*(y))#defineAdd(x,y)((x)*(y))intmain(){inta=10;intb=20;intd=10;intc=Add(a+d,b)*2;cout<<c<<endl;//800return0;}二、为什么要使用宏函数使用宏函数</div> </li> <li><a href="/article/1835512305320816640.htm" title="地推话术，如何应对地推过程中家长的拒绝" target="_blank">地推话术，如何应对地推过程中家长的拒绝</a> 校师学 <div>相信校长们在做地推的时候经常遇到这种情况：市场专员反馈家长不接单，咨询师反馈难以邀约这些家长上门，校区地推疲软，招生难。为什么？仅从地推层面分析，一方面因为家长受到的信息轰炸越来越多，对信息越来越“免疫”；而另一方面地推人员的专业能力和营销话术没有提高，无法应对家长的拒绝，对有意向的家长也不知如何跟进，眼睁睁看着家长走远；对于家长的疑问，更不知道如何有技巧地回答，机会白白流失。由于回答没技巧和专业</div> </li> <li><a href="/article/1835512178023690240.htm" title="谢谢你们，爱你们！" target="_blank">谢谢你们，爱你们！</a> 鹿游儿 <div>昨天家人去泡温泉，二个孩子也带着去，出发前一晚，匆匆下班，赶回家和孩子一起收拾。饭后，我拿出笔和本子（上次去澳门时做手帐的本子）写下了1\2\3\4\5\6\7\8\9,让后让小壹去思考，带什么出发去旅游呢？她在对应的数字旁边画上了，泳衣、泳圈、肖恩、内衣内裤、tapuy、拖鞋……画完后，就让她自己对着这个本子，将要带的，一一带上，没想到这次带的书还是这本《便便工厂》(晚上姑婆发照片过来，妹妹累得</div> </li> <li><a href="/article/1835511911769272320.htm" title="C语言如何定义宏函数？" target="_blank">C语言如何定义宏函数？</a> 小九格物 <a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a> <div>在C语言中，宏函数是通过预处理器定义的，它在编译之前替换代码中的宏调用。宏函数可以模拟函数的行为，但它们不是真正的函数，因为它们在编译时不会进行类型检查，也不会分配存储空间。宏函数的定义通常使用#define指令，后面跟着宏的名称和参数列表，以及宏展开后的代码。宏函数的定义方式：1.基本宏函数：这是最简单的宏函数形式，它直接定义一个表达式。#defineSQUARE(x)((x)*(x))2.带参</div> </li> <li><a href="/article/1835511912843014144.htm" title="理解Gunicorn：Python WSGI服务器的基石" target="_blank">理解Gunicorn：Python WSGI服务器的基石</a> 范范0825 <a class="tag" taget="_blank" href="/search/ipython/1.htm">ipython</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> <div>理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico</div> </li> <li><a href="/article/1835511669476913152.htm" title="小丽成长记（四十三）" target="_blank">小丽成长记（四十三）</a> 玲玲54321 <div>小丽发现，即使她好不容易调整好自己的心态下一秒总会有不确定的伤脑筋的事出现，一个接一个的问题，人生就没有停下的时候，小问题不断出现。不过她今天看的书，她接受了人生就是不确定的，厉害的人就是不断创造确定性，在Ta的领域比别人多的确定性就能让自己脱颖而出，显示价值从而获得的比别人多的利益。正是这样的原因，因为从前修炼自己太少，使得她现在在人生道路上打怪起来困难重重，她似乎永远摆脱不了那种无力感，有种习</div> </li> <li><a href="/article/1835511542284644352.htm" title="学点心理知识，呵护孩子健康" target="_blank">学点心理知识，呵护孩子健康</a> 静候花开_7090 <div>昨天听了华中师范大学教育管理学系副教授张玲老师的《哪里才是学生心理健康的最后庇护所，超越教育与技术的思考》的讲座。今天又重新学习了一遍，收获匪浅。张玲博士也注意到了当今社会上的孩子由于心理问题导致的自残、自杀及伤害他人等恶性事件。她向我们普及了一个重要的命题，她说心理健康的一些基本命题，我们与我们通常的一些教育命题是不同的，她还举了几个例子，让我们明白我们原来以为的健康并非心理学上的健康。比如如果</div> </li> <li><a href="/article/1835511163450912768.htm" title="2021年12月19日，春蕾教育集团团建活动感受——黄晓丹" target="_blank">2021年12月19日，春蕾教育集团团建活动感受——黄晓丹</a> 黄错错加油 <div>感受:1.从陌生到熟悉的过程。游戏环节让我们在轻松的氛围中得到了锻炼，也增长了不少知识。2.游戏过程中，我们贡献的是个人力量，展现的是团队的力量。它磨合的往往不止是工作的熟悉，更是观念上契合度的贴近。3.这和工作是一样的道理。在各自的岗位上，每个人摆正自己的位置、各司其职充分发挥才能，并团结一致劲往一处使，才能实现最大的成功。新知:1.团队精神需要不断地创新。过去，人们把创新看作是冒风险，现在人们</div> </li> <li><a href="/article/1835511036317364224.htm" title="Cell Insight | 单细胞测序技术又一新发现，可用于HIV-1和Mtb共感染个体诊断" target="_blank">Cell Insight | 单细胞测序技术又一新发现，可用于HIV-1和Mtb共感染个体诊断</a> 尐尐呅 <div>结核病是艾滋病合并其他疾病中导致患者死亡的主要原因。其中结核病由结核分枝杆菌（Mycobacteriumtuberculosis,Mtb）感染引起，获得性免疫缺陷综合症（艾滋病）由人免疫缺陷病毒（Humanimmunodeficiencyvirustype1,HIV-1）感染引起。国家感染性疾病临床医学研究中心/深圳市第三人民医院张国良团队携手深圳华大生命科学研究院吴靓团队，共同研究得出单细胞测序</div> </li> <li><a href="/article/1835510909070569472.htm" title="瑶池防线" target="_blank">瑶池防线</a> 谜影梦蝶 <div>冥华虽然逃过了影梦的军队，但他是一个忠臣，他选择上报战况。败给影梦后成逃兵，高层亡尔还活着，七重天失守......随便一条，即可处死冥华。冥华自然是知道以仙界高层的习性此信一发自己必死无疑，但他还选择上报实情，因为责任。同样此信送到仙宫后，知道此事的人，大多数人都认定冥华要完了，所以上到仙界高层，下到扫大街的，包括冥华自己，全都准备好迎接冥华之死。如果仙界现在还属于两方之争的话，冥华必死无疑。然而</div> </li> <li><a href="/article/1835510656011431936.htm" title="爬山后遗症" target="_blank">爬山后遗症</a> 璃绛 <div>爬山，攀登，一步一步走向制高点，是一种挑战。成功抵达是一种无法言语的快乐，在山顶吹吹风，看看风景，这是从未有过的体验。然而，爬山一时爽，下山腿打颤，颠簸的路，一路向下走，腿部力量不够，走起来抖到不行，停不下来了！第二天必定腿疼，浑身酸痛，坐立难安！</div> </li> <li><a href="/article/1835510025561403392.htm" title="《投行人生》读书笔记" target="_blank">《投行人生》读书笔记</a> 小蘑菇的树洞 <div>《投行人生》----作者詹姆斯-A-朗德摩根斯坦利副主席40年的职业洞见-很短小精悍的篇幅，比较适合初入职场的新人。第一部分成功的职业生涯需要规划1.情商归为适应能力分享与协作同理心适应能力，更多的是自我意识，你有能力识别自己的情并分辨这些情绪如何影响你的思想和行为。2.对于初入职场的人的建议，细节，截止日期和数据很重要截止日期，一种有效的方法是请老板为你所有的任务进行优先级排序。和老板喝咖啡的好</div> </li> <li><a href="/article/1835509898507546624.htm" title="《策划经理回忆录之二》" target="_blank">《策划经理回忆录之二》</a> 路基雅虎 <div>话说三年变六年，飘了，飘了……眨眼，2013年5月，老吴回到了他的家乡——油城从新开启他的工作幻想症生涯。很庆幸，这是一家很有追求，同时敢于尝试的，且实力不容低调的新星房企——金源置业(前身泰源置业)更值得庆幸的是第一个盘就是油城十路的标杆之一:金源盛世。2013年5月，到2015年11月，两年的陪伴，迎来了一场大爆发。2000个筹，5万/筹，直接回笼1个亿！！！这……让我开始认真审视这座看似五线</div> </li> <li><a href="/article/22.htm" title="redis学习笔记——不仅仅是存取数据" target="_blank">redis学习笔记——不仅仅是存取数据</a> Everyday都不同 <a class="tag" taget="_blank" href="/search/returnSource/1.htm">returnSource</a><a class="tag" taget="_blank" href="/search/expire%2Fdel/1.htm">expire/del</a><a class="tag" taget="_blank" href="/search/incr%2Flpush/1.htm">incr/lpush</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E5%88%86%E5%8C%BA/1.htm">数据库分区</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>最近项目中用到比较多redis，感觉之前对它一直局限于get/set数据的层面。其实作为一个强大的NoSql数据库产品，如果好好利用它，会带来很多意想不到的效果。（因为我搞java，所以就从jedis的角度来补充一点东西吧。PS：不一定全，只是个人理解，不喜勿喷）   1、关于JedisPool.returnSource(Jedis jeids)   这个方法是从red</div> </li> <li><a href="/article/149.htm" title="SQL性能优化-持续更新中。。。。。。" target="_blank">SQL性能优化-持续更新中。。。。。。</a> atongyeye <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>1 通过ROWID访问表--索引你可以采用基于ROWID的访问方式情况,提高访问表的效率, , ROWID包含了表中记录的物理位置信息..ORACLE采用索引(INDEX)实现了数据和存放数据的物理位置(ROWID)之间的联系. 通常索引提供了快速访问ROWID的方法,因此那些基于索引列的查询就可以得到性能上的提高. 2 共享SQL语句--相同的sql放入缓存 3 选择最有效率的表</div> </li> <li><a href="/article/276.htm" title="[JAVA语言]JAVA虚拟机对底层硬件的操控还不完善" target="_blank">[JAVA语言]JAVA虚拟机对底层硬件的操控还不完善</a> comsci <a class="tag" taget="_blank" href="/search/JAVA%E8%99%9A%E6%8B%9F%E6%9C%BA/1.htm">JAVA虚拟机</a> <div>      如果我们用汇编语言编写一个直接读写CPU寄存器的代码段，然后利用这个代码段去控制被操作系统屏蔽的硬件资源，这对于JVM虚拟机显然是不合法的，对操作系统来讲，这样也是不合法的，但是如果是一个工程项目的确需要这样做，合同已经签了，我们又不能够这样做，怎么办呢？那么一个精通汇编语言的那种X客，是否在这个时候就会发生某种至关重要的作用呢？ &n</div> </li> <li><a href="/article/403.htm" title="lvs- real" target="_blank">lvs- real</a> 男人50 <a class="tag" taget="_blank" href="/search/LVS/1.htm">LVS</a> <div>#!/bin/bash # # Script to start LVS DR real server. # description: LVS DR real server # #.  /etc/rc.d/init.d/functions VIP=10.10.6.252 host='/bin/hostname' case "$1" in sta</div> </li> <li><a href="/article/530.htm" title="生成公钥和私钥" target="_blank">生成公钥和私钥</a> oloz <a class="tag" taget="_blank" href="/search/DSA/1.htm">DSA</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8%E5%8A%A0%E5%AF%86/1.htm">安全加密</a> <div>package com.msserver.core.util; import java.security.KeyPair; import java.security.PrivateKey; import java.security.PublicKey; import java.security.SecureRandom; public class SecurityUtil { </div> </li> <li><a href="/article/657.htm" title="UIView 中加入的cocos2d，背景透明" target="_blank">UIView 中加入的cocos2d，背景透明</a> 374016526 <a class="tag" taget="_blank" href="/search/cocos2d/1.htm">cocos2d</a><a class="tag" taget="_blank" href="/search/glClearColor/1.htm">glClearColor</a> <div>要点是首先pixelFormat:kEAGLColorFormatRGBA8，必须有alpha层才能透明。然后view设置为透明glView.opaque = NO;[director setOpenGLView:glView];[self.viewController.view setBackgroundColor:[UIColor clearColor]];[self.viewControll</div> </li> <li><a href="/article/784.htm" title="mysql常用命令" target="_blank">mysql常用命令</a> 香水浓 <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>连接数据库 mysql -u troy -ptroy 备份表 mysqldump -u troy -ptroy mm_database mm_user_tbl > user.sql 恢复表（与恢复数据库命令相同） mysql -u troy -ptroy mm_database < user.sql 备份数据库 mysqldump -u troy -ptroy</div> </li> <li><a href="/article/911.htm" title="我的架构经验系列文章 - 后端架构 - 系统层面" target="_blank">我的架构经验系列文章 - 后端架构 - 系统层面</a> agevs <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>系统层面：高可用性所谓高可用性也就是通过避免单独故障加上快速故障转移实现一旦某台物理服务器出现故障能实现故障快速恢复。一般来说，可以采用两种方式，如果可以做业务可以做负载均衡则通过负载均衡实现集群，然后针对每一台服务器进行监控，一旦发生故障则从集群中移除；如果业务只能有单点入口那么可以通过实现Standby机加上虚拟IP机制，实现Active机在出现故障之后虚拟IP转移到Standby的快速</div> </li> <li><a href="/article/1038.htm" title="利用ant进行远程tomcat部署" target="_blank">利用ant进行远程tomcat部署</a> aijuans <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a> <div>在javaEE项目中，需要将工程部署到远程服务器上，如果部署的频率比较高，手动部署的方式就比较麻烦，可以利用Ant工具实现快捷的部署。这篇博文详细介绍了ant配置的步骤（http://www.cnblogs.com/GloriousOnion/archive/2012/12/18/2822817.html），但是在tomcat7以上不适用，需要修改配置，具体如下： 1.配置tomcat的用户角色</div> </li> <li><a href="/article/1165.htm" title="获取复利总收入" target="_blank">获取复利总收入</a> baalwolf <a class="tag" taget="_blank" href="/search/%E8%8E%B7%E5%8F%96/1.htm">获取</a> <div>       public static void main(String args[]){         int money=200;         int year=1;         double rate=0.1; &</div> </li> <li><a href="/article/1292.htm" title="eclipse.ini解释" target="_blank">eclipse.ini解释</a> BigBird2012 <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a> <div>大多数java开发者使用的都是eclipse，今天感兴趣去eclipse官网搜了一下eclipse.ini的配置，供大家参考，我会把关键的部分给大家用中文解释一下。还是推荐有问题不会直接搜谷歌，看官方文档，这样我们会知道问题的真面目是什么，对问题也有一个全面清晰的认识。 Overview 1、Eclipse.ini的作用 Eclipse startup is controlled by th</div> </li> <li><a href="/article/1419.htm" title="AngularJS实现分页功能" target="_blank">AngularJS实现分页功能</a> bijian1013 <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E9%A1%B5/1.htm">分页</a> <div>        对于大多数web应用来说显示项目列表是一种很常见的任务。通常情况下，我们的数据会比较多，无法很好地显示在单个页面中。在这种情况下，我们需要把数据以页的方式来展示，同时带有转到上一页和下一页的功能。既然在整个应用中这是一种很常见的需求，那么把这一功能抽象成一个通用的、可复用的分页（Paginator）服务是很有意义的。   &nbs</div> </li> <li><a href="/article/1546.htm" title="[Maven学习笔记三]Maven archetype" target="_blank">[Maven学习笔记三]Maven archetype</a> bit1129 <a class="tag" taget="_blank" href="/search/ArcheType/1.htm">ArcheType</a> <div>archetype的英文意思是原型，Maven archetype表示创建Maven模块的模版，比如创建web项目，创建Spring项目等等.   mvn archetype提供了一种命令行交互式创建Maven项目或者模块的方式，   mvn archetype   1.在LearnMaven-ch03目录下，执行命令mvn archetype:gener</div> </li> <li><a href="/article/1673.htm" title="【Java命令三】jps" target="_blank">【Java命令三】jps</a> bit1129 <a class="tag" taget="_blank" href="/search/Java%E5%91%BD%E4%BB%A4/1.htm">Java命令</a> <div>jps很简单，用于显示当前运行的Java进程，也可以连接到远程服务器去查看   [hadoop@hadoop bin]$ jps -help usage: jps [-help] jps [-q] [-mlvV] [<hostid>] Definitions: <hostid>: <hostname>[:</div> </li> <li><a href="/article/1800.htm" title="ZABBIX2.2 2.4 等各版本之间的兼容性" target="_blank">ZABBIX2.2 2.4 等各版本之间的兼容性</a> ronin47 <div>zabbix更新很快，从2009年到现在已经更新多个版本，为了使用更多zabbix的新特性，随之而来的便是升级版本，zabbix版本兼容性是必须优先考虑的一点客户端AGENT兼容 zabbix1.x到zabbix2.x的所有agent都兼容zabbix server2.4：如果你升级zabbix server，客户端是可以不做任何改变，除非你想使用agent的一些新特性。 Zabbix代理（p</div> </li> <li><a href="/article/1927.htm" title="unity 3d还是cocos2dx哪个适合游戏？" target="_blank">unity 3d还是cocos2dx哪个适合游戏？</a> brotherlamp <a class="tag" taget="_blank" href="/search/unity%E8%87%AA%E5%AD%A6/1.htm">unity自学</a><a class="tag" taget="_blank" href="/search/unity%E6%95%99%E7%A8%8B/1.htm">unity教程</a><a class="tag" taget="_blank" href="/search/unity%E8%A7%86%E9%A2%91/1.htm">unity视频</a><a class="tag" taget="_blank" href="/search/unity%E8%B5%84%E6%96%99/1.htm">unity资料</a><a class="tag" taget="_blank" href="/search/unity/1.htm">unity</a> <div>unity 3d还是cocos2dx哪个适合游戏？问：unity 3d还是cocos2dx哪个适合游戏？答：首先目前来看unity视频教程因为是3d引擎，目前对2d支持并不完善，unity 3d 目前做2d普遍两种思路，一种是正交相机，3d画面2d视角，另一种是通过一些插件，动态创建mesh来绘制图形单元目前用的较多的是2d toolkit，ex2d，smooth moves，sm2， </div> </li> <li><a href="/article/2054.htm" title="百度笔试题：一个已经排序好的很大的数组，现在给它划分成m段，每段长度不定，段长最长为k，然后段内打乱顺序，请设计一个算法对其进行重新排序" target="_blank">百度笔试题：一个已经排序好的很大的数组，现在给它划分成m段，每段长度不定，段长最长为k，然后段内打乱顺序，请设计一个算法对其进行重新排序</a> bylijinnan <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/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/%E6%8B%9B%E8%81%98/1.htm">招聘</a> <div> import java.util.Arrays; /** * 最早是在陈利人老师的微博看到这道题： * #面试题#An array with n elements which is K most sorted，就是每个element的初始位置和它最终的排序后的位置的距离不超过常数K * 设计一个排序算法。It should be faster than O(n*lgn)。</div> </li> <li><a href="/article/2181.htm" title="获取checkbox复选框的值" target="_blank">获取checkbox复选框的值</a> chiangfai <a class="tag" taget="_blank" href="/search/checkbox/1.htm">checkbox</a> <div><title>CheckBox</title> <script type = "text/javascript"> doGetVal: function doGetVal() { //var fruitName = document.getElementById("apple").value;//根据</div> </li> <li><a href="/article/2308.htm" title="MySQLdb用户指南" target="_blank">MySQLdb用户指南</a> chenchao051 <a class="tag" taget="_blank" href="/search/mysqldb/1.htm">mysqldb</a> <div>原网页被墙，放这里备用。 MySQLdb User's Guide Contents Introduction Installation _mysql MySQL C API translation MySQL C API function mapping Some _mysql examples MySQLdb </div> </li> <li><a href="/article/2435.htm" title="HIVE 窗口及分析函数" target="_blank">HIVE 窗口及分析函数</a> daizj <a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a><a class="tag" taget="_blank" href="/search/%E7%AA%97%E5%8F%A3%E5%87%BD%E6%95%B0/1.htm">窗口函数</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E6%9E%90%E5%87%BD%E6%95%B0/1.htm">分析函数</a> <div>窗口函数应用场景：（1）用于分区排序（2）动态Group By （3）Top N （4）累计计算（5）层次查询一、分析函数用于等级、百分点、n分片等。函数             说明 RANK()     &nbs</div> </li> <li><a href="/article/2562.htm" title="PHP ZipArchive 实现压缩解压Zip文件" target="_blank">PHP ZipArchive 实现压缩解压Zip文件</a> dcj3sjt126com <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/zip/1.htm">zip</a> <div> PHP ZipArchive 是PHP自带的扩展类，可以轻松实现ZIP文件的压缩和解压，使用前首先要确保PHP ZIP 扩展已经开启，具体开启方法就不说了，不同的平台开启PHP扩增的方法网上都有，如有疑问欢迎交流。这里整理一下常用的示例供参考。一、解压缩zip文件 01 02 03 04 05 06 07 08 09 10 11 </div> </li> <li><a href="/article/2689.htm" title="精彩英语贺词" target="_blank">精彩英语贺词</a> dcj3sjt126com <a class="tag" taget="_blank" href="/search/%E8%8B%B1%E8%AF%AD/1.htm">英语</a> <div>I'm always here              我会一直在这里支持你                &nb</div> </li> <li><a href="/article/2816.htm" title="基于Java注解的Spring的IoC功能" target="_blank">基于Java注解的Spring的IoC功能</a> e200702084 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/bean/1.htm">bean</a><a class="tag" taget="_blank" href="/search/IOC/1.htm">IOC</a><a class="tag" taget="_blank" href="/search/Office/1.htm">Office</a> <div>                                  </div> </li> <li><a href="/article/2943.htm" title="java模拟post请求" target="_blank">java模拟post请求</a> geeksun <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>一般API接收客户端（比如网页、APP或其他应用服务）的请求，但在测试时需要模拟来自外界的请求，经探索，使用HttpComponentshttpClient可模拟Post提交请求。此处用HttpComponents的httpclient来完成使命。 import org.apache.http.HttpEntity ; import org.apache.http.HttpRespon</div> </li> <li><a href="/article/3070.htm" title="Swift语法之 ---- ?和!区别" target="_blank">Swift语法之 ---- ?和!区别</a> hongtoushizi <a class="tag" taget="_blank" href="/search/%3F/1.htm">?</a><a class="tag" taget="_blank" href="/search/swift/1.htm">swift</a><a class="tag" taget="_blank" href="/search/%21/1.htm">!</a> <div>转载自： http://blog.sina.com.cn/s/blog_71715bf80102ux3v.html   Swift语言使用var定义变量，但和别的语言不同，Swift里不会自动给变量赋初始值，也就是说变量不会有默认值，所以要求使用变量之前必须要对其初始化。如果在使用变量之前不进行初始化就会报错： var stringValue : String //</div> </li> <li><a href="/article/3197.htm" title="centos7安装jdk1.7" target="_blank">centos7安装jdk1.7</a> jisonami <a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a> <div>安装JDK1.7 步骤1、解压tar包在当前目录 [root@localhost usr]#tar -xzvf jdk-7u75-linux-x64.tar.gz 步骤2：配置环境变量在etc/profile文件下添加 export JAVA_HOME=/usr/java/jdk1.7.0_75 export CLASSPATH=/usr/java/jdk1.7.0_75/lib </div> </li> <li><a href="/article/3324.htm" title="数据源架构模式之数据映射器" target="_blank">数据源架构模式之数据映射器</a> home198979 <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%98%A0%E5%B0%84%E5%99%A8/1.htm">数据映射器</a><a class="tag" taget="_blank" href="/search/datamapper/1.htm">datamapper</a> <div>前面分别介绍了数据源架构模式之表数据入口、数据源架构模式之行和数据入口数据源架构模式之活动记录，相较于这三种数据源架构模式，数据映射器显得更加“高大上”。   一、概念数据映射器（Data Mapper）：在保持对象和数据库（以及映射器本身）彼此独立的情况下，在二者之间移动数据的一个映射器层。概念永远都是抽象的，简单的说，数据映射器就是一个负责将数据映射到对象的类数据。 &nb</div> </li> <li><a href="/article/3451.htm" title="在Python中使用MYSQL" target="_blank">在Python中使用MYSQL</a> pda158 <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>缘由　　近期在折腾一个小东西须要抓取网上的页面。然后进行解析。将结果放到数据库中。　　了解到 Python在这方面有优势，便选用之。　　由于我有台 server上面安装有 mysql，自然使用之。在进行数据库的这个操作过程中遇到了不少问题，这里记录一下，大家共勉。　　 python中mysql的调用　　百度之后能够通过MySQLdb进行数据库操作。</div> </li> <li><a href="/article/3578.htm" title="单例模式" target="_blank">单例模式</a> hxl1988_0311 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B/1.htm">单例</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/%E5%8D%95%E4%BB%B6/1.htm">单件</a> <div>package com.sosop.designpattern.singleton; /* * 单件模式：保证一个类必须只有一个实例，并提供全局的访问点 * * 所以单例模式必须有私有的构造器，没有私有构造器根本不用谈单件 * * 必须考虑到并发情况下创建了多个实例对象 * */ /** * 虽然有锁，但是只在第一次创建对象的时候加锁，并发时不会存在效率</div> </li> <li><a href="/article/3705.htm" title="27种迹象显示你应该辞掉程序员的工作" target="_blank">27种迹象显示你应该辞掉程序员的工作</a> vipshichg <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a> <div>1、你仍然在等待老板在2010年答应的要提拔你的暗示。 2、你的上级近10年没有开发过任何代码。 3、老板假装懂你说的这些技术，但实际上他完全不知道你在说什么。 4、你干完的项目6个月后才部署到现场服务器上。 5、时不时的，老板在检查你刚刚完成的工作时，要求按新想法重新开发。 6、而最终这个软件只有12个用户。 7、时间全浪费在办公室政治中，而不是用在开发好的软件上。 8、部署前5分钟才开始测试。</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>