HTML5学习笔记
本文是我在学习HTML5时候做的笔记，HTML5中的新元素对浏览器有限制，具体的可以百度查阅。
HTML5 的八个特性：
- 语义特性（Semantic）：HTML5赋予网页更好的意义和结构。
- 离线与存储特性（Offline & Storage）：HTML5开发的网页APP，启动时间更短，联网速度更快。由于有HTML5 APP Cache、本地存储功能、Indexed DB和File API说明文档。
- 设备访问特性 (Device Access)：HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与麦克风及摄像头相联。
- 多媒体特性(Multimedia)： 支持网页端的Audio、Video等多媒体功能，与网站自带的APPS、摄像头、影音功能相得益彰。
- 三维、图形与特效特性（3D、Graphics & Effects）：基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。
- 性能与集成特性（Performance & Integration）：HTML5会通过Web Workers和XMLHttpRequest2等技术，帮助您的Web应用和网站在多样化的环境中更快速的工作。
- 连接特性（Connectivity）：HTML5拥有更有效的服务器推送技术(Server-Sent Event和WebSockets)，能够帮助我们实现服务器将数据“推送”到客户端的功能。
- CSS3特性(CSS3)：CSS3中提供了更多的风格和更强的效果。
HTML5 的优势：
- 摆脱对平台的依赖。打开浏览器，直接就可以访自己的应用。
- 实时更新。
- 离线使用。用户可以离线使用，更新下载量极少。
- 代码更安全。HTML5可以将Web代码全部加密，本地应用解密后再运行，大大的提供了代码的安全性。
- 跨平台。JavaScript的代码可以在许多地方使用，包括移动应用、移动网站、PC网站、各种浏览器插件，甚至可以用WebKit封装作为跨平台的应用程序。
- 可以充分利用Native。HTML5可以通过浏览器作为中介充分利用Native的好处(使用GPS、照相机、本地相册、读取本地联系人等）。某些Web无法实现的功能，可以利用Native来实现。
以下HTML4.01元素已从HTML5中删除：
</li> <li><strike></li> <li><tt></li> </ul> <h3>HTML5新增内容：</h3> <h3>新的语义/结构元素：</h3> <ul> <li><article>：定义文档内的文章。</li> <li><aside>：定义页面内容之外的内容。</li> <li><bdi>：定义与其他文本不同的文本方向。</li> <li><details>：定义用户可查看或隐藏的额外细节。</li> <li><dialog>：定义对话框或窗口。</li> <li><figcaption>：定义<figure>元素的标题。</li> <li><figure>：定义自包含内容，比如图片、图表、照片、代码清单等等。</li> <li><footer>：定义文档或节的页脚。</li> <li><header>：定义文档或节的页眉。</li> <li><main>：定义文档的主内容。</li> <li><mark>：定义重要或强调的内容。</li> <li><menuitem>：定义用户能够从弹出菜单调用的命令/菜单项目。</li> <li><meter>：定义已知范围（尺度）内的标量测量。</li> <li><nav>：定义文档内的导航链接。</li> <li><progress>：定义任务进度。</li> <li><rp>：定义在不支持ruby注释的浏览器中显示什么。</li> <li><rt>：定义关于字符的解释/发音（用于东亚字体）。</li> <li><ruby>：定义ruby注释（用于东亚字体）。</li> <li><section>：定义文档中的节。</li> <li><summary>：定义<details>元素的可见标题。</li> <li><time>：定义日期/时间。</li> <li><wbr>：定义可能的折行（line-break）。</li> </ul> <p><strong>新的表单元素：</strong></p> <ul> <li><datalist>：定义输入控件的预定义选项。</li> <li><keygen>：定义键对生成器字段（用于表单）。</li> <li><output>：定义计算结果。</li> </ul> <h3>新的输入类型：</h3> <p>以下input框中新的输入类型可以更好的对输入值进行控制和校验。</p> <ul> <li>color</li> <li>date</li> <li>datetime</li> <li>datetime-local</li> <li>email</li> <li>month</li> <li>number</li> <li>range</li> <li>search</li> <li>tel</li> <li>time</li> <li>url</li> <li>week</li> </ul> <h3>新的输入属性：</h3> <p>以下input框中新的输入属性可以更好的对输入值进行控制和校验。</p> <ul> <li>autocomplete</li> <li>autofocus</li> <li>form</li> <li>formaction</li> <li>formenctype</li> <li>formmethod</li> <li>formnovalidate</li> <li>formtarget</li> <li>height和width</li> <li>list</li> <li>min和max</li> <li>multiple</li> <li>pattern (regexp) placeholder</li> <li>required</li> <li>step</li> </ul> <h3>新的图像元素：</h3> <ul> <li><canvas>：定义使用JavaScript的图像绘制。</li> <li><svg>：定义使用SVG的图像绘制。</li> </ul> <h3>新的媒介元素：</h3> <ul> <li><audio>：定义声音或音乐内容。</li> <li><embed>：定义外部应用程序的容器（比如插件）</li> <li><source>：定义<video>和<audio>的来源。</li> <li><track>：定义<video>和<audio>的轨道。</li> <li><video>：定义视频或影片内容。</li> </ul> <h3>HTML5中<form>属性列表：</h3> <ul> <li>accept-charset：规定在被提交表单中使用的字符集（默认：页面字符集）。</li> <li>action：规定向何处提交表单的地址（URL）（提交页面）。</li> <li>autocomplete：规定浏览器应该自动完成表单（默认：开启）。</li> <li>enctype：规定被提交数据的编码（默认：url-encoded）。</li> <li>method：规定在提交表单时所用的HTTP方法（默认：GET）。</li> <li>name：规定识别表单的名称（对于DOM使用：document.forms.name）。</li> <li>novalidate：规定浏览器不验证表单。</li> <li>target：规定action属性中地址的目标（默认：_self）。</li> </ul> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1278312995415408640"></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">你可能感兴趣的:(HTML)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1885722963475492864.htm" title="【Html.js——范围判定】偷梁换柱（蓝桥杯真题-2332）【合集】" target="_blank">【Html.js——范围判定】偷梁换柱（蓝桥杯真题-2332）【合集】</a> <span class="text-muted">Rossy Yan</span> <a class="tag" taget="_blank" href="/search/%E8%93%9D%E6%A1%A5%E6%9D%AF%E7%9C%9F%E9%A2%98/1.htm">蓝桥杯真题</a><a class="tag" taget="_blank" href="/search/Html.js/1.htm">Html.js</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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E8%93%9D%E6%A1%A5%E6%9D%AF/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/%E5%AE%9E%E8%AE%AD/1.htm">实训</a><a class="tag" taget="_blank" href="/search/%E5%90%88%E9%9B%86/1.htm">合集</a> <div>目录背景介绍准备步骤目标效果要求规定判分标准通关代码✔️代码解析一、Html部分二、JavaScript部分三、工作流程▶️测试结果背景介绍随着医疗水平的进步，人的平均寿命在慢慢提升。现在全球平均预期寿命是73.2岁，而在1950年则只有47岁。那么人类的寿命有极限吗？根据最新的研究，人类寿命或超过120岁，达到150岁。因此，有关年龄的应用普遍将当今人类的合理年龄范围设置在0-150岁之间。那么</div> </li> <li><a href="/article/1885713639151824896.htm" title="TWebbrowser自动点击链接" target="_blank">TWebbrowser自动点击链接</a> <span class="text-muted">nfenghklibra</span> <a class="tag" taget="_blank" href="/search/Delphi%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">Delphi学习笔记</a><a class="tag" taget="_blank" href="/search/delphi/1.htm">delphi</a><a class="tag" taget="_blank" href="/search/url/1.htm">url</a> <div>delphi中TWebbrowser自动点击链接,其中TWebBrowser的Navigate方法并不完全等同于点击链接procedureTForm1.btnClickUrlClick(Sender:TObject);varJ:integer;spDisp:IDispatch;IDoc1:IHTMLDocument2;ielc:IHTMLElementCollection;ihtml:IHTMLE</div> </li> <li><a href="/article/1885697372831412224.htm" title="Vue全流程--Vue2插槽" target="_blank">Vue全流程--Vue2插槽</a> <span class="text-muted">不清参</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.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>作用让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件===>子组件。分类默认插槽、具名插槽、作用域插槽使用方式1.默认插槽：让子组件以不同的内容形式或者格式展现出来父组件{{g}}importCategoryfrom'./components/Category'exportdefault{name:'App',components:{Category},data</div> </li> <li><a href="/article/1885682743019368448.htm" title="maven生成html单元测试报告,Maven中配置生成单元测试报告配置" target="_blank">maven生成html单元测试报告,Maven中配置生成单元测试报告配置</a> <span class="text-muted">yoh sk</span> <div>对junit单元测试的报告：1.-------------------------------------------------------2.TESTS3.-------------------------------------------------------4.Runningcom.liuyan.account.mail.AccountImageServiceImplTest5.---</div> </li> <li><a href="/article/1885649691438280704.htm" title="SSM 构建个性化商铺系统：功能亮点聚焦商业成功" target="_blank">SSM 构建个性化商铺系统：功能亮点聚焦商业成功</a> <span class="text-muted">2402_85758349</span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>第二章开发技术与环境配置以Java语言为开发工具，利用了当前先进的SSM框架技术，以MyEclipse10为系统开发工具，MySQL为后台数据库，开发的一个个性化商铺系统。2.1微信开发者工具在传统web浏览器中，在加载htm15页面时先加载视图层的html和css，后加载逻辑层的javascript，然后返回数据并在浏览器中展示页面。而微信开发者工具的系统层是基于NativeSystem的，视图</div> </li> <li><a href="/article/1885644401410109440.htm" title="Learning Vue 读书笔记 Chapter 2" target="_blank">Learning Vue 读书笔记 Chapter 2</a> <span class="text-muted">追光少年3322</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.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><a class="tag" taget="_blank" href="/search/vue3/1.htm">vue3</a> <div>2.Vue基本工作原理2.1VirtualDOM概念：DOM:DOM以内存中树状数据结构的形式，代表了网页上的HTML（或XML）文档内容。它充当了一个编程接口，将网页与实际的编程代码（如JavaScript）连接起来。VirtualDOM是浏览器中实际DOM的内存虚拟副本，但它更轻量且具有额外的功能。VirtualDOM工作原理：通过用户界面交互，用户向Vue传达了他们希望元素达到的状态；随后，</div> </li> <li><a href="/article/1885605167949213696.htm" title="FreeMaker 模板引擎的使用" target="_blank">FreeMaker 模板引擎的使用</a> <span class="text-muted">My LQS</span> <a class="tag" taget="_blank" href="/search/%E5%8E%86%E5%8F%B2%E7%BB%8F%E9%AA%8C%E7%AF%87/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/1.htm">java</a> <div>大家好！今天想跟大家聊聊一个在Java后端开发中非常实用的工具——FreeMarker模板引擎。它是一款简单易用、功能强大的模板引擎，不管是生成HTML页面，还是处理静态文件，都能让我们轻松搞定。接下来，我会带大家一步步了解FreeMarker的使用方法以及它的实际应用场景。什么是FreeMarker？FreeMarker是一个模板引擎，简单来说，它可以帮我们把动态数据填充到模板文件里，生成最终的</div> </li> <li><a href="/article/1885601260959232000.htm" title="搜索引擎快速收录：关键词布局的艺术" target="_blank">搜索引擎快速收录：关键词布局的艺术</a> <span class="text-muted">百度网站快速收录</span> <a class="tag" taget="_blank" href="/search/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/1.htm">搜索引擎</a><a class="tag" taget="_blank" href="/search/%E7%99%BE%E5%BA%A6%E5%BF%AB%E9%80%9F%E6%94%B6%E5%BD%95/1.htm">百度快速收录</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99%E5%BF%AB%E9%80%9F%E6%94%B6%E5%BD%95/1.htm">网站快速收录</a> <div>本文来自：百万收录网原文链接：https://www.baiwanshoulu.com/21.html搜索引擎快速收录中的关键词布局，是一项既精细又富有策略性的工作。以下是对关键词布局艺术的详细阐述：一、关键词布局的重要性关键词布局影响着后期页面是否被收录，以及网站在搜索引擎中的排名。合理的关键词布局能够提升网站的可见性，吸引更多的目标用户，从而实现网站流量的增长。二、关键词布局的原则相关性：关键</div> </li> <li><a href="/article/1885588395481165824.htm" title="前端网页开发学习（HTML+CSS+JS）有这一篇就够！" target="_blank">前端网页开发学习（HTML+CSS+JS）有这一篇就够！</a> <span class="text-muted">软件技术NINI</span> <a class="tag" taget="_blank" href="/search/html%2Fcss%E7%AC%94%E8%AE%B0/1.htm">html/css笔记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>前端网页开发是一个不断发展的领域，涉及到构建和设计网站以及Web应用程序的用户界面。以下是一份全面的学习指南，涵盖HTML、CSS和JavaScript的基础知识，帮助你入门前端开发。HTML（超文本标记语言）1.基础结构文档类型和标签：定义了文档类型和根元素。htmlDocument标签：包含元数据，如字符集、标题和链接到CSS文件。标签：包含网页的可见内容。2.常用标签文本内容：<h</div> </li> <li><a href="/article/1885585113660583936.htm" title="BMC lighttpd 简单讲解(二) 模块讲解" target="_blank">BMC lighttpd 简单讲解(二) 模块讲解</a> <span class="text-muted">wit_yuan</span> <a class="tag" taget="_blank" href="/search/BMC/1.htm">BMC</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80%E6%A8%A1%E5%9D%97%E5%88%86%E6%9E%90/1.htm">基础模块分析</a><a class="tag" taget="_blank" href="/search/linux%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91/1.htm">linux应用开发</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8%E5%BC%80%E5%8F%91/1.htm">服务器开发</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%A1%AC%E4%BB%B6/1.htm">嵌入式硬件</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>1.说明本节将开始考虑如何去新增一个plugin以及讲解其他模块的内容。本节是继文章:BMClighttpd简单讲解(一)之后的第二篇文章。后台cgi程序库:libfcgi后台cgi程序库:raphters后台fcgi程序的文档可以参考:libfcgi/doc/fcgi-spec.htmllighttpd关于fastcgi:lighttpd/doc/outdated/fastcgi.txt2.日志</div> </li> <li><a href="/article/1885576283757277184.htm" title="03-1.python爬虫-爬虫简介" target="_blank">03-1.python爬虫-爬虫简介</a> <span class="text-muted">执着的小火车</span> <a class="tag" taget="_blank" href="/search/python%E5%85%A5%E9%97%A8%E5%88%B0%E9%A1%B9%E7%9B%AE%E5%AE%9E%E8%B7%B5/1.htm">python入门到项目实践</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a> <div>03-1.python爬虫-爬虫简介简介Python爬虫是一种使用Python编程语言编写的程序，用于自动从互联网上获取网页数据。它可以模拟人类浏览器的行为，发送HTTP请求到目标网站，获取网页的HTML内容，然后通过解析HTML提取所需的数据，如文本、图片链接、表格数据等。爬虫的应用广泛，比如在数据挖掘领域，可收集大量数据用于分析趋势和模式；在信息聚合方面，能将不同网站的特定信息汇总到一处；还可</div> </li> <li><a href="/article/1885566702104670208.htm" title="nodejs原生http简单搭建web服务器" target="_blank">nodejs原生http简单搭建web服务器</a> <span class="text-muted">wcgdecsdn</span> <a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a> <div>原生搭建主要作为了解，真正搭建可以使用一些封装的模块express等简单搭建consthttp=require('http')constserve=http.createServer()serve.on('request',(request,response)=>{//防止乱码()response.setHeader('Content-Type','text/html;charset=utf-8'</div> </li> <li><a href="/article/1885561152776237056.htm" title="基于Bootstrap 3可预览的HTML5文件上传插件" target="_blank">基于Bootstrap 3可预览的HTML5文件上传插件</a> <span class="text-muted">�时过境迁，物是人非</span> <a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/okhttp/1.htm">okhttp</a> <div>bootstrap-fileinput是一款基于Bootstrap3.x的HTML5文件上传插件。该文件上传插件带有预览图效果，可同时选择多个文件。该插件使用bootstrapCSS3样式来制作文件上传界面，美观大方。并且它提供了多国语言，你可以选择使用中文。在线预览下载该文件上传插件比普通的文件上传插件功能更强大，它可以对图片、文本文件、HTML文件、视频文件、音频文件、flash文件生成预览图</div> </li> <li><a href="/article/1885560900555960320.htm" title="jQuery可选择日期范围的日期选择器插件" target="_blank">jQuery可选择日期范围的日期选择器插件</a> <span class="text-muted">�时过境迁，物是人非</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>jQueryDateRangePicker是一款允许用户选择一个日期时间范围的jQuery日期选择器插件。整个日期选择器插件使用CSS来渲染样式，可以非常容易的使用CSS来定制它的皮肤。它的兼容性非常好，支持IE6+的IE浏览器。预览下载该日期选择器的特点有：支持IE6+,Firefox,Chrome,Safari和其他标准的HTML5浏览器。支持多种语言。使用CSS来渲染样式。容易使用和定制。支</div> </li> <li><a href="/article/1885550438472806400.htm" title="web api 与html 部署,详解.net core webapi 前后端开发分离后的配置和部署" target="_blank">web api 与html 部署,详解.net core webapi 前后端开发分离后的配置和部署</a> <span class="text-muted">万小柯要努力学习</span> <a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/api/1.htm">api</a><a class="tag" taget="_blank" href="/search/%E4%B8%8Ehtml/1.htm">与html</a><a class="tag" taget="_blank" href="/search/%E9%83%A8%E7%BD%B2/1.htm">部署</a> <div>背景：现在越来越多的企业都采用了在开发上前后端分离，前后端开发上的分离有很多种，那么今天，我来分享一下项目中得的前后端分离。B/SSaas项目：(这个项目可以理解成个人中心，当然不止这么点功能)前端：node.js+vue后端：.netcorewebapi前端安装node.js跟创建vue项目这些不是这篇文章的重点，重点在于项目完成后的部署。.netcorewebapi创建后，默认就创建了一个ww</div> </li> <li><a href="/article/1885546402445062144.htm" title="[JS+CSS+HTML]实现图片拖拽放大缩小功能" target="_blank">[JS+CSS+HTML]实现图片拖拽放大缩小功能</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%E5%8A%9F%E8%83%BD%E5%BA%93/1.htm">前端开发功能库</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>实现效果：JS(核心代码)1.定义全局缩放值letscale=1;2.获取img标签以及盒子的实例letscale=1;//+++++++++++constimgBox=document.getElementById("imgBox");constimg=document.getElementById("img");3.实现图片的缩放效果//缩放效果(wheel--鼠标滚轮事件)img.addEv</div> </li> <li><a href="/article/1885542114507419648.htm" title="Hibenate错误汇总：java.lang.NoClassDefFoundError:" target="_blank">Hibenate错误汇总：java.lang.NoClassDefFoundError:</a> <span class="text-muted">时间能证明一切</span> <a class="tag" taget="_blank" href="/search/hibernate/1.htm">hibernate</a><a class="tag" taget="_blank" href="/search/%E5%BC%82%E5%B8%B8/1.htm">异常</a> <div>有部分出自：http://www.reader8.cn/jiaocheng/20130911/2209649.html和http://blog.csdn.net/zmzsoftware/article/details/6835604。一、java.lang.NoClassDefFoundError:org.apache.lucene.index.CorruptIndexException因为缺少l</div> </li> <li><a href="/article/1885535428946227200.htm" title="缓存的几种不同的实现方法？" target="_blank">缓存的几种不同的实现方法？</a> <span class="text-muted">ducode</span> <div>一、1、文件缓存所谓文件缓存，就是根据逻辑判断，一段时间内某个asp的特定执行将不会很大的变动，因因而将内容以静态html的形式存放，然后以web的重定向技术让客户端访问静态文件，以达到减少CPU、数据库资源等的需求。这样的应用很多，譬如很多论坛就是在回复帖子的时候将整个帖子重新生成一个静态文件，然后进行重定向的，例如DONEWS,COM的论坛。该成静态还有一个副作用（好处）可以很容易被googl</div> </li> <li><a href="/article/1885532909796913152.htm" title="node笔记_koa框架的路由" target="_blank">node笔记_koa框架的路由</a> <span class="text-muted">yma16</span> <a class="tag" taget="_blank" href="/search/JavaScript%E4%B8%93%E6%A0%8F/1.htm">JavaScript专栏</a><a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a><a class="tag" taget="_blank" href="/search/%E4%B8%93%E6%A0%8F/1.htm">专栏</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>文章目录⭐前言⭐koa原生路由写法⭐引入koa-router安装koa-router动态读取路径文件作为路由⭐结束⭐前言大家好，我是yma16，本文介绍koa框架的路由。往期文章node_windows环境变量配置node_npm发布包linux_配置nodenode_nvm安装配置node笔记_http服务搭建（渲染html、json）node笔记_读文件node笔记_写文件</div> </li> <li><a href="/article/1885523712405467136.htm" title="情人节用js写一个爱心代码" target="_blank">情人节用js写一个爱心代码</a> <span class="text-muted">金刚廉神兽</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/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%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>情人节快乐！你可以用JavaScript写一个简单的爱心代码。以下是一个示例代码，使用HTML5canvas绘制一个爱心图形：LoveHeartvarcanvas=document.getElementById("loveHeart");varctx=canvas.getCon</div> </li> <li><a href="/article/1885521441575727104.htm" title="Vue.js 组件开发：从基础到进阶" target="_blank">Vue.js 组件开发：从基础到进阶</a> <span class="text-muted">学不完了是吧</span> <a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>Vue.js是一个渐进式的JavaScript框架，其核心理念之一就是基于组件的开发。组件可以极大地提高代码的复用性、可维护性和可测试性。本篇文章将从基础到进阶，带你了解Vue.js的组件开发方法和最佳实践。什么是组件？在Vue.js中，组件是一个具有独立功能的可复用模块。组件可以包含HTML模板、CSS样式和JavaScript逻辑。通过组件化开发，可以将复杂的页面分解为多个易于管理的部分。组件</div> </li> <li><a href="/article/1885516015522082816.htm" title="CSS特效 —— 蛇形左右扭动的效果" target="_blank">CSS特效 —— 蛇形左右扭动的效果</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/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E5%85%A5%E9%97%A8%E4%B8%89%E5%A4%A7%E6%A0%B8%E5%BF%83%E4%B9%8BCSS/1.htm">前端基础入门三大核心之CSS</a><a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a><a class="tag" taget="_blank" href="/search/CSS/1.htm">CSS</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E5%BC%80%E5%8F%91/1.htm">网页开发</a> <div>CSS特效——蛇形左右扭动的效果引言基础概念示例一：基本的蛇形动画HTML结构CSS样式代码解释示例二：增加动画的复杂度CSS样式代码解释示例三：多条蛇形元素HTML结构CSS样式代码解释示例四：改变蛇形元素的形状CSS样式代码解释示例五：加入碰撞效果CSS样式代码解释功能使用思路思路一：控制动画的重复次数思路二：调整动画方向思路三：使用JavaScript控制动画实际开发中的使用技巧自行拓展内容</div> </li> <li><a href="/article/1885515762915930112.htm" title="使用HTML和CSS制作爱心特效" target="_blank">使用HTML和CSS制作爱心特效</a> <span class="text-muted">WbhsOcaml</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/Css/1.htm">Css</a> <div>在本文中，我们将详细介绍如何使用HTML和CSS来制作一个漂亮的爱心特效。我们将使用CSS的伪元素和过渡效果来实现这个效果。让我们开始吧！首先，我们需要创建一个HTML文件，并在其中添加一个div元素来容纳我们的爱心特效。在div元素内部，我们将添加一个span元素，用于创建爱心形状。</div> </li> <li><a href="/article/1885512864039497728.htm" title="html、js、css实现爱心效果" target="_blank">html、js、css实现爱心效果</a> <span class="text-muted">学不完了是吧</span> <a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>好的！我们可以进一步美化这个爱心效果，增加更多动态和视觉吸引力。以下是改进后的代码，包括以下功能：1.背景渐变：添加动态背景渐变效果。2.爱心阴影：为爱心添加阴影，使其更具立体感。3.随机颜色：点击时随机切换颜色，而不是固定顺序。4.文字提示：在爱心下方添加文字提示，告诉用户可以点击切换颜色。---###美化后的代码```html跳动爱心body{display:flex;justify-cont</div> </li> <li><a href="/article/1885470486633181184.htm" title="100行Html5+CSS3+JS代码实现元旦倒计时界面" target="_blank">100行Html5+CSS3+JS代码实现元旦倒计时界面</a> <span class="text-muted">2401_89828732</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>1.下载VSCode下载链接：VSCode在Hbuilder、idea运行也是可以的，这里推荐使用VSCode2.配置插件三个插件对应的功能：改写标签后自动完善切换成中文页面让代码在网页中打开，默认键Alt+B3.构建三个文件在桌面新建一个空的文件夹，用VSCode打开在VSCode新建三个文件index.htmlstyle.cssscript.js（文件名字要和这个一样，不然会出错），把上面的图</div> </li> <li><a href="/article/1885462292934488064.htm" title="0034__Linux下判断so文件/可执行文件是debug还是release？" target="_blank">0034__Linux下判断so文件/可执行文件是debug还是release？</a> <span class="text-muted">*_潇_*</span> <a class="tag" taget="_blank" href="/search/0023__linux/1.htm">0023__linux</a> <div>http://blog.sina.com.cn/s/blog_77b673fb0102vt0e.htmlhttps://www.jb51.net/article/108611.htm</div> </li> <li><a href="/article/1885406660269240320.htm" title="Erpnext安装" target="_blank">Erpnext安装</a> <span class="text-muted">人间不值得T皿T</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE/1.htm">开源项目</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/erp/1.htm">erp</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE/1.htm">开源项目</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>Erpnext安装环境要求Ubuntu23.04x86_64Python3.10.12pip23.0.1nodev18.16.0npm9.5.1yarn1.22.22MariaDB10.11.2Redis7.0.8wkhtmltox0.12.6.1bench5.22.6环境安装Reids安装//安装7.0.8也可不指定版本直接执行sudoaptinstallredis-serversudoapti</div> </li> <li><a href="/article/1885394437903806464.htm" title="visual studio/anaconda & openCV环境配置" target="_blank">visual studio/anaconda & openCV环境配置</a> <span class="text-muted">微凉天</span> <a class="tag" taget="_blank" href="/search/C%2B%2B%26amp%3BOpenCV/1.htm">C++&OpenCV</a> <div>实验环境win7/win10+vs2013/vs2015+opencv345VS2015安装vs2015安装界面选择自定义安装，注意选择VisualC++语言其他部分酌情根据需要选择。openCV安装OpenCV下载地址：https://opencv.org/releases.html这里使用的是3.4.5pack下载完成后，双击打开进行安装（其实更像解压）选择安装目录，这里使用的是D:\安装完成</div> </li> <li><a href="/article/1885385480980197376.htm" title="django" target="_blank">django</a> <span class="text-muted">唱歌的人不掉泪</span> <a class="tag" taget="_blank" href="/search/%E5%AD%97%E5%86%99%E7%AC%94%E8%AE%B0/1.htm">字写笔记</a><a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>1、WEB与服务器1.WEB表示用户可以浏览的网页内容（HTML，CSS，JS）2.服务器能够给用户提供服务的机器1.硬件与软件硬件范畴：一台机器软件范畴：一个能够接收用户请求并给出响应的程序APACHETOMCATIISNginx2.作用存储web所需要的信息（HTML，图片，文件，…）能够处理用户的请求（request），并给出响应（response）执行服务器端程序：数据库操作3.WEB与服</div> </li> <li><a href="/article/1885383213187133440.htm" title="html文件插入到ppt中,怎么把视频嵌入到ppt里" target="_blank">html文件插入到ppt中,怎么把视频嵌入到ppt里</a> <span class="text-muted">野蛮人柯南</span> <a class="tag" taget="_blank" href="/search/html%E6%96%87%E4%BB%B6%E6%8F%92%E5%85%A5%E5%88%B0ppt%E4%B8%AD/1.htm">html文件插入到ppt中</a> <div>ppt是我们常用的一款办公软件，它能够给我们呈现更好的视觉体验，不仅能够更直观的介绍需要展现的知识点，又能够突出个性化的设计风格。现在随着大家的创新思维越来越扩张，我们在制作ppt时并不再局限于图片、艺术字和音频了，越来越多的人开始在ppt中加入网络视频，接下来就为打击来介绍一下如何在ppt中加入网络视频吧。方法一：该方法较简单，但是在具体播放的时候，操控性不强，首先打开ppt进入编辑页面。之后单</div> </li> <li><a href="/article/33.htm" title="Spring的注解积累" target="_blank">Spring的注解积累</a> <span class="text-muted">yijiesuifeng</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E6%B3%A8%E8%A7%A3/1.htm">注解</a> <div>用注解来向Spring容器注册Bean。 需要在applicationContext.xml中注册： <context:component-scan base-package=”pagkage1[,pagkage2,…,pagkageN]”/>。 如：在base-package指明一个包 <context:component-sc</div> </li> <li><a href="/article/160.htm" title="传感器" target="_blank">传感器</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E4%BC%A0%E6%84%9F%E5%99%A8/1.htm">传感器</a> <div>android传感器的作用主要就是来获取数据,根据得到的数据来触发某种事件 下面就以重力传感器为例; 1,在onCreate中获得传感器服务 private SensorManager sm;// 获得系统的服务 private Sensor sensor;// 创建传感器实例 @Override protected void </div> </li> <li><a href="/article/287.htm" title="[光磁与探测]金吕玉衣的意义" target="_blank">[光磁与探测]金吕玉衣的意义</a> <span class="text-muted">comsci</span> <div> 这是一个古代人的秘密:现在告诉大家 信不信由你们: 穿上金律玉衣的人,如果处于灵魂出窍的状态,可以飞到宇宙中去看星星 这就是为什么古代</div> </li> <li><a href="/article/414.htm" title="精简的反序打印某个数" target="_blank">精简的反序打印某个数</a> <span class="text-muted">沐刃青蛟</span> <a class="tag" taget="_blank" href="/search/%E6%89%93%E5%8D%B0/1.htm">打印</a> <div>以前看到一些让求反序打印某个数的程序。 比如：输入123，输出321。 记得以前是告诉你是几位数的，当时就抓耳挠腮，完全没有思路。 似乎最后是用到%和/方法解决的。 而今突然想到一个简短的方法，就可以实现任意位数的反序打印（但是如果是首位数或者尾位数为0时就没有打印出来了） 代码如下： long num, num1=0;</div> </li> <li><a href="/article/541.htm" title="PHP：6种方法获取文件的扩展名" target="_blank">PHP：6种方法获取文件的扩展名</a> <span class="text-muted">IT独行者</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E6%89%A9%E5%B1%95%E5%90%8D/1.htm">扩展名</a> <div> PHP：6种方法获取文件的扩展名 1、字符串查找和截取的方法 1 $extension = substr ( strrchr ( $file , '.' ), 1); 2、字符串查找和截取的方法二 1 $extension = substr </div> </li> <li><a href="/article/668.htm" title="面试111" target="_blank">面试111</a> <span class="text-muted">文强chu</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div> 1事务隔离级别有那些 ，事务特性是什么（问到一次） 2 spring aop 如何管理事务的，如何实现的。动态代理如何实现，jdk怎么实现动态代理的，ioc是怎么实现的，spring是单例还是多例，有那些初始化bean的方式，各有什么区别（经常问） 3 struts默认提供了那些拦截器 （一次） 4 过滤器和拦截器的区别 （频率也挺高） 5 final，finally final</div> </li> <li><a href="/article/795.htm" title="XML的四种解析方式" target="_blank">XML的四种解析方式</a> <span class="text-muted">小桔子</span> <a class="tag" taget="_blank" href="/search/dom/1.htm">dom</a><a class="tag" taget="_blank" href="/search/jdom/1.htm">jdom</a><a class="tag" taget="_blank" href="/search/dom4j/1.htm">dom4j</a><a class="tag" taget="_blank" href="/search/sax/1.htm">sax</a> <div>在平时工作中，难免会遇到把 XML 作为数据存储格式。面对目前种类繁多的解决方案，哪个最适合我们呢？在这篇文章中，我对这四种主流方案做一个不完全评测，仅仅针对遍历 XML 这块来测试，因为遍历 XML 是工作中使用最多的（至少我认为）。 预 备 测试环境： AMD 毒龙1.4G OC 1.5G、256M DDR333、Windows2000 Server </div> </li> <li><a href="/article/922.htm" title="wordpress中常见的操作" target="_blank">wordpress中常见的操作</a> <span class="text-muted">aichenglong</span> <a class="tag" taget="_blank" href="/search/%E4%B8%AD%E6%96%87%E6%B3%A8%E5%86%8C/1.htm">中文注册</a><a class="tag" taget="_blank" href="/search/wordpress/1.htm">wordpress</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E9%99%A4%E8%8F%9C%E5%8D%95/1.htm">移除菜单</a> <div>1 wordpress中使用中文名注册解决办法 1)使用插件 2)修改wp源代码 进入到wp-include/formatting.php文件中找到 function sanitize_user( $username, $strict = false </div> </li> <li><a href="/article/1049.htm" title="小飞飞学管理-1" target="_blank">小飞飞学管理-1</a> <span class="text-muted">alafqq</span> <a class="tag" taget="_blank" href="/search/%E7%AE%A1%E7%90%86/1.htm">管理</a> <div>项目管理的下午题，其实就在提出问题（挑刺），分析问题，解决问题。 今天我随意看下10年上半年的第一题。主要就是项目经理的提拨和培养。 结合我自己经历写下心得 对于公司选拔和培养项目经理的制度有什么毛病呢？ 1，公司考察，选拔项目经理，只关注技术能力，而很少或没有关注管理方面的经验，能力。 2，公司对项目经理缺乏必要的项目管理知识和技能方面的培训。 3，公司对项目经理的工作缺乏进行指</div> </li> <li><a href="/article/1176.htm" title="IO输入输出部分探讨" target="_blank">IO输入输出部分探讨</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/IO/1.htm">IO</a> <div> //文件处理 在处理文件输入输出时要引入java.IO这个包； /* 1，运用File类对文件目录和属性进行操作 2，理解流，理解输入输出流的概念 3，使用字节/符流对文件进行读/写操作 4，了解标准的I/O 5，了解对象序列化 */ //1，运用File类对文件目录和属性进行操作 //在工程中线创建一个text.txt</div> </li> <li><a href="/article/1303.htm" title="getElementById的用法" target="_blank">getElementById的用法</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/element/1.htm">element</a> <div> getElementById是通过Id来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单，就是给每个标签分配一个ID号。 返回具有指定ID属性值的第一个对象的一个引用。 语法： &n</div> </li> <li><a href="/article/1430.htm" title="励志经典语录" target="_blank">励志经典语录</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/%E5%8A%B1%E5%BF%97/1.htm">励志</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E7%94%9F/1.htm">人生</a> <div>经典语录1: 哈佛有一个著名的理论：人的差别在于业余时间，而一个人的命运决定于晚上8点到10点之间。每晚抽出2个小时的时间用来阅读、进修、思考或参加有意的演讲、讨论，你会发现，你的人生正在发生改变，坚持数年之后，成功会向你招手。不要每天抱着QQ/MSN/游戏/电影/肥皂剧……奋斗到12点都舍不得休息，看就看一些励志的影视或者文章，不要当作消遣；学会思考人生，学会感悟人生</div> </li> <li><a href="/article/1557.htm" title="[MongoDB学习笔记三]MongoDB分片" target="_blank">[MongoDB学习笔记三]MongoDB分片</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>MongoDB的副本集(Replica Set)一方面解决了数据的备份和数据的可靠性问题，另一方面也提升了数据的读写性能。MongoDB分片(Sharding)则解决了数据的扩容问题，MongoDB作为云计算时代的分布式数据库，大容量数据存储，高效并发的数据存取，自动容错等是MongoDB的关键指标。 本篇介绍MongoDB的切片(Sharding) 1.何时需要分片 &nbs</div> </li> <li><a href="/article/1684.htm" title="【Spark八十三】BlockManager在Spark中的使用场景" target="_blank">【Spark八十三】BlockManager在Spark中的使用场景</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/manager/1.htm">manager</a> <div>1. Broadcast变量的存储，在HttpBroadcast类中可以知道 2. RDD通过CacheManager存储RDD中的数据，CacheManager也是通过BlockManager进行存储的 3. ShuffleMapTask得到的结果数据，是通过FileShuffleBlockManager进行管理的，而FileShuffleBlockManager最终也是使用BlockMan</div> </li> <li><a href="/article/1811.htm" title="yum方式部署zabbix" target="_blank">yum方式部署zabbix</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/yum%E6%96%B9%E5%BC%8F%E9%83%A8%E7%BD%B2zabbix/1.htm">yum方式部署zabbix</a> <div>安装网络yum库#rpm -ivh http://repo.zabbix.com/zabbix/2.4/rhel/6/x86_64/zabbix-release-2.4-1.el6.noarch.rpm 通过yum装mysql和zabbix调用的插件还有agent代理#yum install zabbix-server-mysql zabbix-web-mysql mysql-</div> </li> <li><a href="/article/1938.htm" title="Hibernate4和MySQL5.5自动创建表失败问题解决方法" target="_blank">Hibernate4和MySQL5.5自动创建表失败问题解决方法</a> <span class="text-muted">byalias</span> <a class="tag" taget="_blank" href="/search/J2EE/1.htm">J2EE</a><a class="tag" taget="_blank" href="/search/Hibernate4/1.htm">Hibernate4</a> <div>今天初学Hibernate4，了解了使用Hibernate的过程。大体分为4个步骤： ①创建hibernate.cfg.xml文件 ②创建持久化对象 ③创建*.hbm.xml映射文件 ④编写hibernate相应代码 在第四步中，进行了单元测试，测试预期结果是hibernate自动帮助在数据库中创建数据表，结果JUnit单元测试没有问题，在控制台打印了创建数据表的SQL语句，但在数据库中</div> </li> <li><a href="/article/2065.htm" title="Netty源码学习-FrameDecoder" target="_blank">Netty源码学习-FrameDecoder</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/netty/1.htm">netty</a> <div>Netty 3.x的user guide里FrameDecoder的例子，有几个疑问： 1.文档说：FrameDecoder calls decode method with an internally maintained cumulative buffer whenever new data is received. 为什么每次有新数据到达时，都会调用decode方法？ 2.Dec</div> </li> <li><a href="/article/2192.htm" title="SQL行列转换方法" target="_blank">SQL行列转换方法</a> <span class="text-muted">chicony</span> <a class="tag" taget="_blank" href="/search/%E8%A1%8C%E5%88%97%E8%BD%AC%E6%8D%A2/1.htm">行列转换</a> <div> create table tb(终端名称 varchar(10) , CEI分值 varchar(10) , 终端数量 int) insert into tb values('三星' , '0-5' , 74) insert into tb values('三星' , '10-15' , 83) insert into tb values('苹果' , '0-5' , 93) </div> </li> <li><a href="/article/2319.htm" title="中文编码测试" target="_blank">中文编码测试</a> <span class="text-muted">ctrain</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A0%81/1.htm">编码</a> <div>循环打印转换编码 String[] codes = { "iso-8859-1", "utf-8", "gbk", "unicode" }; for (int i = 0; i < codes.length; i++) { for (int j </div> </li> <li><a href="/article/2446.htm" title="hive 客户端查询报堆内存溢出解决方法" target="_blank">hive 客户端查询报堆内存溢出解决方法</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/%E5%A0%86%E5%86%85%E5%AD%98%E6%BA%A2%E5%87%BA/1.htm">堆内存溢出</a> <div>hive> select * from t_test where ds=20150323 limit 2; OK Exception in thread "main" java.lang.OutOfMemoryError: Java heap space 问题原因： hive堆内存默认为256M 这个问题的解决方法为： 修改/us</div> </li> <li><a href="/article/2573.htm" title="人有多大懒，才有多大闲 (评论『卓有成效的程序员』)" target="_blank">人有多大懒，才有多大闲 (评论『卓有成效的程序员』)</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div> 卓有成效的程序员给我的震撼很大，程序员作为特殊的群体，有的人可以这么懒， 懒到事情都交给机器去做 ，而有的人又可以那么勤奋，每天都孜孜不倦得做着重复单调的工作。 在看这本书之前，我属于勤奋的人，而看完这本书以后，我要努力变成懒惰的人。 不要在去庞大的开始菜单里面一项一项搜索自己的应用程序，也不要在自己的桌面上放置眼花缭乱的快捷图标</div> </li> <li><a href="/article/2700.htm" title="Eclipse简单有用的配置" target="_blank">Eclipse简单有用的配置</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a> <div>1、显示行号 Window -- Prefences -- General -- Editors -- Text Editors -- show line numbers 2、代码提示字符 Window ->Perferences，并依次展开 Java -> Editor -> Content Assist，最下面一栏 auto-Activation</div> </li> <li><a href="/article/2827.htm" title="在tomcat上面安装solr4.8.0全过程" target="_blank">在tomcat上面安装solr4.8.0全过程</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/Solr/1.htm">Solr</a><a class="tag" taget="_blank" href="/search/solr4.0%E5%90%8E%E7%9A%84%E7%89%88%E6%9C%AC%E5%AE%89%E8%A3%85/1.htm">solr4.0后的版本安装</a><a class="tag" taget="_blank" href="/search/solr4.8.0%E5%AE%89%E8%A3%85/1.htm">solr4.8.0安装</a> <div>转载请出自出处： http://eksliang.iteye.com/blog/2096478 首先solr是一个基于java的web的应用，所以安装solr之前必须先安装JDK和tomcat，我这里就先省略安装tomcat和jdk了 第一步：当然是下载去官网上下载最新的solr版本，下载地址</div> </li> <li><a href="/article/2954.htm" title="Android APP通用型拒绝服务、漏洞分析报告" target="_blank">Android APP通用型拒绝服务、漏洞分析报告</a> <span class="text-muted">gg163</span> <a class="tag" taget="_blank" href="/search/%E6%BC%8F%E6%B4%9E/1.htm">漏洞</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/APP/1.htm">APP</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E6%9E%90/1.htm">分析</a> <div>点评：记得曾经有段时间很多SRC平台被刷了大量APP本地拒绝服务漏洞，移动安全团队爱内测（ineice.com）发现了一个安卓客户端的通用型拒绝服务漏洞，来看看他们的详细分析吧。 0xr0ot和Xbalien交流所有可能导致应用拒绝服务的异常类型时，发现了一处通用的本地拒绝服务漏洞。该通用型本地拒绝服务可以造成大面积的app拒绝服务。 针对序列化对象而出现的拒绝服务主要</div> </li> <li><a href="/article/3081.htm" title="HoverTree项目已经实现分层" target="_blank">HoverTree项目已经实现分层</a> <span class="text-muted">hvt</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/ASP.ENT/1.htm">ASP.ENT</a> <div>HoverTree项目已经初步实现分层，源代码已经上传到 http://hovertree.codeplex.com请到SOURCE CODE查看。在本地用SQL Server 2008 数据库测试成功。数据库和表请参考：http://keleyi.com/a/bjae/ue6stb42.htmHoverTree是一个ASP.NET 开源项目，希望对你学习ASP.NET或者C#语言有帮助，如果你对</div> </li> <li><a href="/article/3208.htm" title="Google Maps API v3: Remove Markers 移除标记" target="_blank">Google Maps API v3: Remove Markers 移除标记</a> <span class="text-muted">天梯梦</span> <a class="tag" taget="_blank" href="/search/google+maps+api/1.htm">google maps api</a> <div>Simply do the following: I. Declare a global variable: var markersArray = []; II. Define a function: function clearOverlays() { for (var i = 0; i < markersArray.length; i++ )</div> </li> <li><a href="/article/3335.htm" title="jQuery选择器总结" target="_blank">jQuery选择器总结</a> <span class="text-muted">lq38366</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/%E9%80%89%E6%8B%A9%E5%99%A8/1.htm">选择器</a> <div> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40</div> </li> <li><a href="/article/3462.htm" title="基础数据结构和算法六：Quick sort" target="_blank">基础数据结构和算法六：Quick sort</a> <span class="text-muted">sunwinner</span> <a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a><a class="tag" taget="_blank" href="/search/Quicksort/1.htm">Quicksort</a> <div>Quick sort is probably used more widely than any other. It is popular because it is not difficult to implement, works well for a variety of different kinds of input data, and is substantially faster t</div> </li> <li><a href="/article/3589.htm" title="如何让Flash不遮挡HTML div元素的技巧_HTML/Xhtml_网页制作" target="_blank">如何让Flash不遮挡HTML div元素的技巧_HTML/Xhtml_网页制作</a> <span class="text-muted">刘星宇</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>今天在写一个flash广告代码的时候，因为flash自带的链接，容易被当成弹出广告，所以做了一个div层放到flash上面，这样链接都是a触发的不会被拦截，但发现flash一直处于div层上面，原来flash需要加个参数才可以。 让flash置于DIV层之下的方法，让flash不挡住飘浮层或下拉菜单，让Flash不档住浮动对象或层的关键参数：wmode=opaque。 方法如下： </div> </li> <li><a href="/article/3716.htm" title="Mybatis实用Mapper SQL汇总示例" target="_blank">Mybatis实用Mapper SQL汇总示例</a> <span class="text-muted">wdmcygah</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><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E7%94%A8/1.htm">实用</a> <div>Mybatis作为一个非常好用的持久层框架，相关资料真的是少得可怜，所幸的是官方文档还算详细。本博文主要列举一些个人感觉比较常用的场景及相应的Mapper SQL写法，希望能够对大家有所帮助。 不少持久层框架对动态SQL的支持不足，在SQL需要动态拼接时非常苦恼，而Mybatis很好地解决了这个问题，算是框架的一大亮点。对于常见的场景，例如：批量插入/更新/删除，模糊查询，多条件查询，联表查询，</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>