HTML5的时代已经到来，它对所有做前端搭建制作设计开发人员来说是一种福音。HTML5致力于解决跨浏览器问题，可以部分取代JavaScript，HTML5致力于把浏览器变成一个前端执行菠菜程序环境，而不是简单地视图工具。
第一部分，了解HTML和XHTML
HTML——Hyper Text Markup Language(超文本标记语言)，它的发展史比较复杂，从1991年年底推出HTML,当时HTML并没有严格的定义，一路走来HTML2.0，HTML3.2，HTML4.0，HTML4.0.1，XHTML1.0。XHTML可谓是历尽了千锤百炼。
XHTML——eXtensible Hyper Text Markup Language(扩展的超文本标记语言)。
HTML4.0.1和XHTML具备了良好的兼容性，而且XHTML是更严格、更纯净的HTML代码。
我们习惯性的认为HTML是一种结构化的文档，但实际上HTML的语法十分的自由、宽容（主要是各个浏览器纵容的结果）比如如下的代码，HTML标签有头无尾，非常不规范：
混乱的html文档<title>
<body>
<h1>混乱的html文档1.2.3.4.5.</code></pre>
<p> 这显然违背了结构化文档的规则，但是用浏览器来浏览这份文档时，依然可以看到浏览效果——这就是html不规范的地方。而XHTML致力于消除这种规范，XHTML要求HTML文档首先必须是一份XML文档。<br> <br> 通常，计算机里的浏览器可以对付各种不规范的HTML文档，但现在很多浏览器运行在移动电话和手持设备上，它们就没有能力来处理那些糟糕的标记语言。<br> <br> 第二部分：从XHTML到HTML5<br> <br> WHATWG(Web Hypertext Application Technology Workding Group，Web超文本应用技术工作组)制定了一个新的HTML标准，HTML5。<br> <br> 大量的调查表明：即使在一些正规的网站中，也很少有网站能通过HTML规范验证。仅有6.57%的网站符合HTML规范验证。如果把那些名不见经传的小网站考虑在内，整个互联网几乎都是不符合规范的HTML页面。<br> <br> 现有的HTML页面大量存在如下4中不符合规范的内容<br> <br> 1.元素的标签大小写混杂。比如：<p></P>。<br> <br> 2.元素没有合理结束的情况。比如：只有<p>没有</p>。<br> <br> 3.元素中的属性没有指定属性值。比如<input type="text" disabled>。<br> <br> 4.为元素的属性指定属性值时没有使用引号。比如：<input type=text>。<br> <br> 出于“存在即合理”的考虑，WHATWG组织开始定义一种“妥协式”的规范：HTML5。HTML5成人以上的不规范是符合规范的。HTML5是规范制定者对妥协的实现。<br> <br> HTML5的优势：<br> <br> 从HTML4.0.1、XHTML到HTML5,并不是一种革命性的升级，而是一种规范向习惯的妥协，因此从HTML到HTML5的过度非常的轻松。<br> <br> 1.解决跨浏览器问题。<br> <br> 跨浏览器问题绝对是一个永恒的“噩梦”，HTML的出现可能会改变这种局面，目前各种主流浏览器如：IE、Chrome、Firefox、Opera、Safari都表现出对HTML5极大的热情。如果各浏览器都遵循HTML5规范，以后前端程序员开发HTML+CSS+JavaScript页面将会变得更加轻松。<br> <br> 2.部分替代了原来的JavaScript。<br> <br> 比如HTML5以前要实现：打开一个页面后立即让某行文本框获得焦点，要通过javascript来实现，而现在只需要加上一个属性(autofocus)即可。 </p>
<pre><code><input type = text autofocus name = price/>1.</code></pre>
<p> 3.更明确的语义支持。<br> <br> （1）HTML5提供了<header>...</header>;<nav>...</nav>;<article>...</article>;<section>...</section>;<aside>...</aside>;<footer>...</footer>来代替以前只能通过div来实现的文档结构。<br> <br> (2)HTML5提供了两个新增的元素<time>2017-4-18</time>;<mark>被标记的语言</mark>提供了更加丰富的语义相比于原来的<em../>(em表示被强调的内容，但是到底是哪一种强调并不清楚)。<br> <br> 4.增强了WEB应用程序的功能。<br> <br> 一直以来，HTML被死死地限制着，客户端从服务器下载HTML页面数据，浏览器负责呈现这些HTML页面数据。出于对客户机安全性考虑，以前的HTML在安全性方面做的足够安全。<br> <br> 于是呢，我们就需要通过JavaScriptlai等其他方式来增加HTML的功能。<br> <br> HTML5的语法变化<br> <br> 1.标签不再区分大小写。<br> <br> 2.元素可以省略结束标签。<br> <br> 3.允许省略属性值的属性。<br> <br> 4.允许属性值不使用引号。（但是对于包含空格等容易引起浏览器混肴的属性值时候，HTML5强烈建议使用引号把这种特殊的属性值引起来）<br> <br> 网站搭建总结：HTML5说就是把不符合规范的HTML看做是一种规范，增加了一些新的菠菜api，新的实用的功能。</p>
</article>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1526756199435927552"></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">
<!-- 文章页-右侧1 动态广告位 -->
<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>
<!-- 文章页-右侧2 动态广告位 -->
<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>
<!-- 文章页-右侧3 动态广告位 -->
<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">你可能感兴趣的:(html5)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1896332815801315328.htm"
title="跨平台开发技术的探索：从 JavaScript 到 Flutter" target="_blank">跨平台开发技术的探索：从 JavaScript 到 Flutter</a>
<span class="text-muted">109702008</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
<div>随着多平台支持和用户体验一致性在应用程序开发中变得越来越重要，开发者面临的挑战是如何在不同平台上保持代码的可维护性和高效性。本文将探讨如何利用现代技术栈，包括Flutter、JavaScript、HTML5、WebAssembly、TypeScript和Svelte，在统一的平台上进行高效的跨平台开发。JavaScript和它的生态系统JavaScript是一种运行于浏览器中的编程语言，通过Nod</div>
</li>
<li><a href="/article/1896314027689177088.htm"
title="我的创作纪念日" target="_blank">我的创作纪念日</a>
<span class="text-muted">几何心凉</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%B0%8F%E5%B8%B8%E8%AF%86/1.htm">前端小常识</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
<div>如何处理前端表单验证，确保用户输入合法？文章目录如何处理前端表单验证，确保用户输入合法？1.引言2.前端表单验证的类型2.1HTML5原生验证**示例****优点****缺点**2.2JavaScript基础验证**示例****优点****缺点**2.3正则表达式（Regex）验证**常见正则表达式****示例**2.4使用第三方库（如Yup、Validator.js）**使用`Yup`进行表单验</div>
</li>
<li><a href="/article/1896028107752665088.htm"
title="前端架构设计" target="_blank">前端架构设计</a>
<span class="text-muted">weixin_34266504</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95/1.htm">测试</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a>
<div>最近在拜读一本《前端架构设计》的书，该书讲到前端架构师的用户是开发人员。所选择的工具、编写的代码、创建的流程，都是为了让开发人员能够构建出最高效的、不出错的、可扩展的和可持续优化的系统。一、HTML1）标签规范化div乱炖是指嵌套多层div元素。为了保持简洁，语义化的标签是首选，应用样式所依靠的是HTML5元素名称和它们的层级关系，在标记中没有类名，往往写出层级的后代选择器。2）模块化方法前端开发</div>
</li>
<li><a href="/article/1895863800876298240.htm"
title="大白话html第五章HTML5 新增表单元素和属性" target="_blank">大白话html第五章HTML5 新增表单元素和属性</a>
<span class="text-muted">IT木昜</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%A7%E7%99%BD%E8%AF%9Dhtml/1.htm">大白话html</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>大白话html第五章HTML5新增表单元素和属性HTML5给表单带来了很多新的小伙伴，让我们收集用户信息变得更方便、更智能。新增表单元素：这个就像一个自带日历的小框框，用户可以直接在里面选择日期，不用手动输入。你的生日：：专门用来收集用户邮箱地址的，浏览器会自动检查用户输入的是不是一个合法的邮箱格式。你的邮箱：：当你需要用户输入网址的时候，用这个标签。浏览器会检查输入的是不是一个合法的网址。你的网</div>
</li>
<li><a href="/article/1895744044626145280.htm"
title="HTML+CSS学习笔记" target="_blank">HTML+CSS学习笔记</a>
<span class="text-muted">潘越越</span>
<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>
<div>目录一、emmet语法二、常用html标签使用方法：三、常用CSS样式css样式设计具体引入方式1.关于border边框的设计2.关于text文本内容的管理3.关于盒模型的分类以及position属性：4.background属性的使用5.实现样式转变持续更新……首先，整体了解有关HTML和CSS的使用，主要是为了搭建静态页面有关HTML5所需要掌握的框架：React+Reactnativeuni</div>
</li>
<li><a href="/article/1895680123491905536.htm"
title="vue 地图使用navigator_cordova+vue+webapp使用html5获取地理位置的方法" target="_blank">vue 地图使用navigator_cordova+vue+webapp使用html5获取地理位置的方法</a>
<span class="text-muted">weixin_39759155</span>
<a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/%E5%9C%B0%E5%9B%BE%E4%BD%BF%E7%94%A8navigator/1.htm">地图使用navigator</a>
<div>1.在HTML5中使用Geolocation.getCurrentPosition()方法来获取地理位置。语法：navigator.geolocation.getCurrentPosition(success,error,options)参数：success:成功得到位置信息时的回调函数，使用Position对象作为唯一的参数。error:获取位置信息失败时的回调函数，使用PositionErro</div>
</li>
<li><a href="/article/1895672043450462208.htm"
title="Canvas绘制简易雨滴碰撞效果" target="_blank">Canvas绘制简易雨滴碰撞效果</a>
<span class="text-muted">DTcode7</span>
<a class="tag" taget="_blank" href="/search/HTML%E7%BD%91%E7%AB%99%E5%BC%80%E5%8F%91/1.htm">HTML网站开发</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/canvas%E7%BB%98%E5%9B%BE/1.htm">canvas绘图</a><a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a><a class="tag" taget="_blank" href="/search/%E7%BB%98%E5%9B%BE/1.htm">绘图</a><a class="tag" taget="_blank" href="/search/canvas/1.htm">canvas</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/canvas%E7%BB%98%E5%9B%BE/1.htm">canvas绘图</a>
<div>Canvas绘制简易雨滴碰撞效果基本概念与作用说明示例一：基本的雨滴生成与移动HTML结构JavaScript逻辑示例二：添加碰撞检测更新JavaScript示例三：动态改变雨滴的速度和大小更新JavaScript示例四：添加用户交互更新JavaScript示例五：模拟风的影响更新JavaScript实际工作中的技巧在Web开发中，HTML5Canvas提供了一个强大且灵活的绘图环境，可以用来创建</div>
</li>
<li><a href="/article/1895672044884914176.htm"
title="HTML5地理定位 Geolocation API" target="_blank">HTML5地理定位 Geolocation API</a>
<span class="text-muted">珊瑚贝</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E5%BC%80%E5%8F%91/1.htm">编程开发</a>
<div>使用getCurrentPosition方法来取得用户当前的地理位置信息，该方法的定义如下所示。voidgetCurrentPosition(onSuccess,onError,options);第一个参数为获取当前地理位置信息成功时所执行的回调函数；第二个参数为获取当前地理位置信息失败时所执行的回调函数；第三个参数为一些可选属性的列表。注意：其中第二、三个参数为可选属性。getCurrentPo</div>
</li>
<li><a href="/article/1895669145257701376.htm"
title="HTML5 Geolocation地理定位" target="_blank">HTML5 Geolocation地理定位</a>
<span class="text-muted">清华小菜</span>
<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>HTML5GeolocationAPI用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。使用getCurrentPosition()方法来获得用户的位置：菜鸟教程(runoob.com)点击按钮获取您当前坐标（可能需要比较长的时间获取）：点我varx=document.getElementById("demo");functiongetLocation</div>
</li>
<li><a href="/article/1895600279689162752.htm"
title="基于web在线餐饮网站的设计与实现——蛋糕甜品店铺(HTML+CSS+JavaScript)" target="_blank">基于web在线餐饮网站的设计与实现——蛋糕甜品店铺(HTML+CSS+JavaScript)</a>
<span class="text-muted">html网页制作</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/dreamweaver%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">dreamweaver网页设计</a><a class="tag" taget="_blank" href="/search/web%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E6%9C%9F%E6%9C%AB%E8%AF%BE%E7%A8%8B%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web网页设计期末课程大作业</a>
<div>静态网站的编写主要是用HTMLDIV+CSSJS等来完成页面的排版设计,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的，本网页适合修改成为各种类型的产品展示网页，比如美食、旅游、摄影、电影、音乐等等多种主题，希望对大家有所帮助。精彩专栏推荐❤</div>
</li>
<li><a href="/article/1895135245791981568.htm"
title="HTML5期末大作业：基于 html css js仿腾讯课堂首页" target="_blank">HTML5期末大作业：基于 html css js仿腾讯课堂首页</a>
<span class="text-muted">web学生网页设计</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF/1.htm">web前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E4%BD%9C%E4%B8%9A/1.htm">html5期末作业</a>
<div>精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码</div>
</li>
<li><a href="/article/1895130955891404800.htm"
title="JavaScript和HTML5游戏：从愤怒的小鸟到ZX Spectrum" target="_blank">JavaScript和HTML5游戏：从愤怒的小鸟到ZX Spectrum</a>
<span class="text-muted">dingshi7798</span>
<a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91/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/php/1.htm">php</a>
<div>最近，HTML5/JavaScript游戏领域发生了一些爆炸。浏览器游戏的受欢迎程度迅速增加，开发人员开始寻找一套方便使用的API和其他工具。罗伯·霍克斯（RobHawkes）热衷于赞扬HTML5和JavaScript及其在浏览器游戏中的应用。Rob是Mozilla的视觉程序员，作家和技术布道者，在开发人员社区中领导Mozilla工作的游戏方面。他在5月份在墨尔本举行的WebDirectionsC</div>
</li>
<li><a href="/article/1895107094953127936.htm"
title="浅谈HTML5" target="_blank">浅谈HTML5</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
<div>HTML5的时代已经到来，它对所有做前端搭建制作设计开发人员来说是一种福音。HTML5致力于解决跨浏览器问题，可以部分取代JavaScript，HTML5致力于把浏览器变成一个前端执行菠菜程序环境，而不是简单地视图工具。第一部分，了解HTML和XHTMLHTML——HyperTextMarkupLanguage(超文本标记语言)，它的发展史比较复杂，从1991年年底推出HTML,当时HTML并没有</div>
</li>
<li><a href="/article/1894947978943197184.htm"
title="《从零到全栈：HTML5新增元素 & API》" target="_blank">《从零到全栈：HTML5新增元素 & API》</a>
<span class="text-muted">CodeComposer</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>HTML5是HTML4的升级版本，它不仅简化了HTML4的冗余代码，还引入了许多新特性，使得网页开发更加高效和灵活。本文将详细介绍HTML5的概念、新增元素、API以及一些实际应用案例。一、HTML5概念HTML5是HTML的第五个版本，它简化了文档类型声明，并引入了许多新特性，使得网页开发更加高效。以下是一个简单的HTML5文档结构：HTML5示例头部导航主体侧栏主体文章尾部语义化布局的优势文档</div>
</li>
<li><a href="/article/1894829685402038272.htm"
title="html5代码大全文库,HTML5标签大全(最终整理版)" target="_blank">html5代码大全文库,HTML5标签大全(最终整理版)</a>
<span class="text-muted">cx不二</span>
<a class="tag" taget="_blank" href="/search/html5%E4%BB%A3%E7%A0%81%E5%A4%A7%E5%85%A8%E6%96%87%E5%BA%93/1.htm">html5代码大全文库</a>
<div>HTML5标签大全(最终整理版)一、文字备忘之标签HTML5中新增的标签定义文章定义页面内容旁边的内容定义声音内容定义图形定义一个控制按钮指树或表格状数据格式中的动态数据定义一个下拉列表定义一个元素的细节定义会话或人的交谈定义额外的交互内容或插件定义指定元素的标题定义一组媒体内容，以及他们的标题为章节或页面定义一个底部为章节或页面定义一个头部定义文档中某段落的信息定义表单生成的关键定义被标记的文本</div>
</li>
<li><a href="/article/1894829685846634496.htm"
title="html5代码_HTML5篇（一）" target="_blank">html5代码_HTML5篇（一）</a>
<span class="text-muted">weixin_39713317</span>
<a class="tag" taget="_blank" href="/search/html5%E4%BB%A3%E7%A0%81/1.htm">html5代码</a><a class="tag" taget="_blank" href="/search/html5%E6%A0%87%E7%AD%BE%E5%B1%9E%E6%80%A7%E5%A4%A7%E5%85%A8/1.htm">html5标签属性大全</a>
<div>html5是html最新的修订版本，2014年10月由万维网联盟(W3C)完成标准制定。其设计目的是为了在移动设备上支持多媒体，当前大部分现代浏览器已经具备了某些HTML5支持。如上图，html5的新增的api，如在翻页时的动画效果、右上角的音频播放等，便利开发的同时也提升了用户体验。html5新特性：用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好的支持新的</div>
</li>
<li><a href="/article/1894826534036893696.htm"
title="Html5学习教程，从入门到精通，HTML 5 链接语法知识点及案例代码（7）" target="_blank">Html5学习教程，从入门到精通，HTML 5 链接语法知识点及案例代码（7）</a>
<span class="text-muted">知识分享小能手</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80%E5%A6%82%E9%97%A8/1.htm">编程语言如门</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E5%BC%80%E5%8F%91/1.htm">网页开发</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</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><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/java%E5%90%8E%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">java后端开发</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a>
<div>HTML5链接语法知识点及案例代码一、HTML链接基础1.1链接标签标签用于定义超链接，用户点击后可以跳转到其他页面或资源。语法：链接文本1.2链接属性href：指定链接的目标地址（URL）。target：指定链接的打开方式，常用值：_self：在当前窗口打开（默认）。_blank：在新窗口打开。_parent：在父框架中打开。_top：在整个窗口中打开。title：鼠标悬停时显示的提示文本。do</div>
</li>
<li><a href="/article/1894826532338200576.htm"
title="Html5学习教程，从入门到精通，HTML 5 段落语法知识点及案例代码（5）" target="_blank">Html5学习教程，从入门到精通，HTML 5 段落语法知识点及案例代码（5）</a>
<span class="text-muted">知识分享小能手</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E5%BC%80%E5%8F%91/1.htm">网页开发</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80%E5%A6%82%E9%97%A8/1.htm">编程语言如门</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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/java%E5%90%8E%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">java后端开发</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>HTML5段落语法知识点及案例代码在HTML5中，段落是通过标签定义的。段落是网页内容的基本组成部分，用于组织和呈现文本内容。一、段落的基本语法1.标签标签用于定义段落。浏览器会自动在段落前后添加空白（margin）以分隔段落。语法：这是一个段落。2.段落中的文本段落中可以包含纯文本、换行、空格、特殊字符等。浏览器会忽略HTML代码中的多余空格和换行，只显示一个空格。3.段落中的换行如果需要在段落</div>
</li>
<li><a href="/article/1894815310641426432.htm"
title="Html5学习教程，从入门到精通，HTML5 元素语法知识点及案例代码（2）" target="_blank">Html5学习教程，从入门到精通，HTML5 元素语法知识点及案例代码（2）</a>
<span class="text-muted">知识分享小能手</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E5%BC%80%E5%8F%91/1.htm">网页开发</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80%E5%A6%82%E9%97%A8/1.htm">编程语言如门</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</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><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/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Java%E5%BC%80%E5%8F%91/1.htm">Java开发</a>
<div>HTML5元素语法知识点及案例代码一、HTML5元素概述HTML5元素是构成网页的基本单位，每个元素都有特定的语义和功能。HTML5元素由开始标签、内容和结束标签组成，例如：这是一个段落。是开始标签这是一个段落。是内容是结束标签二、HTML5元素分类HTML5元素可以根据其功能和语义进行分类，主要分为以下几类：根元素::定义HTML文档的根元素。文档元数据::定义文档的头部信息，例如标题、样式表、</div>
</li>
<li><a href="/article/1894520395717996544.htm"
title="react 实现自定义拖拽hook" target="_blank">react 实现自定义拖拽hook</a>
<span class="text-muted">丶酸酸</span>
<a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/hooks/1.htm">hooks</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>前沿最近发现公司的产品好几个模块用到了拖拽功能，之前拖拽组件是通过Html5dragApi实现的但体验并不是很好,顺便将原来的拖拽组建稍做修改，写一个自定义hook，方便大家使用拖拽功能。正文拖拽功能原理：拖拽元素通过addEventListener监听器添加鼠标按下，鼠标移动，以及鼠标抬起事件。再通过getBoundingClientRect()得到拖拽元素四周相对于可拖拽区域边界的距离。鼠标移</div>
</li>
<li><a href="/article/1893768094124404736.htm"
title="SVG DOM及DOM操作介绍 - HTML5教程技巧" target="_blank">SVG DOM及DOM操作介绍 - HTML5教程技巧</a>
<span class="text-muted">PmtxPhp</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/H5/1.htm">H5</a>
<div>SVG（ScalableVectorGraphics）是一种用于描述二维矢量图形的XML标记语言，它可以实现高质量的图形渲染效果。在HTML5中，SVG成为了一种重要的图形标准，可以通过JavaScript的DOM（DocumentObjectModel）来对SVG文档进行操作和控制。本文将介绍SVGDOM及其相关的DOM操作，以帮助您深入了解和使用SVG图形。SVGDOM简介SVGDOM是一种用</div>
</li>
<li><a href="/article/1893330964956901376.htm"
title="【JavaScript】《JavaScript高级程序设计 (第4版) 》笔记-Chapter18-动画与 Canvas 图形" target="_blank">【JavaScript】《JavaScript高级程序设计 (第4版) 》笔记-Chapter18-动画与 Canvas 图形</a>
<span class="text-muted">江湖人称菠萝包</span>
<a class="tag" taget="_blank" href="/search/%E3%80%90HTML/1.htm">【HTML</a><a class="tag" taget="_blank" href="/search/%26amp%3B/1.htm">&</a><a class="tag" taget="_blank" href="/search/CSS/1.htm">CSS</a><a class="tag" taget="_blank" href="/search/%26amp%3B/1.htm">&</a><a class="tag" taget="_blank" href="/search/JS%E3%80%91%E7%9B%B8%E5%85%B3/1.htm">JS】相关</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>十八、动画与Canvas图形动画与Canvas图形图形和动画已经日益成为浏览器中现代Web应用程序的必备功能，但实现起来仍然比较困难。视觉上复杂的功能要求性能调优和硬件加速，不能拖慢浏览器。目前已经有一套日趋完善的API和工具可以用来开发此类功能。毋庸置疑，是HTML5最受欢迎的新特性。这个元素会占据一块页面区域，让JavaScript可以动态在上面绘制图片。最早是苹果公司提出并准备用在控制面板中</div>
</li>
<li><a href="/article/1893221991394111488.htm"
title="【Rust】——所有权：Stack（栈内存）vs Heap（堆内存）（重点）" target="_blank">【Rust】——所有权：Stack（栈内存）vs Heap（堆内存）（重点）</a>
<span class="text-muted">Y小夜</span>
<a class="tag" taget="_blank" href="/search/Rust%EF%BC%88%E5%AE%98%E6%96%B9%E6%96%87%E6%A1%A3%E9%87%8D%E7%82%B9%E6%80%BB%E7%BB%93%EF%BC%89/1.htm">Rust（官方文档重点总结）</a><a class="tag" taget="_blank" href="/search/rust/1.htm">rust</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
<div>个人专栏：算法设计与分析：算法设计与分析_IT闫的博客-CSDN博客Java基础：Java基础_IT闫的博客-CSDN博客c语言：c语言_IT闫的博客-CSDN博客MySQL：数据结构_IT闫的博客-CSDN博客数据结构：数据结构_IT闫的博客-CSDN博客C++：C++_IT闫的博客-CSDN博客C51单片机：C51单片机（STC89C516）_IT闫的博客-CSDN博客基于HTML5的网页设计</div>
</li>
<li><a href="/article/1893221991972925440.htm"
title="【Rust】——使用Drop Trait 运行清理代码和Rc＜T＞ 引用计数智能指针" target="_blank">【Rust】——使用Drop Trait 运行清理代码和Rc＜T＞ 引用计数智能指针</a>
<span class="text-muted">Y小夜</span>
<a class="tag" taget="_blank" href="/search/Rust%EF%BC%88%E5%AE%98%E6%96%B9%E6%96%87%E6%A1%A3%E9%87%8D%E7%82%B9%E6%80%BB%E7%BB%93%EF%BC%89/1.htm">Rust（官方文档重点总结）</a><a class="tag" taget="_blank" href="/search/rust/1.htm">rust</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
<div>博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客目录使用DropTrait运行清理代码通过std::mem::drop提早丢弃值</div>
</li>
<li><a href="/article/1893020200668819456.htm"
title="WebSocket相关" target="_blank">WebSocket相关</a>
<span class="text-muted">weixin_30535913</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a>
<div>原文：http://www.cnblogs.com/jinjiangongzuoshi/p/5062092.html前言今天看了一些资料，记录一下心得。websocket是html5引入的一个新特性，传统的web应用是通过http协议来提供支持，如果要实时同步传输数据，需要轮询，效率低下websocket是类似socket通信，web端连接服务器后，握手成功，一直保持连接，可以理解为长连接，这时服</div>
</li>
<li><a href="/article/1892970238354452480.htm"
title="Vite构建Typescript简易原生前端项目" target="_blank">Vite构建Typescript简易原生前端项目</a>
<span class="text-muted">Alex程</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</a>
<div>目录一、Vite简介什么是Vite？核心特点二、环境准备安装Node.js和npm安装Vite，创建项目三、项目结构和配置项目结构tsconfig.json配置文件package.json配置文件vite.config.ts配置文件创建文件常用配置四、编写代码1.HTML基本的HTML格式常用标签常用属性HTML5高级用法示例2.CSS基础概念选择器布局模型示例3.TypeScript详细内容示例</div>
</li>
<li><a href="/article/1892788736740093952.htm"
title="HTML5、CSS3面试题" target="_blank">HTML5、CSS3面试题</a>
<span class="text-muted">Xu.Youth</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a>
<div>目录1、说一说H5新标签？2、CSS3的新特性？3、如何实现一个盒子水平垂直居中？4、你是怎么理解BFC的？5、说一说盒子模型？6、如何画一个三角形？7、说一些块级元素和行内元素8、简单聊一聊重排和回流？9、文本超出部分显示省略号？10、说一说清除浮动的方式？11、请你说一说css的选择器，以及优先级12、来说一说CSS3的过渡？13、简单聊一聊CSS3的2D、3D转换14、说一说CSS3的动画？</div>
</li>
<li><a href="/article/1892776117639639040.htm"
title="HTML5 面试题" target="_blank">HTML5 面试题</a>
<span class="text-muted">weixin_51687565</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
<div>1.HTML5新增了哪些重要特性？语义化标签：这些标签有助于提高页面的可读性和可维护性。多媒体支持：HTML5引入了和标签，可以直接嵌入音频和视频文件，无需依赖插件。本地存储：引入了localStorage和sessionStorage，允许在客户端存储数据，而不依赖于Cookies。离线应用：HTML5提供了applicationCache和ServiceWorkers，使得Web应用可以离线使</div>
</li>
<li><a href="/article/1892650694238859264.htm"
title="如何完成WEB标准的网站重构？" target="_blank">如何完成WEB标准的网站重构？</a>
<span class="text-muted">ZhooooYuChEnG</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%87%8D%E6%9E%84/1.htm">重构</a>
<div>一、重构核心原则语义化使用正确的HTML5语义标签（,,,等）避免滥用，确保文档结构清晰支持屏幕阅读器（ARIA属性）分离关注点严格区分结构（HTML）、表现（CSS）、行为（JavaScript）避免行内样式和内联脚本可访问性（A11y）符合WCAG2.1标准键盘导航支持高对比度颜色方案响应式设计移动优先（MobileFirst）使用CSS媒体查询和Flexbox/Grid图片自适应（srcse</div>
</li>
<li><a href="/article/1892580705813196800.htm"
title="【无标题】" target="_blank">【无标题】</a>
<span class="text-muted">是懒羊羊吖～</span>
<a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
<div>一.WED前端应用软件：c/s架构b/s架构web前端：html5css3javascripthtml5：超文本标记语言----超链接，文字，标签标签语法规范：结束-----双标签标签体------可以嵌套inputimg---------单标签属性：定制元素的行为，属性是不通用的，每一个标签存在自身的属性，当属性名等于属性值时,只需要写属性名，不需要写属性值。二.HTML1.样式//文档声明：告</div>
</li>
<li><a href="/article/9.htm"
title="apache ftpserver-CentOS config" target="_blank">apache ftpserver-CentOS config</a>
<span class="text-muted">gengzg</span>
<a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a>
<div><server xmlns="http://mina.apache.org/ftpserver/spring/v1"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="
http://mina.apache.o</div>
</li>
<li><a href="/article/136.htm"
title="优化MySQL数据库性能的八种方法" target="_blank">优化MySQL数据库性能的八种方法</a>
<span class="text-muted">AILIKES</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>1、选取最适用的字段属性 MySQL可以很好的支持大数据量的存取，但是一般说来，数据库中的表越小，在它上面执行的查询也就会越快。因此，在创建表的时候，为了获得更好的 性能，我们可以将表中字段的宽度设得尽可能小。例如，在定义邮政编码这个字段时，如果将其设置为CHAR(255),显然给数据库增加了不必要的空间，甚至使用VARCHAR这种类型也是多余的，因为CHAR(6)就可以很</div>
</li>
<li><a href="/article/263.htm"
title="JeeSite 企业信息化快速开发平台" target="_blank">JeeSite 企业信息化快速开发平台</a>
<span class="text-muted">Kai_Ge</span>
<a class="tag" taget="_blank" href="/search/JeeSite/1.htm">JeeSite</a>
<div>JeeSite 企业信息化快速开发平台
平台简介
JeeSite是基于多个优秀的开源项目，高度整合封装而成的高效，高性能，强安全性的开源Java EE快速开发平台。
JeeSite本身是以Spring Framework为核心容器，Spring MVC为模型视图控制器，MyBatis为数据访问层， Apache Shiro为权限授权层，Ehcahe对常用数据进行缓存，Activit为工作流</div>
</li>
<li><a href="/article/390.htm"
title="通过Spring Mail Api发送邮件" target="_blank">通过Spring Mail Api发送邮件</a>
<span class="text-muted">120153216</span>
<a class="tag" taget="_blank" href="/search/%E9%82%AE%E4%BB%B6/1.htm">邮件</a><a class="tag" taget="_blank" href="/search/main/1.htm">main</a>
<div>原文地址：http://www.open-open.com/lib/view/open1346857871615.html
使用Java Mail API来发送邮件也很容易实现，但是最近公司一个同事封装的邮件API实在让我无法接受，于是便打算改用Spring Mail API来发送邮件，顺便记录下这篇文章。 【Spring Mail API】
Spring Mail API都在org.spri</div>
</li>
<li><a href="/article/517.htm"
title="Pysvn 程序员使用指南" target="_blank">Pysvn 程序员使用指南</a>
<span class="text-muted">2002wmj</span>
<a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a>
<div>源文件:http://ju.outofmemory.cn/entry/35762
这是一篇关于pysvn模块的指南.
完整和详细的API请参考 http://pysvn.tigris.org/docs/pysvn_prog_ref.html.
pysvn是操作Subversion版本控制的Python接口模块. 这个API接口可以管理一个工作副本, 查询档案库, 和同步两个.
该</div>
</li>
<li><a href="/article/644.htm"
title="在SQLSERVER中查找被阻塞和正在被阻塞的SQL" target="_blank">在SQLSERVER中查找被阻塞和正在被阻塞的SQL</a>
<span class="text-muted">357029540</span>
<a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a>
<div>SELECT R.session_id AS BlockedSessionID ,
S.session_id AS BlockingSessionID ,
Q1.text AS Block</div>
</li>
<li><a href="/article/771.htm"
title="Intent 常用的用法备忘" target="_blank">Intent 常用的用法备忘</a>
<span class="text-muted">7454103</span>
<a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a><a class="tag" taget="_blank" href="/search/Blog/1.htm">Blog</a><a class="tag" taget="_blank" href="/search/F%23/1.htm">F#</a>
<div>Intent
应该算是Android中特有的东西。你可以在Intent中指定程序 要执行的动作（比如：view,edit,dial），以及程序执行到该动作时所需要的资料 。都指定好后，只要调用startActivity()，Android系统 会自动寻找最符合你指定要求的应用 程序，并执行该程序。
下面列出几种Intent 的用法
显示网页:
</div>
</li>
<li><a href="/article/898.htm"
title="Spring定时器时间配置" target="_blank">Spring定时器时间配置</a>
<span class="text-muted">adminjun</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E6%97%B6%E9%97%B4%E9%85%8D%E7%BD%AE/1.htm">时间配置</a><a class="tag" taget="_blank" href="/search/%E5%AE%9A%E6%97%B6%E5%99%A8/1.htm">定时器</a>
<div>红圈中的值由6个数字组成，中间用空格分隔。第一个数字表示定时任务执行时间的秒，第二个数字表示分钟，第三个数字表示小时，后面三个数字表示日，月，年，< xmlnamespace prefix ="o" ns ="urn:schemas-microsoft-com:office:office" />
测试的时候，由于是每天定时执行，所以后面三个数</div>
</li>
<li><a href="/article/1025.htm"
title="POJ 2421 Constructing Roads 最小生成树" target="_blank">POJ 2421 Constructing Roads 最小生成树</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/%E6%9C%80%E5%B0%8F%E7%94%9F%E6%88%90%E6%A0%91/1.htm">最小生成树</a>
<div>来源：http://poj.org/problem?id=2421
题意：还是给你n个点，然后求最小生成树。特殊之处在于有一些点之间已经连上了边。
思路：对于已经有边的点，特殊标记一下，加边的时候把这些边的权值赋值为0即可。这样就可以既保证这些边一定存在，又保证了所求的结果正确。
代码：
#include <iostream>
#include <cstdio></div>
</li>
<li><a href="/article/1152.htm"
title="重构笔记——提取方法（Extract Method）" target="_blank">重构笔记——提取方法（Extract Method）</a>
<span class="text-muted">ayaoxinchao</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%87%8D%E6%9E%84/1.htm">重构</a><a class="tag" taget="_blank" href="/search/%E6%8F%90%E7%82%BC%E5%87%BD%E6%95%B0/1.htm">提炼函数</a><a class="tag" taget="_blank" href="/search/%E5%B1%80%E9%83%A8%E5%8F%98%E9%87%8F/1.htm">局部变量</a><a class="tag" taget="_blank" href="/search/%E6%8F%90%E5%8F%96%E6%96%B9%E6%B3%95/1.htm">提取方法</a>
<div>提取方法（Extract Method）是最常用的重构手法之一。当看到一个方法过长或者方法很难让人理解其意图的时候，这时候就可以用提取方法这种重构手法。
下面是我学习这个重构手法的笔记：
提取方法看起来好像仅仅是将被提取方法中的一段代码，放到目标方法中。其实，当方法足够复杂的时候，提取方法也会变得复杂。当然，如果提取方法这种重构手法无法进行时，就可能需要选择其他</div>
</li>
<li><a href="/article/1279.htm"
title="为UILabel添加点击事件" target="_blank">为UILabel添加点击事件</a>
<span class="text-muted">bewithme</span>
<a class="tag" taget="_blank" href="/search/UILabel/1.htm">UILabel</a>
<div> 默认情况下UILabel是不支持点击事件的，网上查了查居然没有一个是完整的答案，现在我提供一个完整的代码。
UILabel *l = [[UILabel alloc] initWithFrame:CGRectMake(60, 0, listV.frame.size.width - 60, listV.frame.size.height)]</div>
</li>
<li><a href="/article/1406.htm"
title="NoSQL数据库之Redis数据库管理(PHP-REDIS实例)" target="_blank">NoSQL数据库之Redis数据库管理(PHP-REDIS实例)</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</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/NoSQL/1.htm">NoSQL</a>
<div>一.redis.php
<?php
//实例化
$redis = new Redis();
//连接服务器
$redis->connect("localhost");
//授权
$redis->auth("lamplijie");
//相关操</div>
</li>
<li><a href="/article/1533.htm"
title="SecureCRT使用备注" target="_blank">SecureCRT使用备注</a>
<span class="text-muted">bingyingao</span>
<a class="tag" taget="_blank" href="/search/secureCRT/1.htm">secureCRT</a><a class="tag" taget="_blank" href="/search/%E6%AF%8F%E9%A1%B5/1.htm">每页</a><a class="tag" taget="_blank" href="/search/%E8%A1%8C%E6%95%B0/1.htm">行数</a>
<div>SecureCRT日志和卷屏行数设置
一、使用securecrt时，设置自动日志记录功能。
1、在C:\Program Files\SecureCRT\下新建一个文件夹(也就是你的CRT可执行文件的路径），命名为Logs；
2、点击Options -> Global Options -> Default Session -> Edite Default Sett</div>
</li>
<li><a href="/article/1660.htm"
title="【Scala九】Scala核心三：泛型" target="_blank">【Scala九】Scala核心三：泛型</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a>
<div>泛型类
package spark.examples.scala.generics
class GenericClass[K, V](val k: K, val v: V) {
def print() {
println(k + "," + v)
}
}
object GenericClass {
def main(args: Arr</div>
</li>
<li><a href="/article/1787.htm"
title="素数与音乐" target="_blank">素数与音乐</a>
<span class="text-muted">bookjovi</span>
<a class="tag" taget="_blank" href="/search/%E7%B4%A0%E6%95%B0/1.htm">素数</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E5%AD%A6/1.htm">数学</a><a class="tag" taget="_blank" href="/search/haskell/1.htm">haskell</a>
<div> 由于一直在看haskell，不可避免的接触到了很多数学知识，其中数论最多，如素数，斐波那契数列等，很多在学生时代无法理解的数学现在似乎也能领悟到那么一点。
闲暇之余，从图书馆找了<<The music of primes>>和<<世界数学通史>>读了几遍。其中素数的音乐这本书与软件界熟知的&l</div>
</li>
<li><a href="/article/1914.htm"
title="Java-Collections Framework学习与总结-IdentityHashMap" target="_blank">Java-Collections Framework学习与总结-IdentityHashMap</a>
<span class="text-muted">BrokenDreams</span>
<a class="tag" taget="_blank" href="/search/Collections/1.htm">Collections</a>
<div> 这篇总结一下java.util.IdentityHashMap。从类名上可以猜到，这个类本质应该还是一个散列表，只是前面有Identity修饰，是一种特殊的HashMap。
简单的说，IdentityHashMap和HashM</div>
</li>
<li><a href="/article/2041.htm"
title="读《研磨设计模式》-代码笔记-享元模式-Flyweight" target="_blank">读《研磨设计模式》-代码笔记-享元模式-Flyweight</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
<div>声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.Collection;
import java.util.HashMap;
import java.util.List;
import java</div>
</li>
<li><a href="/article/2168.htm"
title="PS人像润饰&调色教程集锦" target="_blank">PS人像润饰&调色教程集锦</a>
<span class="text-muted">cherishLC</span>
<a class="tag" taget="_blank" href="/search/PS/1.htm">PS</a>
<div> 1、仿制图章沿轮廓润饰——柔化图像，凸显轮廓
http://www.howzhi.com/course/retouching/
新建一个透明图层，使用仿制图章不断Alt+鼠标左键选点，设置透明度为21%，大小为修饰区域的1/3左右（比如胳膊宽度的1/3），再沿纹理方向（比如胳膊方向）进行修饰。
所有修饰完成后，对该润饰图层添加噪声，噪声大小应该和</div>
</li>
<li><a href="/article/2295.htm"
title="更新多个字段的UPDATE语句" target="_blank">更新多个字段的UPDATE语句</a>
<span class="text-muted">crabdave</span>
<a class="tag" taget="_blank" href="/search/update/1.htm">update</a>
<div>更新多个字段的UPDATE语句
update tableA a
set (a.v1, a.v2, a.v3, a.v4) = --使用括号确定更新的字段范围
</div>
</li>
<li><a href="/article/2422.htm"
title="hive实例讲解实现in和not in子句" target="_blank">hive实例讲解实现in和not in子句</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a><a class="tag" taget="_blank" href="/search/not+in/1.htm">not in</a><a class="tag" taget="_blank" href="/search/in/1.htm">in</a>
<div>本文转自：http://www.cnblogs.com/ggjucheng/archive/2013/01/03/2842855.html
当前hive不支持 in或not in 中包含查询子句的语法，所以只能通过left join实现。
假设有一个登陆表login(当天登陆记录,只有一个uid),和一个用户注册表regusers(当天注册用户，字段只有一个uid)，这两个表都包含</div>
</li>
<li><a href="/article/2549.htm"
title="一道24点的10+种非人类解法（2,3,10,10）" target="_blank">一道24点的10+种非人类解法（2,3,10,10）</a>
<span class="text-muted">dsjt</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a>
<div>这是人类算24点的方法？！！！
事件缘由：今天晚上突然看到一条24点状态，当时惊为天人，这NM叫人啊？以下是那条状态
朱明西 : 24点，算2 3 10 10，我LX炮狗等面对四张牌痛不欲生，结果跑跑同学扫了一眼说，算出来了，2的10次方减10的3次方。。我草这是人类的算24点啊。。
然后么。。。我就在深夜很得瑟的问室友求室友算
刚出完题，文哥的暴走之旅开始了
5秒后</div>
</li>
<li><a href="/article/2676.htm"
title="关于YII的菜单插件 CMenu和面包末breadcrumbs路径管理插件的一些使用问题" target="_blank">关于YII的菜单插件 CMenu和面包末breadcrumbs路径管理插件的一些使用问题</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a><a class="tag" taget="_blank" href="/search/framework/1.htm">framework</a>
<div>在使用 YIi的路径管理工具时，发现了一个问题。 <?php </div>
</li>
<li><a href="/article/2803.htm"
title="对象与关系之间的矛盾：“阻抗失配”效应[转]" target="_blank">对象与关系之间的矛盾：“阻抗失配”效应[转]</a>
<span class="text-muted">come_for_dream</span>
<a class="tag" taget="_blank" href="/search/%E5%AF%B9%E8%B1%A1/1.htm">对象</a>
<div>概述
“阻抗失配”这一词组通常用来描述面向对象应用向传统的关系数据库（RDBMS）存放数据时所遇到的数据表述不一致问题。C++程序员已经被这个问题困扰了好多年，而现在的Java程序员和其它面向对象开发人员也对这个问题深感头痛。
“阻抗失配”产生的原因是因为对象模型与关系模型之间缺乏固有的亲合力。“阻抗失配”所带来的问题包括：类的层次关系必须绑定为关系模式（将对象</div>
</li>
<li><a href="/article/2930.htm"
title="学习编程那点事" target="_blank">学习编程那点事</a>
<span class="text-muted">gcq511120594</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E4%BA%92%E8%81%94%E7%BD%91/1.htm">互联网</a>
<div>一年前的夏天，我还在纠结要不要改行，要不要去学php？能学到真本事吗？改行能成功吗？太多的问题，我终于不顾一切，下定决心，辞去了工作，来到传说中的帝都。老师给的乘车方式还算有效，很顺利的就到了学校，赶巧了，正好学校搬到了新校区。先安顿了下来，过了个轻松的周末，第一次到帝都，逛逛吧！
接下来的周一，是我噩梦的开始，学习内容对我这个零基础的人来说，除了勉强完成老师布置的作业外，我已经没有时间和精力去</div>
</li>
<li><a href="/article/3057.htm"
title="Reverse Linked List II" target="_blank">Reverse Linked List II</a>
<span class="text-muted">hcx2013</span>
<a class="tag" taget="_blank" href="/search/list/1.htm">list</a>
<div>Reverse a linked list from position m to n. Do it in-place and in one-pass.
For example:Given 1->2->3->4->5->NULL, m = 2 and n = 4,
return </div>
</li>
<li><a href="/article/3184.htm"
title="Spring4.1新特性——页面自动化测试框架Spring MVC Test HtmlUnit简介" target="_blank">Spring4.1新特性——页面自动化测试框架Spring MVC Test HtmlUnit简介</a>
<span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/spring+4.1/1.htm">spring 4.1</a>
<div>目录
Spring4.1新特性——综述
Spring4.1新特性——Spring核心部分及其他
Spring4.1新特性——Spring缓存框架增强
Spring4.1新特性——异步调用和事件机制的异常处理
Spring4.1新特性——数据库集成测试脚本初始化
Spring4.1新特性——Spring MVC增强
Spring4.1新特性——页面自动化测试框架Spring MVC T</div>
</li>
<li><a href="/article/3311.htm"
title="Hadoop集群工具distcp" target="_blank">Hadoop集群工具distcp</a>
<span class="text-muted">liyonghui160com</span>
<div>
1. 环境描述
两个集群：rock 和 stone
rock无kerberos权限认证，stone有要求认证。
1. 从rock复制到stone，采用hdfs
Hadoop distcp -i hdfs://rock-nn:8020/user/cxz/input hdfs://stone-nn:8020/user/cxz/运行在rock端，即源端问题：报版本</div>
</li>
<li><a href="/article/3438.htm"
title="一个备份MySQL数据库的简单Shell脚本" target="_blank">一个备份MySQL数据库的简单Shell脚本</a>
<span class="text-muted">pda158</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E8%84%9A%E6%9C%AC/1.htm">脚本</a>
<div> 主脚本（用于备份mysql数据库）： 该Shell脚本可以自动备份
数据库。只要复制粘贴本脚本到文本编辑器中，输入数据库用户名、密码以及数据库名即可。我备份数据库使用的是mysqlump 命令。后面会对每行脚本命令进行说明。
1. 分别建立目录“backup”和“oldbackup” #mkdir /backup #mkdir /oldbackup </div>
</li>
<li><a href="/article/3565.htm"
title="300个涵盖IT各方面的免费资源（中）——设计与编码篇" target="_blank">300个涵盖IT各方面的免费资源（中）——设计与编码篇</a>
<span class="text-muted">shoothao</span>
<a class="tag" taget="_blank" href="/search/IT%E8%B5%84%E6%BA%90/1.htm">IT资源</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E6%A0%87%E5%BA%93/1.htm">图标库</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E7%89%87%E5%BA%93/1.htm">图片库</a><a class="tag" taget="_blank" href="/search/%E8%89%B2%E5%BD%A9%E6%9D%BF/1.htm">色彩板</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E4%BD%93/1.htm">字体</a>
<div>
A. 免费的设计资源
Freebbble:来自于Dribbble的免费的高质量作品。
Dribbble:Dribbble上“免费”的搜索结果——这是巨大的宝藏。
Graphic Burger:每个像素点都做得很细的绝佳的设计资源。
Pixel Buddha:免费和优质资源的专业社区。
Premium Pixels:为那些有创意的人提供免费的素材。
</div>
</li>
<li><a href="/article/3692.htm"
title="thrift总结 - 跨语言服务开发" target="_blank">thrift总结 - 跨语言服务开发</a>
<span class="text-muted">uule</span>
<a class="tag" taget="_blank" href="/search/thrift/1.htm">thrift</a>
<div>官网
官网JAVA例子
thrift入门介绍
IBM-Apache Thrift - 可伸缩的跨语言服务开发框架
Thrift入门及Java实例演示
thrift的使用介绍
RPC
POM：
<dependency>
<groupId>org.apache.thrift</groupId>
</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.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</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>