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="1895107094953127936"></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/1938577245949980672.htm"
title="html5路由如何在nginx上部署（vite+vue3）" target="_blank">html5路由如何在nginx上部署（vite+vue3）</a>
<span class="text-muted">大眼小夫</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>我们知道前端常用的有Hash模式和html5模式的路由，hash模式在nginx上部署不需要额外的操作，而html5模式则需要额外设置，这里介绍下如何在nginx根地址（location/{}）下部署和在非根地址上（location/admin{}）部署。在这之前，我先说一下为什么html5路由需要在nginx上配置，我们知道，vue-router就是用来处理路由的，我我们在浏览器上输入地址时，这</div>
</li>
<li><a href="/article/1938493929154473984.htm"
title="研一自救指南 - 06.HTML5系统学习" target="_blank">研一自救指南 - 06.HTML5系统学习</a>
<span class="text-muted">东部欧安时</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
<div>前情提要：研一自救指南-01.java面向对象（黑马）研1自救指南-02.Java+AI智能辅助编程（黑马）研一自救指南-03.面向面经预习（前端）研一自救指南-04.面试狂刷（前端日常实习）研一自救指南-05.JavaScript系统学习基于W3school的HTML5学习1.html元素html链接点击这里//图像换行横线2.html样式背景颜色、对齐方式设置字体、颜色、大小3.文本格式化Th</div>
</li>
<li><a href="/article/1938410470838956032.htm"
title="【Rust】——使用消息在线程之间传递数据" target="_blank">【Rust】——使用消息在线程之间传递数据</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博客目录信道与所有权转移发送多个值并观察接收者的等待通过克隆发送者来创建多个生产者学</div>
</li>
<li><a href="/article/1937805319036006400.htm"
title="JavaWeb核心技术系列教程(04)——Servlet入门详解及原理剖析" target="_blank">JavaWeb核心技术系列教程(04)——Servlet入门详解及原理剖析</a>
<span class="text-muted">谷哥的小弟</span>
<a class="tag" taget="_blank" href="/search/Servlet/1.htm">Servlet</a><a class="tag" taget="_blank" href="/search/%E5%8E%9F%E7%90%86/1.htm">原理</a><a class="tag" taget="_blank" href="/search/%E8%AF%A6%E8%A7%A3/1.htm">详解</a>
<div>C语言自学完备手册(33篇)Android多分辨率适配框架JavaWeb核心技术系列教程HTML5前端开发实战系列教程MySQL数据库实操教程(35篇图文版)推翻自己和过往——自定义View系列教程(10篇)走出思维困境，踏上精进之路——Android开发进阶精华录讲给Android程序员看的前端系列教程(40集免费视频教程</div>
</li>
<li><a href="/article/1937531344997380096.htm"
title="在使用 HTML5 的 ＜video＞ 标签嵌入视频时，有时会遇到无法播放 MP4 文件的问题" target="_blank">在使用 HTML5 的 ＜video＞ 标签嵌入视频时，有时会遇到无法播放 MP4 文件的问题</a>
<span class="text-muted">蹦极的考拉</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E9%9F%B3%E8%A7%86%E9%A2%91/1.htm">音视频</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>原因分析：只能播放声音，却无法播放视频。这通常是由于视频编码格式不兼容导致的。虽然MP4是一种常见的视频格式，但它包含多种编码方式，并非所有编码方式都受HTML5支持。解决方案：确认视频编码格式：使用视频播放器或专门的工具查看视频文件的属性，确认其编码格式。HTML5支持H.264编码的MP4文件（MPEG-4），VP8编码的WebM文件和Theora编码的Ogg文件。转换视频编码格式：如果视频编</div>
</li>
<li><a href="/article/1937518101071458304.htm"
title="html播放mp4不显示画面,浏览器播放mp4格式视频时只有声音看不到画面的原因及解决方法（精）..." target="_blank">html播放mp4不显示画面,浏览器播放mp4格式视频时只有声音看不到画面的原因及解决方法（精）...</a>
<span class="text-muted">ZW9</span>
<a class="tag" taget="_blank" href="/search/html%E6%92%AD%E6%94%BEmp4%E4%B8%8D%E6%98%BE%E7%A4%BA%E7%94%BB%E9%9D%A2/1.htm">html播放mp4不显示画面</a>
<div>做HTML5网页，要播放视频，视频格式为mp4，结果浏览器只能听到声音，看不到画面。反复测试，多个浏览器均出现此问题。刚开始以为视频的格式不对，我是从MOV转的MP4格式，反复确认嵌入的视频确实是mp4格式的，可是试了好多次结果都一样，只有声音不显示图像，搞了一天，直接搞懵了。在网上到处搜索，最终解决。问题描述：在html5页面中嵌入视频，用浏览器打开页面只听到声音却不显示图像。页面代码：请升级浏</div>
</li>
<li><a href="/article/1937515828446556160.htm"
title="记录解决：video标签视频不能播放，但是能下载下来播放的问题" target="_blank">记录解决：video标签视频不能播放，但是能下载下来播放的问题</a>
<span class="text-muted">都是好猫</span>
<a class="tag" taget="_blank" href="/search/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/1.htm">问题解决</a>
<div>参考文章：关于html5的video标签不能播放视频的问题及解决方法使用html中，为什么看不了视频？</div>
</li>
<li><a href="/article/1937514189425799168.htm"
title="MP4视频无法在H5网页中播放" target="_blank">MP4视频无法在H5网页中播放</a>
<span class="text-muted">lsf1192354203</span>
<a class="tag" taget="_blank" href="/search/%E9%9F%B3%E8%A7%86%E9%A2%91/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>MP4视频在本地可以播放，但是在html5的video多媒体标签不能正常播放，不显示图像，其实是编码的原因，虽然格式是MP4，但是html5只支持H.264的编码格式。关于html5的video标签知识：html4协议做网站时我们在网页播放视频使用flash播放，要么就是嵌入式页面实现html5网页可以使用video标签，使得多媒体文件很方便的在网页中播放关于video标签所支持的视频格式和编码：</div>
</li>
<li><a href="/article/1937450873827422208.htm"
title="H5新增特性大全" target="_blank">H5新增特性大全</a>
<span class="text-muted">小夏啥也不会</span>
<a class="tag" taget="_blank" href="/search/html%E4%B8%AD%E7%9A%84%E6%96%B0%E7%89%B9%E6%80%A7/1.htm">html中的新特性</a><a class="tag" taget="_blank" href="/search/video/1.htm">video</a><a class="tag" taget="_blank" href="/search/audio/1.htm">audio</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><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>一、HTML概述1.1什么是HTMLHTML5是HTML最新的修订版本（超文本标记语言的第五次重大修改），2014年10月由万维网联盟（W3C）完成标准制定。HTML5的设计目的是为了在移动设备上支持多媒体。HTML5简单易学，HTML5是下一代HTML标准。1.2HTML中的新特性用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好的支持新的特殊内容元素，比如a</div>
</li>
<li><a href="/article/1937414324188409856.htm"
title="网页编辑器粘贴WORD图片时保持原格式的秘诀" target="_blank">网页编辑器粘贴WORD图片时保持原格式的秘诀</a>
<span class="text-muted">M_Snow</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/umeditor%E7%B2%98%E8%B4%B4word/1.htm">umeditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E7%B2%98%E8%B4%B4word/1.htm">ueditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E5%A4%8D%E5%88%B6word/1.htm">ueditor复制word</a><a class="tag" taget="_blank" href="/search/ueditor%E4%B8%8A%E4%BC%A0word%E5%9B%BE%E7%89%87/1.htm">ueditor上传word图片</a><a class="tag" taget="_blank" href="/search/ueditor%E5%AF%BC%E5%85%A5word/1.htm">ueditor导入word</a>
<div>要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,</div>
</li>
<li><a href="/article/1937408645964820480.htm"
title="CMS、整站程序集成百度UEditor：实现WORD内容一键导入" target="_blank">CMS、整站程序集成百度UEditor：实现WORD内容一键导入</a>
<span class="text-muted">全武凌(荆门泽优)</span>
<a class="tag" taget="_blank" href="/search/%E7%99%BE%E5%BA%A6/1.htm">百度</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/umeditor%E7%B2%98%E8%B4%B4word/1.htm">umeditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E7%B2%98%E8%B4%B4word/1.htm">ueditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E5%A4%8D%E5%88%B6word/1.htm">ueditor复制word</a><a class="tag" taget="_blank" href="/search/ueditor%E4%B8%8A%E4%BC%A0word%E5%9B%BE%E7%89%87/1.htm">ueditor上传word图片</a><a class="tag" taget="_blank" href="/search/ueditor%E5%AF%BC%E5%85%A5word/1.htm">ueditor导入word</a>
<div>要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,</div>
</li>
<li><a href="/article/1937294946570661888.htm"
title="H5在小程序领域的地图应用开发指南" target="_blank">H5在小程序领域的地图应用开发指南</a>
<span class="text-muted">小程序开发2020</span>
<a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91%E5%AE%9D%E5%85%B8/1.htm">小程序开发宝典</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a><a class="tag" taget="_blank" href="/search/ai/1.htm">ai</a>
<div>H5在小程序领域的地图应用开发指南关键词：H5、小程序、地图应用开发、JavaScript、HTML5、CSS3、API摘要：本文围绕H5在小程序领域的地图应用开发展开，详细阐述了相关的背景知识、核心概念、算法原理、数学模型、实战案例、应用场景、工具资源等内容。通过逐步分析推理，为开发者提供了全面且深入的开发指南，助力开发者掌握H5在小程序中开发地图应用的技术和方法，应对开发过程中的各种挑战。1.</div>
</li>
<li><a href="/article/1937059462007287808.htm"
title="java/.net跨平台UI浏览器SDK，浏览器控件开发包分析" target="_blank">java/.net跨平台UI浏览器SDK，浏览器控件开发包分析</a>
<span class="text-muted">专注VB编程开发20年</span>
<a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E8%B7%A8%E5%B9%B3%E5%8F%B0/1.htm">跨平台</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/cef/1.htm">cef</a><a class="tag" taget="_blank" href="/search/miniblink/1.htm">miniblink</a>
<div>在Linux系统中，虽然没有完全等同于安卓WebView的内置浏览器SDK，但存在多种基于开源浏览器引擎的解决方案，支持通过Java代码控制网页加载和执行JavaScript。以下是具体实现方案和技术细节：一、核心技术方案对比方案名称核心引擎跨平台支持Java集成方式功能完整性开源协议JxBrowserChromiumLinux/macOS/Windows原生JavaAPI完整（HTML5/JS/</div>
</li>
<li><a href="/article/1937047738818555904.htm"
title="如何实现VUE2中wangEditor编辑器对WORD文档的跨平台复制？" target="_blank">如何实现VUE2中wangEditor编辑器对WORD文档的跨平台复制？</a>
<span class="text-muted">M_Snow</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/umeditor%E7%B2%98%E8%B4%B4word/1.htm">umeditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E7%B2%98%E8%B4%B4word/1.htm">ueditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E5%A4%8D%E5%88%B6word/1.htm">ueditor复制word</a><a class="tag" taget="_blank" href="/search/ueditor%E4%B8%8A%E4%BC%A0word%E5%9B%BE%E7%89%87/1.htm">ueditor上传word图片</a><a class="tag" taget="_blank" href="/search/ueditor%E5%AF%BC%E5%85%A5word/1.htm">ueditor导入word</a>
<div>要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,</div>
</li>
<li><a href="/article/1937042191419502592.htm"
title="如何解决VUE2中wangEditor编辑器粘贴WORD文档时的图片丢失问题？" target="_blank">如何解决VUE2中wangEditor编辑器粘贴WORD文档时的图片丢失问题？</a>
<span class="text-muted">全武凌(荆门泽优)</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/umeditor%E7%B2%98%E8%B4%B4word/1.htm">umeditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E7%B2%98%E8%B4%B4word/1.htm">ueditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E5%A4%8D%E5%88%B6word/1.htm">ueditor复制word</a><a class="tag" taget="_blank" href="/search/ueditor%E4%B8%8A%E4%BC%A0word%E5%9B%BE%E7%89%87/1.htm">ueditor上传word图片</a><a class="tag" taget="_blank" href="/search/ueditor%E5%AF%BC%E5%85%A5word/1.htm">ueditor导入word</a>
<div>要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,</div>
</li>
<li><a href="/article/1937017234748665856.htm"
title="HTML5简介" target="_blank">HTML5简介</a>
<span class="text-muted">veminhe</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AFHTML/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><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>1、h5简介，参考：HTML5教程|菜鸟教程2、第一个例子实践：菜鸟教程(runoob.com)你的浏览器不支持video标签。支持视频播放。</div>
</li>
<li><a href="/article/1937000093597102080.htm"
title="探索经典与创新的交汇：Blockrain.js —— 现代化的HTML5俄罗斯方块游戏引擎" target="_blank">探索经典与创新的交汇：Blockrain.js —— 现代化的HTML5俄罗斯方块游戏引擎</a>
<span class="text-muted">怀琪茵Crown</span>
<div>探索经典与创新的交汇：Blockrain.js——现代化的HTML5俄罗斯方块游戏引擎blockrain.jsHTML5TetrisGameforjQuery项目地址:https://gitcode.com/gh_mirrors/bl/blockrain.js在数字娱乐的浩瀚宇宙中，有一种简单而永恒的游戏——俄罗斯方块。今天，我们要介绍一款以现代技术重新诠释这一经典的开源项目——Blockrain</div>
</li>
<li><a href="/article/1936562151456043008.htm"
title="Excel数据导入网页的excel导入全攻略" target="_blank">Excel数据导入网页的excel导入全攻略</a>
<span class="text-muted">路过了忘了</span>
<a class="tag" taget="_blank" href="/search/excel/1.htm">excel</a><a class="tag" taget="_blank" href="/search/umeditor%E7%B2%98%E8%B4%B4word/1.htm">umeditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E7%B2%98%E8%B4%B4word/1.htm">ueditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E5%A4%8D%E5%88%B6word/1.htm">ueditor复制word</a><a class="tag" taget="_blank" href="/search/ueditor%E4%B8%8A%E4%BC%A0word%E5%9B%BE%E7%89%87/1.htm">ueditor上传word图片</a><a class="tag" taget="_blank" href="/search/ueditor%E5%AF%BC%E5%85%A5word/1.htm">ueditor导入word</a><a class="tag" taget="_blank" href="/search/ueditor%E5%AF%BC%E5%85%A5pdf/1.htm">ueditor导入pdf</a>
<div>要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,</div>
</li>
<li><a href="/article/1936335264884518912.htm"
title="如何将WORD文档中的图片转存到wangEditor编辑器中？" target="_blank">如何将WORD文档中的图片转存到wangEditor编辑器中？</a>
<span class="text-muted">M_Snow</span>
<a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a><a class="tag" taget="_blank" href="/search/umeditor%E7%B2%98%E8%B4%B4word/1.htm">umeditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E7%B2%98%E8%B4%B4word/1.htm">ueditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E5%A4%8D%E5%88%B6word/1.htm">ueditor复制word</a><a class="tag" taget="_blank" href="/search/ueditor%E4%B8%8A%E4%BC%A0word%E5%9B%BE%E7%89%87/1.htm">ueditor上传word图片</a><a class="tag" taget="_blank" href="/search/ueditor%E5%AF%BC%E5%85%A5word/1.htm">ueditor导入word</a>
<div>要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体：学生,个人用户,外包,自由职业者,中小型网站,博客,场景：数字门户,数字中台,站群,内网，外网，信创国产化环境，web截屏行业：医疗，教育，建筑，政府，党政，国</div>
</li>
<li><a href="/article/1936329088620883968.htm"
title="前端wangEditor如何实现WORD文档的完整导入？" target="_blank">前端wangEditor如何实现WORD文档的完整导入？</a>
<span class="text-muted">全武凌(荆门泽优)</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/umeditor%E7%B2%98%E8%B4%B4word/1.htm">umeditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E7%B2%98%E8%B4%B4word/1.htm">ueditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E5%A4%8D%E5%88%B6word/1.htm">ueditor复制word</a><a class="tag" taget="_blank" href="/search/ueditor%E4%B8%8A%E4%BC%A0word%E5%9B%BE%E7%89%87/1.htm">ueditor上传word图片</a><a class="tag" taget="_blank" href="/search/ueditor%E5%AF%BC%E5%85%A5word/1.htm">ueditor导入word</a>
<div>要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体：学生,个人用户,外包,自由职业者,中小型网站,博客,场景：数字门户,数字中台,站群,内网，外网，信创国产化环境，web截屏行业：医疗，教育，建筑，政府，党政，国</div>
</li>
<li><a href="/article/1936297068347846656.htm"
title="基于HTML5的“购物商城”的设计与实现（任务书）" target="_blank">基于HTML5的“购物商城”的设计与实现（任务书）</a>
<span class="text-muted">shejizuopin</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/%E8%B4%AD%E7%89%A9%E5%95%86%E5%9F%8E/1.htm">购物商城</a><a class="tag" taget="_blank" href="/search/%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1/1.htm">毕业设计</a><a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81/1.htm">源码</a><a class="tag" taget="_blank" href="/search/%E4%BB%BB%E5%8A%A1%E4%B9%A6/1.htm">任务书</a>
<div>大学本科毕业设计（论文）任务书学院计算机学院专业班级21级网络工程技术本科1班姓名学号指导教师指导教师职称毕业设计（论文）题目基于HTML5的“购物商城”的设计与实现毕业设计（论文）类型毕业设计☑毕业论文□调研报告□作品展示□案例分析□其他□毕业设计（论文）开展时间2024年10月18日至2025年5月1日共28周毕业设计（论文）要求论文(或设计)的专业方向、基本理论及设计内容：【要求写明本设计所</div>
</li>
<li><a href="/article/1936154256067325952.htm"
title="html5贝塞尔曲线,HTML5 Canvas 绘制贝塞尔曲线 Bezier and quadratic curves" target="_blank">html5贝塞尔曲线,HTML5 Canvas 绘制贝塞尔曲线 Bezier and quadratic curves</a>
<span class="text-muted">weixin_39648492</span>
<a class="tag" taget="_blank" href="/search/html5%E8%B4%9D%E5%A1%9E%E5%B0%94%E6%9B%B2%E7%BA%BF/1.htm">html5贝塞尔曲线</a>
<div>贝塞尔曲线：它可以是二次和三次方的形式，一般用于绘制复杂而有规律的形状。方法：quadraticCurveTo(cp1x,cp1y,x,y)bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y)参数x和y是终点坐标，cp1x和cp1y是第一个控制点的坐标，cp2x和cp2y是第二个的。用贝塞尔曲线绘制聊天气泡说明用贝塞尔曲线绘制聊天气泡代码functiondraw(){var</div>
</li>
<li><a href="/article/1936154254792257536.htm"
title="掌握HTML5 Canvas贝塞尔曲线绘制技巧" target="_blank">掌握HTML5 Canvas贝塞尔曲线绘制技巧</a>
<span class="text-muted">yang lebron</span>
<a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a><a class="tag" taget="_blank" href="/search/Canvas/1.htm">Canvas</a><a class="tag" taget="_blank" href="/search/%E8%B4%9D%E5%A1%9E%E5%B0%94%E6%9B%B2%E7%BA%BF/1.htm">贝塞尔曲线</a><a class="tag" taget="_blank" href="/search/%E6%8F%92%E4%BB%B6%E5%BC%80%E5%8F%91/1.htm">插件开发</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E5%BD%A2%E7%BB%98%E5%88%B6/1.htm">图形绘制</a><a class="tag" taget="_blank" href="/search/%E8%B7%AF%E5%BE%84%E6%93%8D%E4%BD%9C/1.htm">路径操作</a>
<div>掌握HTML5Canvas贝塞尔曲线绘制技巧在现代网页开发中，HTML5Canvas提供了一个强大的2D绘图API，使我们能够绘制复杂的图形和动画。贝塞尔曲线是其中一种重要的图形元素，广泛应用于各种视觉设计和动画中。本文将深入探讨如何在HTML5Canvas中绘制和操作贝塞尔曲线，并提供实际代码示例来展示这些技术的应用。贝塞尔曲线的基础绘制HTML5Canvas提供了绘制二次和三次贝塞尔曲线的方法</div>
</li>
<li><a href="/article/1936153876839329792.htm"
title="贝塞尔曲线与动画效果：从基础到进阶" target="_blank">贝塞尔曲线与动画效果：从基础到进阶</a>
<span class="text-muted">江卓尔</span>
<a class="tag" taget="_blank" href="/search/%E8%B4%9D%E5%A1%9E%E5%B0%94%E6%9B%B2%E7%BA%BF/1.htm">贝塞尔曲线</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E7%94%BB%E6%95%88%E6%9E%9C/1.htm">动画效果</a><a class="tag" taget="_blank" href="/search/%E4%B8%89%E6%AC%A1%E8%B4%9D%E5%A1%9E%E5%B0%94/1.htm">三次贝塞尔</a><a class="tag" taget="_blank" href="/search/%E4%BA%8C%E6%AC%A1%E8%B4%9D%E5%A1%9E%E5%B0%94/1.htm">二次贝塞尔</a><a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a><a class="tag" taget="_blank" href="/search/Canvas/1.htm">Canvas</a>
<div>贝塞尔曲线与动画效果：从基础到进阶背景简介在计算机图形学中，贝塞尔曲线是一种用于设计光滑曲线的重要工具。在动画和游戏开发中，贝塞尔曲线经常被用来生成平滑的运动路径。本章节将深入探讨贝塞尔曲线在动画中的应用，以及如何在HTML5Canvas上模拟物理效果以增强动画的真实感。贝塞尔曲线的基础应用三次贝塞尔曲线需要四个控制点来定义其形状。在本章节中，作者通过一个环形移动对象的示例，向我们展示了三次贝塞尔</div>
</li>
<li><a href="/article/1936148078239215616.htm"
title="HTML5+JS实现一个简单的SVG 贝塞尔曲线可视化设计器,通过几个点移动位置,控制曲线的方向" target="_blank">HTML5+JS实现一个简单的SVG 贝塞尔曲线可视化设计器,通过几个点移动位置,控制曲线的方向</a>
<span class="text-muted">专注VB编程开发20年</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/JS/1.htm">JS</a><a class="tag" taget="_blank" href="/search/SVG/1.htm">SVG</a><a class="tag" taget="_blank" href="/search/bezier-curve/1.htm">bezier-curve</a><a class="tag" taget="_blank" href="/search/%E8%B4%9D%E5%A1%9E%E5%B0%94%E6%9B%B2%E7%BA%BF/1.htm">贝塞尔曲线</a>
<div>三次贝塞尔曲线,二次贝塞尔曲线有什么区别https://blog.csdn.net/xiaoyao961/article/details/148678265SVG贝塞尔曲线可视化设计器下面是一个简单的贝塞尔曲线可视化设计器，使用HTML5和JavaScript实现。这个设计器允许你通过拖动控制点来实时调整贝塞尔曲线的形状。这个贝塞尔曲线设计器具有以下特点：直观的交互：可以直接拖动起点、终点和控制点</div>
</li>
<li><a href="/article/1935963266429808640.htm"
title="探索趣味抽奖新体验：微信小程序转盘抽奖" target="_blank">探索趣味抽奖新体验：微信小程序转盘抽奖</a>
<span class="text-muted">宫萍润</span>
<div>探索趣味抽奖新体验：微信小程序转盘抽奖项目地址:https://gitcode.com/gh_mirrors/we/wechat-turntalbe-canvas项目简介在数字化时代，互动式的抽奖活动为用户提供了一种新颖而有趣的参与方式。微信小程序转盘抽奖就是这样一个利用小程序平台开发的创新应用，它借助HTML5Canvas技术，打造出了可高度定制化的转盘抽奖界面，为你的业务增添无尽魅力。技术分析</div>
</li>
<li><a href="/article/1935884714539806720.htm"
title="DevExpress BI仪表盘集成OpenAI：实现实时对话式数据分析助手" target="_blank">DevExpress BI仪表盘集成OpenAI：实现实时对话式数据分析助手</a>
<span class="text-muted">界面开发小八哥</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">数据分析</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">数据挖掘</a><a class="tag" taget="_blank" href="/search/devexpress/1.htm">devexpress</a><a class="tag" taget="_blank" href="/search/BI/1.htm">BI</a><a class="tag" taget="_blank" href="/search/%E7%95%8C%E9%9D%A2%E6%8E%A7%E4%BB%B6/1.htm">界面控件</a><a class="tag" taget="_blank" href="/search/%E7%94%A8%E6%88%B7%E7%95%8C%E9%9D%A2/1.htm">用户界面</a>
<div>DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带功能齐</div>
</li>
<li><a href="/article/1935724983061901312.htm"
title="前端开发者必须要掌握的技术栈及学习建议，都是干货" target="_blank">前端开发者必须要掌握的技术栈及学习建议，都是干货</a>
<span class="text-muted">老猿阿浪</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>作为前端开发者，必须要掌握的技术栈非常的广泛，但总体脉络不变，以下是当前前端开发的核心技术分类和学习建议，按优先级和重要性排序如下（都是干货）：一、基础三件套（必学）HTML5语义化标签、表单验证、WebAccessibility（无障碍访问）Canvas/SVG、音视频嵌入CSS3盒模型、Flex/Grid布局、响应式设计（媒体查询）动画（Transition/Animation）、变量（CSS</div>
</li>
<li><a href="/article/1935516806340997120.htm"
title="HTML5 在前端房地产类网站的应用案例" target="_blank">HTML5 在前端房地产类网站的应用案例</a>
<span class="text-muted">前端视界</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E8%89%BA%E5%8C%A0%E9%A6%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><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/ai/1.htm">ai</a>
<div>HTML5在前端房地产类网站的应用案例关键词：HTML5、房地产网站、响应式设计、WebGL、地理定位、Canvas、性能优化摘要：本文深入探讨HTML5技术在房地产类网站中的创新应用。我们将分析HTML5如何通过其丰富的API和特性，为房地产行业提供沉浸式的用户体验、高效的房源展示和精准的客户服务。文章涵盖从基础布局到高级3D展示的全套技术方案，并通过实际案例展示HTML5如何解决房地产网站开发</div>
</li>
<li><a href="/article/1935315101980618752.htm"
title="HTML5 更新的功能" target="_blank">HTML5 更新的功能</a>
<span class="text-muted">TE-茶叶蛋</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E5%A4%8D%E4%B9%A0%E7%B3%BB%E5%88%97/1.htm">面试复习系列</a><a class="tag" taget="_blank" href="/search/html%E7%9F%A5%E8%AF%86/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><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>文章目录前言**一、语义化标签（SemanticElements）****二、多媒体支持（Audio&Video）****三、图形与绘图（Canvas&SVG）****1.``****2.SVG内联支持****四、表单增强（FormFeatures）****1.新输入类型****2.新属性****五、本地存储（WebStorage）****六、地理定位（Geolocation）****七、拖放AP</div>
</li>
<li><a href="/article/13.htm"
title="github中多个平台共存" target="_blank">github中多个平台共存</a>
<span class="text-muted">jackyrong</span>
<a class="tag" taget="_blank" href="/search/github/1.htm">github</a>
<div>在个人电脑上，如何分别链接比如oschina,github等库呢，一般教程之列的，默认
ssh链接一个托管的而已，下面讲解如何放两个文件
1） 设置用户名和邮件地址
$ git config --global user.name "xx"
$ git config --global user.email "test@gmail.com"</div>
</li>
<li><a href="/article/140.htm"
title="ip地址与整数的相互转换(javascript)" target="_blank">ip地址与整数的相互转换(javascript)</a>
<span class="text-muted">alxw4616</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
<div>//IP转成整型
function ip2int(ip){
var num = 0;
ip = ip.split(".");
num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]);
n</div>
</li>
<li><a href="/article/267.htm"
title="读书笔记-jquey+数据库+css" target="_blank">读书笔记-jquey+数据库+css</a>
<span class="text-muted">chengxuyuancsdn</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
<div>1、grouping ,group by rollup, GROUP BY GROUPING SETS区别
2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q</div>
</li>
<li><a href="/article/394.htm"
title="javaSE javaEE javaME == API下载" target="_blank">javaSE javaEE javaME == API下载</a>
<span class="text-muted">Array_06</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>oracle下载各种API文档：
http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html
JavaSE文档：
http://docs.oracle.com/javase/8/docs/api/
JavaEE文档：
ht</div>
</li>
<li><a href="/article/521.htm"
title="shiro入门学习" target="_blank">shiro入门学习</a>
<span class="text-muted">cugfy</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a>
<div>声明本文只适合初学者，本人也是刚接触而已，经过一段时间的研究小有收获，特来分享下希望和大家互相交流学习。
首先配置我们的web.xml代码如下，固定格式，记死就成
<filter>
<filter-name>shiroFilter</filter-name>
&nbs</div>
</li>
<li><a href="/article/648.htm"
title="Array添加删除方法" target="_blank">Array添加删除方法</a>
<span class="text-muted">357029540</span>
<a class="tag" taget="_blank" href="/search/js/1.htm">js</a>
<div> 刚才做项目前台删除数组的固定下标值时，删除得不是很完整，所以在网上查了下，发现一个不错的方法，也提供给需要的同学。
//给数组添加删除
Array.prototype.del = function(n){
</div>
</li>
<li><a href="/article/775.htm"
title="navigation bar 更改颜色" target="_blank">navigation bar 更改颜色</a>
<span class="text-muted">张亚雄</span>
<a class="tag" taget="_blank" href="/search/IO/1.htm">IO</a>
<div>今天郁闷了一下午，就因为objective-c默认语言是英文，我写的中文全是一些乱七八糟的样子，到不是乱码，但是，前两个自字是粗体，后两个字正常体，这可郁闷死我了，问了问大牛，人家告诉我说更改一下字体就好啦，比如改成黑体，哇塞，茅塞顿开。
翻书看，发现，书上有介绍怎么更改表格中文字字体的，代码如下
</div>
</li>
<li><a href="/article/902.htm"
title="unicode转换成中文" target="_blank">unicode转换成中文</a>
<span class="text-muted">adminjun</span>
<a class="tag" taget="_blank" href="/search/unicode/1.htm">unicode</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A0%81%E8%BD%AC%E6%8D%A2/1.htm">编码转换</a>
<div>
在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符，这是unicode编码，使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。
/**
* unicode 转换成 中文
</div>
</li>
<li><a href="/article/1029.htm"
title="一站式 Java Web 框架 firefly" target="_blank">一站式 Java Web 框架 firefly</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/Java+Web/1.htm">Java Web</a>
<div>Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。
firefly-2.0_07修复了模版压缩对javascript单行注释的影响，并新增了自定义错误页面功能。
更新日志：
增加自定义系统错误页面功能</div>
</li>
<li><a href="/article/1156.htm"
title="设计模式——单例模式" target="_blank">设计模式——单例模式</a>
<span class="text-muted">ayaoxinchao</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
<div>定义
Java中单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统提供。”
分析
从定义中可以看出单例的要点有三个：一是某个类只能有一个实例；二是必须自行创建这个实例；三是必须自行向系统提供这个实例。
&nb</div>
</li>
<li><a href="/article/1283.htm"
title="Javascript 多浏览器兼容性问题及解决方案" target="_blank">Javascript 多浏览器兼容性问题及解决方案</a>
<span class="text-muted">BigBird2012</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
<div>不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题，毕竟这两中浏览器是占了绝大多数。
一、document.formName.item(”itemName”) 问题
问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo</div>
</li>
<li><a href="/article/1410.htm"
title="JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误" target="_blank">JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/junit4.11/1.htm">junit4.11</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a>
<div> 下载了最新的JUnit版本，是4.11，结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误，上网查了一下，一般的解决方案是，换一个低一点的版本就好了。还有人说，是缺少hamcrest的包。去官网看了一下，如下发现：
</div>
</li>
<li><a href="/article/1537.htm"
title="[Zookeeper学习笔记之二]Zookeeper部署脚本" target="_blank">[Zookeeper学习笔记之二]Zookeeper部署脚本</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a>
<div>Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程，即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下，脚本中指定的名字是zookeeper的3.4.6版本，需要根据实际情况修改)：
#!/bin/bash
#!!!Change the name!!!
#The zookeepe</div>
</li>
<li><a href="/article/1664.htm"
title="【Spark八十】Spark RDD API二" target="_blank">【Spark八十】Spark RDD API二</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a>
<div>coGroup
package spark.examples.rddapi
import org.apache.spark.{SparkConf, SparkContext}
import org.apache.spark.SparkContext._
object CoGroupTest_05 {
def main(args: Array[String]) {
v</div>
</li>
<li><a href="/article/1791.htm"
title="Linux中编译apache服务器modules文件夹缺少模块(.so)的问题" target="_blank">Linux中编译apache服务器modules文件夹缺少模块(.so)的问题</a>
<span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/modules/1.htm">modules</a>
<div>在modules目录中只有httpd.exp，那些so文件呢？
我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了)
去make并且make install了。我希望在/apache2/modules/目录里有各种模块，</div>
</li>
<li><a href="/article/1918.htm"
title="Java基础-克隆" target="_blank">Java基础-克隆</a>
<span class="text-muted">BrokenDreams</span>
<a class="tag" taget="_blank" href="/search/java%E5%9F%BA%E7%A1%80/1.htm">java基础</a>
<div> Java中怎么拷贝一个对象呢？可以通过调用这个对象类型的构造器构造一个新对象，然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式，这种方式称为
克隆。
Java提供了java.lang.</div>
</li>
<li><a href="/article/2045.htm"
title="读《研磨设计模式》-代码笔记-适配器模式-Adapter" target="_blank">读《研磨设计模式》-代码笔记-适配器模式-Adapter</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/
package design.pattern;
/*
* 适配器模式解决的主要问题是，现有的方法接口与客户要求的方法接口不一致
* 可以这样想，我们要写这样一个类（Adapter）:
* 1.这个类要符合客户的要求 ---> 那显然要</div>
</li>
<li><a href="/article/2172.htm"
title="HDR图像PS教程集锦&心得" target="_blank">HDR图像PS教程集锦&心得</a>
<span class="text-muted">cherishLC</span>
<a class="tag" taget="_blank" href="/search/PS/1.htm">PS</a>
<div>HDR是指高动态范围的图像，主要原理为提高图像的局部对比度。
软件有photomatix和nik hdr efex。
一、教程
叶明在知乎上的回答：
http://www.zhihu.com/question/27418267/answer/37317792
大意是修完后直方图最好是等值直方图，方法是HDR软件调一遍，再结合不透明度和蒙版细调。
二、心得
1、去除阴影部分的</div>
</li>
<li><a href="/article/2299.htm"
title="maven-3.3.3 mvn archetype 列表" target="_blank">maven-3.3.3 mvn archetype 列表</a>
<span class="text-muted">crabdave</span>
<a class="tag" taget="_blank" href="/search/ArcheType/1.htm">ArcheType</a>
<div>maven-3.3.3 mvn archetype 列表
可以参考最新的：http://repo1.maven.org/maven2/archetype-catalog.xml
[INFO] Scanning for projects...
[INFO] </div>
</li>
<li><a href="/article/2426.htm"
title="linux shell 中文件编码查看及转换方法" target="_blank">linux shell 中文件编码查看及转换方法</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E6%96%87%E4%B9%B1%E7%A0%81/1.htm">中文乱码</a><a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E7%BC%96%E7%A0%81/1.htm">文件编码</a>
<div>一、查看文件编码。
在打开文件的时候输入:set fileencoding
即可显示文件编码格式。
二、文件编码转换
1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式
&</div>
</li>
<li><a href="/article/2553.htm"
title="MySQL--binlog日志恢复数据" target="_blank">MySQL--binlog日志恢复数据</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/binlog/1.htm">binlog</a>
<div> 恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001，现在刷新了重新开启一个就多了一个mysql-bin.000002 </div>
</li>
<li><a href="/article/2680.htm"
title="数据库中数据表数据迁移方法" target="_blank">数据库中数据表数据迁移方法</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a>
<div>刚开始想想好像挺麻烦的，后来找到一种方法了，就SQL中的 INSERT 语句，不过内容是现从另外的表中查出来的，其实就是 MySQL中INSERT INTO SELECT的使用
下面看看如何使用
语法：MySQL中INSERT INTO SELECT的使用
1. 语法介绍
有三张表a、b、c，现在需要从表b</div>
</li>
<li><a href="/article/2807.htm"
title="Java反转字符串" target="_blank">Java反转字符串</a>
<span class="text-muted">dyy_gusi</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%8F%8D%E8%BD%AC%E5%AD%97%E7%AC%A6%E4%B8%B2/1.htm">反转字符串</a>
<div> 前几天看见一篇文章，说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串，就是将一个字符串到过来啦，比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。
1、第一个念头就是直接使用String类的反转方法，对不起，这样是不行的，因为Stri</div>
</li>
<li><a href="/article/2934.htm"
title="UI设计中我们为什么需要设计动效" target="_blank">UI设计中我们为什么需要设计动效</a>
<span class="text-muted">gcq511120594</span>
<a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。
但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。
一、加强体验舒适度
嗯，就是让用户更加爽更加爽的用</div>
</li>
<li><a href="/article/3061.htm"
title="JBOSS服务部署端口冲突问题" target="_blank">JBOSS服务部署端口冲突问题</a>
<span class="text-muted">HogwartsRow</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a><a class="tag" taget="_blank" href="/search/jboss/1.htm">jboss</a><a class="tag" taget="_blank" href="/search/server/1.htm">server</a><a class="tag" taget="_blank" href="/search/EJB3/1.htm">EJB3</a>
<div>服务端口冲突问题的解决方法，一般修改如下三个文件中的部分端口就可以了。
1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml
2、./server/default/deploy/jbossweb.sar/server.xml
3、.</div>
</li>
<li><a href="/article/3188.htm"
title="第三章 Redis/SSDB+Twemproxy安装与使用" target="_blank">第三章 Redis/SSDB+Twemproxy安装与使用</a>
<span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/ssdb/1.htm">ssdb</a><a class="tag" taget="_blank" href="/search/reids/1.htm">reids</a><a class="tag" taget="_blank" href="/search/twemproxy/1.htm">twemproxy</a>
<div>目前对于互联网公司不使用Redis的很少，Redis不仅仅可以作为key-value缓存，而且提供了丰富的数据结果如set、list、map等，可以实现很多复杂的功能；但是Redis本身主要用作内存缓存，不适合做持久化存储，因此目前有如SSDB、ARDB等，还有如京东的JIMDB，它们都支持Redis协议，可以支持Redis客户端直接访问；而这些持久化存储大多数使用了如LevelDB、RocksD</div>
</li>
<li><a href="/article/3315.htm"
title="ZooKeeper原理及使用 " target="_blank">ZooKeeper原理及使用 </a>
<span class="text-muted">liyonghui160com</span>
<div>
ZooKeeper是Hadoop Ecosystem中非常重要的组件，它的主要功能是为分布式系统提供一致性协调(Coordination)服务，与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper，第一部分介绍ZooKeeper的基本原理，第二部分介绍ZooKeeper</div>
</li>
<li><a href="/article/3442.htm"
title="程序员解决问题的60个策略" target="_blank">程序员解决问题的60个策略</a>
<span class="text-muted">pda158</span>
<a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a>
<div>根本的指导方针
1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。
良好的单元测试
强制数据库约束
使用输入验证框架
避免未实现的“else”条件
在应用到主程序之前知道如何在孤立的情况下使用
日志
2. print 语句。往往额外输出个一两行将有助于隔离问题。
3. 切换至详细的日志记录。详细的日</div>
</li>
<li><a href="/article/3569.htm"
title="Create the Google Play Account" target="_blank">Create the Google Play Account</a>
<span class="text-muted">sillycat</span>
<a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a>
<div>Create the Google Play Account
Having a Google account, pay 25$, then you get your google developer account.
References:
http://developer.android.com/distribute/googleplay/start.html
https://p</div>
</li>
<li><a href="/article/3696.htm"
title="JSP三大指令" target="_blank">JSP三大指令</a>
<span class="text-muted">vikingwei</span>
<a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a>
<div>JSP三大指令
一个jsp页面中，可以有0~N个指令的定义！
1. page --> 最复杂：<%@page language="java" info="xxx"...%>
* pageEncoding和contentType：
> pageEncoding：它</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>