Web前端面试题--清除浮动
为什么要清除浮动？
在使用浮动的时候，元素会脱离标准流，会对页面的造成影响，破坏页面的原始结构。那么这个时候就可以清除浮动让元素能能够正常显示。
清除浮动的几种方式：
1、使用伪元素来清除浮动（推荐使用）
/*
使用伪元素来清除浮动(固定写法)
*/
.clearfix:after {
content:"";
height: 0;
line-height: 0;
display: block;
/*表示可见性设置为隐藏*/
visibility:hidden;
clear:both;
}
.clearfix {
/*用来兼容ie浏览器，因为ie版本的不同，有些浏览器可能并不兼容.clearfix:after{} 中的属性。为了使ie浏览器也可以正常显示需要加此属性*/
zoom: 1;
}2、使用额外标签法（不推荐）
在需要清除浮动的地方加入一个额外的标签，然后使用clear:both 来清除
</code></pre>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1292787188941004800"></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">你可能感兴趣的:(Web前端)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1773308900838277120.htm"
title="Web前端Html的表单" target="_blank">Web前端Html的表单</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/html/1.htm">html</a>
<div>表单的关键字：form标签表示一个表单区域action=“后端地址”method=“提交数据方式:get/post”input单行输入框type=“text”文本name=“定义名称名字自定义”向后端提交的键readonly=“readonly”只读，不可修改，但是可以提交disabled=“disabled”禁用组件不可修改，不能提交type=“password”密码框type=“radio”单</div>
</li>
<li><a href="/article/1768169861852233728.htm"
title="web前端练习一" target="_blank">web前端练习一</a>
<span class="text-muted">ANCHG_</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>1.电子汇款单电子汇款单工商银行电子汇款单回单类型-->网上转账汇款指令序号-->HQH000000000000013878172 收 款 人 户名老牟付 款 人 户名老刘-->卡号0000000001-->卡号0000000002-->地区南京-->地区杭</div>
</li>
<li><a href="/article/1765594525063012352.htm"
title="21总 web前端" target="_blank">21总 web前端</a>
<span class="text-muted">大黄蜂人工智能</span>
<div>1.web标准：web前端的内容：HTML、CSS、JavaScriptweb标准(万维网-W3C指定的)中规定HTML是结构标准，CSS是表现标准,JS是行为标准a.HTML结构标准中规定了网页上能够显示的内容，比如显示文字、图片、音频、视频、Flash、按钮、输入框等....b.CSS表现标准规定网页的内容的布局和样式，比如内容该显示在什么位置，内容是什么颜色、多大、多宽等....c.JS行为</div>
</li>
<li><a href="/article/1764107794337849344.htm"
title="web前端css基本内容" target="_blank">web前端css基本内容</a>
<span class="text-muted">刘zy_9527</span>
<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>web前端css当我们用html的语法给内容规划布局样式时，可能会出现许多个相似的内容需要运用同一种样式，复制粘贴太麻烦而且如果后期要改动的话比如把许多个地方从红色改成蓝色，就需要一个一个改了，这时候就需要引入css来操作了把需要添加的属性放在style标签中就好了行内样式表：末日铁拳内嵌样式表：p{font-size:16px;color:red;}外部样式表：用来连接外部css，然后在外部cs</div>
</li>
<li><a href="/article/1763774709851316224.htm"
title="编程两年半了，还要坚持写博客吗？" target="_blank">编程两年半了，还要坚持写博客吗？</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a>
<div>前言思否的朋友你们好，我是何未来，计算机专业本科在读，在大学期间通过自己的努力获得了多个全国计算机类大赛奖项并连续两年获得奖学金，目前主要在学习Java后端开发，这是我在思否上发布的第一篇文章，今后我会持续更新Java后端，数据结构与算法，web前端，开源，效率开发工具和技巧等对你们有价值的计算机知识和问题解答，我会严格把关自己文章内容的质量，持续为大家输出高质量技术文章！三人行，必有我师焉，希望</div>
</li>
<li><a href="/article/1761435096642052096.htm"
title="web前端安全性——iframe安全问题" target="_blank">web前端安全性——iframe安全问题</a>
<span class="text-muted">장숙혜</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%AE%89%E5%85%A8%E6%80%A7/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%AE%89%E5%85%A8/1.htm">安全</a>
<div>1、概念iframe安全问题可称作界面劫持，像点击劫持、拖放劫持、触屏劫持。就是我们的点击，拖放，触屏操作被劫持了，而去操作了其它的透明隐藏的界面。**原理是利用透明层iframe,使用了CSS中的opacity或z-index等属性，来到达透明和位于其它界面的上方，然后使用iframe来嵌入劫持页面。**到达了用户操作的不是它看到的界面，不是他以为的那个界面，而是那个透明的位于上层的界面。代码：</div>
</li>
<li><a href="/article/1759908387392417792.htm"
title="通过鼠标的拖动改变DOM的高度和宽度" target="_blank">通过鼠标的拖动改变DOM的高度和宽度</a>
<span class="text-muted">ganyuanmen</span>
<a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dom/1.htm">dom</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a>
<div>好久不写博客了......。web前端开发中，通过鼠标的拖动改变控件高度和宽度的做法有多种。我以前使用的方法是：为控件添加mousemove事件，当鼠标移到边距时，显示cursor为e-resize，表示可以拖动。在mousedown事件中设置document的鼠标事件，在mouseup中移除document的鼠标事件。这样的做法导致：当鼠标移到控件上后，每动一下鼠标，就需要运行一次move事件。</div>
</li>
<li><a href="/article/1759894113148301312.htm"
title="前端开发是做什么的？工作职责有哪些？" target="_blank">前端开发是做什么的？工作职责有哪些？</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>我们介绍Web网站工作流程的时候提到，前端开发，主要的职责就是将数据以好看的样式呈现出来。说白了，就是开发网页程序，如下图所示：那在讲解web前端开发之前，我们先需要对web前端开发有一个整体的认知。主要明确一下三个问题：1）网页有哪些部分组成？文字、图片、音频、视频、超链接、表格等；2）我们看到的网页，背后本质是什么？程序员写的前端代码（备注：在前后端分离的开发模式中）3）前端代码是如何转换成用</div>
</li>
<li><a href="/article/1759827048731340800.htm"
title="一起来使用node.js制作一个视频吧" target="_blank">一起来使用node.js制作一个视频吧</a>
<span class="text-muted"></span>
<div>theme:fancyTNTWeb-全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能业务提效和产品创新。团队倡导开源共建，拥有各种技术大牛，团队Github地址：https://github.com/tnfe今天为大家介绍FFCreator，项目</div>
</li>
<li><a href="/article/1759825520645730304.htm"
title="一起来使用node.js制作一个视频吧" target="_blank">一起来使用node.js制作一个视频吧</a>
<span class="text-muted"></span>
<div>theme:fancyTNTWeb-全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能业务提效和产品创新。团队倡导开源共建，拥有各种技术大牛，团队Github地址：https://github.com/tnfe今天为大家介绍FFCreator，项目</div>
</li>
<li><a href="/article/1759822903030935552.htm"
title="web前端入门到实战：7道简单的 JavaScript 面试题，三个月没招到一个前端开发工程师" target="_blank">web前端入门到实战：7道简单的 JavaScript 面试题，三个月没招到一个前端开发工程师</a>
<span class="text-muted">大前端世界</span>
<div>你能做什么?遵循这个建议：“熟能生巧”。通过投入足够的时间，更好地定期深入了解JavaScript，将改善你的编码，并顺便提高你的面试技巧。在这篇文章中，你会发现7个乍一看很简单，但实际上很棘手的JavaScript面试题。虽然一开始这些问题看起来是随机的，但是它们试图与JavaScript的重要概念挂钩。所以你最好在下次面试前练习一下!1.意外的全局变量问题在以下代码中，typeofa和type</div>
</li>
<li><a href="/article/1759793803599900672.htm"
title="OFD文件WEB前端展示-easyofd(1.0.6)" target="_blank">OFD文件WEB前端展示-easyofd(1.0.6)</a>
<span class="text-muted">火柴盒zhang</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>该文是我国版式文档格式OFD前端WEB展示之EasyOFD的版本升级。一、升级内容(1)增加了图元的支持opentype(2)优化了CTM问题(3)增加了备注单元的支持，包括内部的图片和文字展示二、使用方法2.1HTML使用functionload(){letyourElement=document.getElementById("yourElementId");leteasyOfd=newEas</div>
</li>
<li><a href="/article/1759767639909036032.htm"
title="1.初识Tauri" target="_blank">1.初识Tauri</a>
<span class="text-muted">余识-</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/tauri/1.htm">tauri</a>
<div>文章目录一、前言二、基本认识三、js与rust通信四、构建应用一、前言原文以及后续文章可点击查看：初识Tauri。Tauri是一款比较新的跨平台桌面框架，也是我目前最喜欢的一个框架，其官网为：Tauri它的作用其实和Electron很像：使用Web前端技术开发桌面软件。但不同之处在于，Electron是可以通过纯粹前端技术进行开发，也就是你只需要懂html、js、css，就可以使用它来开发软件了。</div>
</li>
<li><a href="/article/1759731733881778176.htm"
title="常见的Web前端开发框架推荐" target="_blank">常见的Web前端开发框架推荐</a>
<span class="text-muted">M乔木</span>
<a class="tag" taget="_blank" href="/search/%E6%97%A5%E5%B8%B8%E5%88%86%E4%BA%AB/1.htm">日常分享</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a>
<div>常见的Web前端开发框架推荐随着互联网的快速发展，Web前端开发变得越来越重要。一个好的前端框架可以帮助开发者更高效地完成项目，提高代码的可维护性和可扩展性。本文将为大家介绍几个常见的Web前端开发框架，并给出一些示例代码。BootstrapBootstrap是一个流行的前端框架，它提供了一套用于快速开发响应式网站和应用的工具。Bootstrap基于HTML、CSS和JavaScript，可以与任</div>
</li>
<li><a href="/article/1759644136635461632.htm"
title="年薪30万程序员与女幼师相亲，听完要求，程序员：配不起" target="_blank">年薪30万程序员与女幼师相亲，听完要求，程序员：配不起</a>
<span class="text-muted">强哥科技兴</span>
<div>现在90后的终身大事备受社会关注，因为80后孩子都上学了，00后还在享受青春，只有90后需要边赚钱和解决终身大事。但是现在的年轻人的工作都非常忙，私人时间休息都不够了，还说什么谈恋爱。平常社交圈子小，很多人想解决终身大事都是通过相亲认识的，相亲的目的非常直接，不符合条件就直接拜拜，节省相互的时间。小编是一个有着5年工作经验的架构师，关于web前端，自己有做材料的整合，一个完整学习web前端的路线，</div>
</li>
<li><a href="/article/1759633191762751488.htm"
title="Vue3快速入门" target="_blank">Vue3快速入门</a>
<span class="text-muted">赵健zj</span>
<a class="tag" taget="_blank" href="/search/vue3/1.htm">vue3</a>
<div>资料邓睿编程【2024最新版】3小时学会Vue3，小白零基础视频教程，web前端快速入门实战课程Vue3快速入门2-案例篇Vue.js-渐进式JavaScript框架Vue3快速入门1.创建一个vue应用程序"渐进式"是指可以按需引入Vue.js的部分功能,而不必全量引入整个框架html{{msg}}{{web.title}}{{web.url}}js/*指定一个id为app的div元素{{}}插</div>
</li>
<li><a href="/article/1759486272348434432.htm"
title="[HTML]Web前端开发技术26（HTML5、CSS3、JavaScript ）JavaScript基础——喵喵画网页" target="_blank">[HTML]Web前端开发技术26（HTML5、CSS3、JavaScript ）JavaScript基础——喵喵画网页</a>
<span class="text-muted">猫佛</span>
<a class="tag" taget="_blank" href="/search/%E5%96%B5%E5%96%B5%E7%94%BB%E7%BD%91%E9%A1%B5/1.htm">喵喵画网页</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><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%AD%A6%E4%B9%A0/1.htm">计算机学习</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a>
<div>希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言数据类型数据类型-字符型数据类型-数值型数据类型-布尔型数据类型-其它类型变量转义字符运算符和表达式算术运算符和表达式关系运算符和表达式关系运算符和表达式逻辑运算符和表达式赋值运算符和表达式位运算符和表达式条件运算符和表达式课后练习网页标题：事件处理</div>
</li>
<li><a href="/article/1759484739334516736.htm"
title="[HTML]Web前端开发技术25（HTML5、CSS3、JavaScript ）JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页" target="_blank">[HTML]Web前端开发技术25（HTML5、CSS3、JavaScript ）JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页</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/%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/%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%AD%A6%E4%B9%A0/1.htm">计算机学习</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a>
<div>希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言JavaScript程序代码消息对话框消息对话框-告警框消息对话框-确认框消息对话框-提示框JavaScript注释标识符和变量命名规范1.标识符2.关键字3.保留字课后练习网页标题：HTML属性的事件处理器的应用网页标题：调用外部js文件的Java</div>
</li>
<li><a href="/article/1759434548594159616.htm"
title="Delphi Web前端开发教程（9）：基于TMS WEB Core框架" target="_blank">Delphi Web前端开发教程（9）：基于TMS WEB Core框架</a>
<span class="text-muted">xyzhan</span>
<a class="tag" taget="_blank" href="/search/Delphi/1.htm">Delphi</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/Delphi/1.htm">Delphi</a><a class="tag" taget="_blank" href="/search/Web%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E6%95%99%E7%A8%8B/1.htm">Web前端开发教程</a><a class="tag" taget="_blank" href="/search/TMS/1.htm">TMS</a><a class="tag" taget="_blank" href="/search/WEB/1.htm">WEB</a><a class="tag" taget="_blank" href="/search/Core/1.htm">Core</a><a class="tag" taget="_blank" href="/search/WEB%E5%BC%80%E5%8F%91/1.htm">WEB开发</a>
<div>3、RESTServers服务端(后端)框架REST服务端特点：-为远程资源提供一个RESTAPI接口。也可以为其他网络内容提供服务；-包括在DelphiEnterprise&Architect企业版和架构师版中的RAD服务器、DataSnap、WebBroker；-开源框架：DelphiMVCFramework、MARS-Curiosity、SynopsemORMotORM/SOA/MVCFra</div>
</li>
<li><a href="/article/1759434421477388288.htm"
title="推荐十四款常见的Web前端开发框架" target="_blank">推荐十四款常见的Web前端开发框架</a>
<span class="text-muted">Java学习之平凡之路</span>
<a class="tag" taget="_blank" href="/search/%E8%B5%84%E6%BA%90%E6%94%B6%E9%9B%86/1.htm">资源收集</a>
<div>在做web开发的时候经常会遇到一个问题，那就是，选择什么样的框架来做前端开发。下面封程中把目前常用的一些前端的框架简单的给大家介绍一下.1.BootstrapBoostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。Bootst</div>
</li>
<li><a href="/article/1759433906865647616.htm"
title="java web ui 框架有哪些_web前端开发框架有哪些" target="_blank">java web ui 框架有哪些_web前端开发框架有哪些</a>
<span class="text-muted">祝昊</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/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6%E6%9C%89%E5%93%AA%E4%BA%9B/1.htm">框架有哪些</a>
<div>展开全部常见的web前端开发框架如下：1、Bootstrap：主流框架之一636f70793231313335323631343130323136353331333431356661，Bootstrap是基于HTML、CSS、JavaScript的，它简洁灵活，使得Web开发更加快捷。2、html5-boilerplate：该框架可以快速构建健壮，且适应力强的webapp或网站。3、Meteor：</div>
</li>
<li><a href="/article/1759432232231055360.htm"
title="Web前端开发" target="_blank">Web前端开发</a>
<span class="text-muted">今天你改bug了吗？</span>
<a class="tag" taget="_blank" href="/search/JavaWeb/1.htm">JavaWeb</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>一、概述1.1什么是HTML、CSS？二、HTML2.1HTML快速入门2.2基础标签和样式2.2.1标题（1）标题排版输入！加回车，直接生成HTML基本结构标签。焦点访谈：中国底气新思想夯实大国粮仓新浪政务>正文焦点访谈：中国底气新思想夯实大国粮仓2023年03月02日21:50央视网（2）样式1（3）样式2使用优先级：id选择器>类选择器>元素选择器（4）超链接2.2.2正文（1）正文排版（2</div>
</li>
<li><a href="/article/1759430193631539200.htm"
title="Web前端开发的框架可以应用到哪些地方" target="_blank">Web前端开发的框架可以应用到哪些地方</a>
<span class="text-muted">一只有头发的程序猿</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C%E5%AD%A6%E4%B9%A0/1.htm">工作学习</a><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/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a>
<div>随着时间的推移，网页设计越来越具有创新性。web前端开发将成为2020年技术领域最热门的学科之一。以前，前端空间的开发人员只要了解一些HTML，CSS，也许还有jQuery来创建交互式网站，就足够了。但是今天，他们面临着广泛且不断变化的开发技能生态系统；最近几年，我们使用JavaScript为主要的Web应用程序提供了强大的新库和框架，例如ReactJS，VueJS和angularJS。这3个可以</div>
</li>
<li><a href="/article/1759429936403263488.htm"
title="Web前端新手一定要知道的几个框架！" target="_blank">Web前端新手一定要知道的几个框架！</a>
<span class="text-muted">BOM485480</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%89%8D%E7%AB%AF/1.htm">前端</a><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/web%E5%89%8D%E7%AB%AF/1.htm">web前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a>
<div>近年来，Web技术的发展速度快得让人窒息，特别是最近几年一代又一代的变革一次又一次的创造。各大巨头又纷纷把技术转向HTML5和CSS3，各种企业级框架如雨后春笋般涌现。那么今天就给大家介绍几个在web界比较优秀的前端框架。1、BootstrapTwitter出品的Bootstrap在业界是非常受欢迎的，以致于有很多前端框架都在其基础上开发，如我们熟悉的WeX5就是在Bootstrap源码基础上优化</div>
</li>
<li><a href="/article/1759429805947826176.htm"
title="虎头金猫分享：常见的Web前端开发框架推荐" target="_blank">虎头金猫分享：常见的Web前端开发框架推荐</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%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</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%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/angular.js/1.htm">angular.js</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a>
<div>博主猫头虎的技术世界欢迎来到猫头虎的博客—探索技术的无限可能！专栏链接：精选专栏：《面试题大全》—面试准备的宝典！《IDEA开发秘籍》—提升你的IDEA技能！《100天精通鸿蒙》—从Web/安卓到鸿蒙大师！《100天精通Golang（基础入门篇）》—踏入Go语言世界的第一步！《100天精通Go语言（精品VIP版）》—踏入Go语言世界的第二步！领域矩阵：猫头虎技术领域矩阵：深入探索各技术领域，发现知</div>
</li>
<li><a href="/article/1759429550699261952.htm"
title="常见的Web前端开发框架推荐" target="_blank">常见的Web前端开发框架推荐</a>
<span class="text-muted">沐知全栈开发</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>随着互联网的飞速发展，Web前端开发变得越来越重要。为了提高开发效率和实现更好的用户体验，许多优秀的Web前端开发框架应运而生。本文将为您推荐一些常见的Web前端开发框架，帮助您在项目中选择合适的技术方案。一、ReactReact是由Facebook开发的一个用于构建用户界面的JavaScript库。它采用了组件化的开发方式，使得开发者可以构建可复用的UI组件。React的特点是速度快、灵活性强，</div>
</li>
<li><a href="/article/1757961873728225280.htm"
title="【网页设计】web前端期末大作业html+css" target="_blank">【网页设计】web前端期末大作业html+css</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套)】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程120G干</div>
</li>
<li><a href="/article/1757940028564062208.htm"
title="eladmin 后台管理系统 环境搭建" target="_blank">eladmin 后台管理系统 环境搭建</a>
<span class="text-muted">冬暖海洋</span>
<a class="tag" taget="_blank" href="/search/JAVA/1.htm">JAVA</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>一、准备工作：1、下载eladmin后端源代码https://github.com/elueladminnez/eladmin.githttps://github.com/elueladminnez/eladmin.git2、下载eladmin-web前端代码https://github.com/elunez/eladmin-web.githttps://github.com/elunez/ela</div>
</li>
<li><a href="/article/1757930091641323520.htm"
title="[HTML]Web前端开发技术20（HTML5、CSS3、JavaScript ）HTML5 基础与CSS3 应用，datetime-local，required，MPEG4——喵喵画网页" target="_blank">[HTML]Web前端开发技术20（HTML5、CSS3、JavaScript ）HTML5 基础与CSS3 应用，datetime-local，required，MPEG4——喵喵画网页</a>
<span class="text-muted">猫佛</span>
<a class="tag" taget="_blank" href="/search/%E5%96%B5%E5%96%B5%E7%94%BB%E7%BD%91%E9%A1%B5/1.htm">喵喵画网页</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><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%AD%A6%E4%B9%A0/1.htm">计算机学习</a>
<div>希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言HTML5新增的表单属性HTML5新增的input类型HTML5表单新增输入类型HTML5视频与音频CSS3基础应用CSS3浏览器兼容性课后练习网页标题：顺序结构的应用网页标题：if..else语句的应用网页标题：switch结构的应用网页标题：顺序</div>
</li>
<li><a href="/article/1757823848155201536.htm"
title="[HTML]Web前端开发技术24（HTML5、CSS3、JavaScript ）JavaScript基础JavaScript，Netscape，事件处理代码，外部JS——喵喵画网页" target="_blank">[HTML]Web前端开发技术24（HTML5、CSS3、JavaScript ）JavaScript基础JavaScript，Netscape，事件处理代码，外部JS——喵喵画网页</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/%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/%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%AD%A6%E4%B9%A0/1.htm">计算机学习</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a>
<div>希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言JavaScript概述JavaScript简介第一个JavaScript程序JavaScript放置的位置JavaScript放置-头部JavaScript放置-主体JavaScript放置-外部JSJavaScript放置-事件处理代码课后练习网</div>
</li>
<li><a href="/article/120.htm"
title="web前段跨域nginx代理配置" target="_blank">web前段跨域nginx代理配置</a>
<span class="text-muted">刘正强</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/cms/1.htm">cms</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a>
<div>nginx代理配置可参考server部分
server {
listen 80;
server_name localhost;
</div>
</li>
<li><a href="/article/247.htm"
title="spring学习笔记" target="_blank">spring学习笔记</a>
<span class="text-muted">caoyong</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
<div>一、概述
a>、核心技术 : IOC与AOP
b>、开发为什么需要面向接口而不是实现
接口降低一个组件与整个系统的藕合程度，当该组件不满足系统需求时，可以很容易的将该组件从系统中替换掉，而不会对整个系统产生大的影响
c>、面向接口编口编程的难点在于如何对接口进行初始化,(使用工厂设计模式) </div>
</li>
<li><a href="/article/374.htm"
title="Eclipse打开workspace提示工作空间不可用" target="_blank">Eclipse打开workspace提示工作空间不可用</a>
<span class="text-muted">0624chenhong</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a>
<div>做项目的时候，难免会用到整个团队的代码，或者上一任同事创建的workspace，
1.电脑切换账号后，Eclipse打开时，会提示Eclipse对应的目录锁定，无法访问，根据提示，找到对应目录，G:\eclipse\configuration\org.eclipse.osgi\.manager，其中文件.fileTableLock提示被锁定。
解决办法，删掉.fileTableLock文件，重</div>
</li>
<li><a href="/article/501.htm"
title="Javascript 面向对面写法的必要性？" target="_blank">Javascript 面向对面写法的必要性？</a>
<span class="text-muted">一炮送你回车库</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
<div>现在Javascript面向对象的方式来写页面很流行，什么纯javascript的mvc框架都出来了：ember
这是javascript层的mvc框架哦,不是j2ee的mvc框架
我想说的是，javascript本来就不是一门面向对象的语言，用它写出来的面向对象的程序，本身就有些别扭，很多人提到js的面向对象首先提的是：复用性。那么我请问你写的js里有多少是可以复用的，用fu</div>
</li>
<li><a href="/article/628.htm"
title="js array对象的迭代方法" target="_blank">js array对象的迭代方法</a>
<span class="text-muted">换个号韩国红果果</span>
<a class="tag" taget="_blank" href="/search/array/1.htm">array</a>
<div>1.forEach 该方法接受一个函数作为参数， 对数组中的每个元素
使用该函数 return 语句失效
function square(num) {
print(num, num * num);
}
var nums = [1,2,3,4,5,6,7,8,9,10];
nums.forEach(square);
2.every 该方法接受一个返回值为布尔类型</div>
</li>
<li><a href="/article/755.htm"
title="对Hibernate缓存机制的理解" target="_blank">对Hibernate缓存机制的理解</a>
<span class="text-muted">归来朝歌</span>
<a class="tag" taget="_blank" href="/search/session/1.htm">session</a><a class="tag" taget="_blank" href="/search/%E4%B8%80%E7%BA%A7%E7%BC%93%E5%AD%98/1.htm">一级缓存</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E8%B1%A1%E6%8C%81%E4%B9%85%E5%8C%96/1.htm">对象持久化</a>
<div>在hibernate中session一级缓存机制中，有这么一种情况：
问题描述：我需要new一个对象，对它的几个字段赋值，但是有一些属性并没有进行赋值，然后调用
session.save()方法，在提交事务后，会出现这样的情况：
1：在数据库中有默认属性的字段的值为空
2：既然是持久化对象，为什么在最后对象拿不到默认属性的值？
通过调试后解决方案如下：
对于问题一，如你在数据库里设置了</div>
</li>
<li><a href="/article/882.htm"
title="WebService调用错误合集" target="_blank">WebService调用错误合集</a>
<span class="text-muted">darkranger</span>
<a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a>
<div> Java.Lang.NoClassDefFoundError: Org/Apache/Commons/Discovery/Tools/DiscoverSingleton
调用接口出错，
一个简单的WebService
import org.apache.axis.client.Call;import org.apache.axis.client.Service;
首先必不可</div>
</li>
<li><a href="/article/1009.htm"
title="JSP和Servlet的中文乱码处理" target="_blank">JSP和Servlet的中文乱码处理</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/Java+Web/1.htm">Java Web</a>
<div>JSP和Servlet的中文乱码处理
前几天学习了JSP和Servlet中有关中文乱码的一些问题，写成了博客，今天进行更新一下。应该是可以解决日常的乱码问题了。现在作以下总结希望对需要的人有所帮助。我也是刚学，所以有不足之处希望谅解。
一、表单提交时出现乱码：
在进行表单提交的时候，经常提交一些中文，自然就避免不了出现中文乱码的情况，对于表单来说有两种提交方式：get和post提交方式。所以</div>
</li>
<li><a href="/article/1136.htm"
title="面试经典六问" target="_blank">面试经典六问</a>
<span class="text-muted">atongyeye</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a>
<div>题记：因为我不善沟通，所以在面试中经常碰壁，看了网上太多面试宝典，基本上不太靠谱。只好自己总结，并试着根据最近工作情况完成个人答案。以备不时之需。
以下是人事了解应聘者情况的最典型的六个问题：
1 简单自我介绍
关于这个问题，主要为了弄清两件事，一是了解应聘者的背景，二是应聘者将这些背景信息组织成合适语言的能力。
我的回答：(针对技术面试回答，如果是人事面试，可以就掌</div>
</li>
<li><a href="/article/1263.htm"
title="contentResolver.query()参数详解" target="_blank">contentResolver.query()参数详解</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/query%28%29%E8%AF%A6%E8%A7%A3/1.htm">query()详解</a>
<div>收藏csdn的博客,介绍的比较详细,新手值得一看 1.获取联系人姓名
一个简单的例子，这个函数获取设备上所有的联系人ID和联系人NAME。
[java]
view plain
copy
public void fetchAllContacts() {
</div>
</li>
<li><a href="/article/1390.htm"
title="ora-00054:resource busy and acquire with nowait specified解决方法" target="_blank">ora-00054:resource busy and acquire with nowait specified解决方法</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/kill/1.htm">kill</a><a class="tag" taget="_blank" href="/search/nowait/1.htm">nowait</a>
<div> 当某个数据库用户在数据库中插入、更新、删除一个表的数据，或者增加一个表的主键时或者表的索引时，常常会出现ora-00054:resource busy and acquire with nowait specified这样的错误。主要是因为有事务正在执行（或者事务已经被锁），所有导致执行不成功。
1.下面的语句</div>
</li>
<li><a href="/article/1517.htm"
title="web 开发乱码" target="_blank">web 开发乱码</a>
<span class="text-muted">征客丶</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a>
<div>以下前端都是 utf-8 字符集编码
一、后台接收
1.1、 get 请求乱码
get 请求中，请求参数在请求头中；
乱码解决方法：
a、通过在web 服务器中配置编码格式：tomcat 中，在 Connector 中添加URIEncoding="UTF-8"；
1.2、post 请求乱码
post 请求中，请求参数分两部份，
1.2.1、url？参数，</div>
</li>
<li><a href="/article/1644.htm"
title="【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式" target="_blank">【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a>
<div>Spark SQL数据源和表的Schema
case class
apply schema
parquet
json
JSON数据源 准备源数据
{"name":"Jack", "age": 12, "addr":{"city":"beijing&</div>
</li>
<li><a href="/article/1771.htm"
title="JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss" target="_blank">JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss</a>
<span class="text-muted">BlueSkator</span>
<a class="tag" taget="_blank" href="/search/-Xss/1.htm">-Xss</a><a class="tag" taget="_blank" href="/search/-Xmn/1.htm">-Xmn</a><a class="tag" taget="_blank" href="/search/-Xms/1.htm">-Xms</a><a class="tag" taget="_blank" href="/search/-Xmx/1.htm">-Xmx</a>
<div>
堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置：
java -Xmx355</div>
</li>
<li><a href="/article/1898.htm"
title="jqGrid 各种参数 详解(转帖)" target="_blank">jqGrid 各种参数 详解(转帖)</a>
<span class="text-muted">BreakingBad</span>
<a class="tag" taget="_blank" href="/search/jqGrid/1.htm">jqGrid</a>
<div>
jqGrid 各种参数 详解 分类：
源代码分享
个人随笔请勿参考
解决开发问题 2012-05-09 20:29 84282人阅读
评论(22)
收藏
举报
jquery
服务器
parameters
function
ajax
string </div>
</li>
<li><a href="/article/2025.htm"
title="读《研磨设计模式》-代码笔记-代理模式-Proxy" target="_blank">读《研磨设计模式》-代码笔记-代理模式-Proxy</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.lang.reflect.InvocationHandler;
import java.lang.reflect.Method;
import java.lang.reflect.Proxy;
/*
* 下面</div>
</li>
<li><a href="/article/2152.htm"
title="应用升级iOS8中遇到的一些问题" target="_blank">应用升级iOS8中遇到的一些问题</a>
<span class="text-muted">chenhbc</span>
<a class="tag" taget="_blank" href="/search/ios8/1.htm">ios8</a><a class="tag" taget="_blank" href="/search/%E5%8D%87%E7%BA%A7iOS8/1.htm">升级iOS8</a>
<div>1、很奇怪的问题，登录界面，有一个判断，如果不存在某个值，则跳转到设置界面，ios8之前的系统都可以正常跳转，iOS8中代码已经执行到下一个界面了，但界面并没有跳转过去，而且这个值如果设置过的话，也是可以正常跳转过去的，这个问题纠结了两天多，之前的判断我是在
-(void)viewWillAppear:(BOOL)animated
中写的，最终的解决办法是把判断写在
-(void</div>
</li>
<li><a href="/article/2279.htm"
title="工作流与自组织的关系？" target="_blank">工作流与自组织的关系？</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a>
<div> 目前的工作流系统中的节点及其相互之间的连接是事先根据管理的实际需要而绘制好的，这种固定的模式在实际的运用中会受到很多限制，特别是节点之间的依存关系是固定的，节点的处理不考虑到流程整体的运行情况，细节和整体间的关系是脱节的，那么我们提出一个新的观点，一个流程是否可以通过节点的自组织运动来自动生成呢？这种流程有什么实际意义呢？
这里有篇论文，摘要是：“针对网格中的服务</div>
</li>
<li><a href="/article/2406.htm"
title="Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX" target="_blank">Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
<div>insert提示IGNORE_ROW_ON_DUPKEY_INDEX
转自：http://space.itpub.net/18922393/viewspace-752123
在 insert into tablea ...select * from tableb中，如果存在唯一约束，会导致整个insert操作失败。使用IGNORE_ROW_ON_DUPKEY_INDEX提示，会忽略唯一</div>
</li>
<li><a href="/article/2533.htm"
title="二叉树:堆" target="_blank">二叉树:堆</a>
<span class="text-muted">dieslrae</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%8C%E5%8F%89%E6%A0%91/1.htm">二叉树</a>
<div> 这里说的堆其实是一个完全二叉树,每个节点都不小于自己的子节点,不要跟jvm的堆搞混了.由于是完全二叉树,可以用数组来构建.用数组构建树的规则很简单:
一个节点的父节点下标为: (当前下标 - 1)/2
一个节点的左节点下标为: 当前下标 * 2 + 1
&</div>
</li>
<li><a href="/article/2660.htm"
title="C语言学习八结构体" target="_blank">C语言学习八结构体</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a>
<div>为什么需要结构体，看代码
# include <stdio.h>
struct Student //定义一个学生类型，里面有age, score, sex, 然后可以定义这个类型的变量
{
int age;
float score;
char sex;
}
int main(void)
{
struct Student st = {80, 66.6,</div>
</li>
<li><a href="/article/2787.htm"
title="centos安装golang" target="_blank">centos安装golang</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a>
<div>#在国内镜像下载二进制包
wget -c http://www.golangtc.com/static/go/go1.4.1.linux-amd64.tar.gz
tar -C /usr/local -xzf go1.4.1.linux-amd64.tar.gz
#把golang的bin目录加入全局环境变量
cat >>/etc/profile<</div>
</li>
<li><a href="/article/2914.htm"
title="10.性能优化-监控-MySQL慢查询" target="_blank">10.性能优化-监控-MySQL慢查询</a>
<span class="text-muted">frank1234</span>
<a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a><a class="tag" taget="_blank" href="/search/MySQL%E6%85%A2%E6%9F%A5%E8%AF%A2/1.htm">MySQL慢查询</a>
<div>1.记录慢查询配置
show variables where variable_name like 'slow%' ; --查看默认日志路径
查询结果：--不用的机器可能不同
slow_query_log_file=/var/lib/mysql/centos-slow.log
修改mysqld配置文件：/usr /my.cnf[一般在/etc/my.cnf，本机在/user/my.cn</div>
</li>
<li><a href="/article/3041.htm"
title="Java父类取得子类类名" target="_blank">Java父类取得子类类名</a>
<span class="text-muted">happyqing</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/this/1.htm">this</a><a class="tag" taget="_blank" href="/search/%E7%88%B6%E7%B1%BB/1.htm">父类</a><a class="tag" taget="_blank" href="/search/%E5%AD%90%E7%B1%BB/1.htm">子类</a><a class="tag" taget="_blank" href="/search/%E7%B1%BB%E5%90%8D/1.htm">类名</a>
<div>
在继承关系中，不管父类还是子类，这些类里面的this都代表了最终new出来的那个类的实例对象，所以在父类中你可以用this获取到子类的信息！
package com.urthinker.module.test;
import org.junit.Test;
abstract class BaseDao<T> {
public void </div>
</li>
<li><a href="/article/3168.htm"
title="Spring3.2新注解@ControllerAdvice" target="_blank">Spring3.2新注解@ControllerAdvice</a>
<span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/%40Controller/1.htm">@Controller</a>
<div>@ControllerAdvice，是spring3.2提供的新注解，从名字上可以看出大体意思是控制器增强。让我们先看看@ControllerAdvice的实现：
@Target(ElementType.TYPE)
@Retention(RetentionPolicy.RUNTIME)
@Documented
@Component
public @interface Co</div>
</li>
<li><a href="/article/3295.htm"
title="Java spring mvc多数据源配置" target="_blank">Java spring mvc多数据源配置</a>
<span class="text-muted">liuxihope</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
<div>转自：http://www.itpub.net/thread-1906608-1-1.html
1、首先配置两个数据库
<bean id="dataSourceA" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close&quo</div>
</li>
<li><a href="/article/3422.htm"
title="第12章 Ajax（下）" target="_blank">第12章 Ajax（下）</a>
<span class="text-muted">onestopweb</span>
<a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a>
<div>index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/</div>
</li>
<li><a href="/article/3549.htm"
title="BW / Universe Mappings" target="_blank">BW / Universe Mappings</a>
<span class="text-muted">blueoxygen</span>
<a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a>
<div>
BW Element
OLAP Universe Element
Cube Dimension
Class
Charateristic
A class with dimension and detail objects (Detail objects for key and desription)
Hi</div>
</li>
<li><a href="/article/3676.htm"
title="Java开发熟手该当心的11个错误" target="_blank">Java开发熟手该当心的11个错误</a>
<span class="text-muted">tomcat_oracle</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/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、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收
测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为</div>
</li>
<li><a href="/article/3803.htm"
title="推行国产操作系统的优劣" target="_blank">推行国产操作系统的优劣</a>
<span class="text-muted">yananay</span>
<a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%9B%BD%E4%BA%A7%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">国产操作系统</a>
<div>最近刮起了一股风，就是去“国外货”。从应用程序开始，到基础的系统，数据库，现在已经刮到操作系统了。原因就是“棱镜计划”，使我们终于认识到了国外货的危害，开始重视起了信息安全。操作系统是计算机的灵魂。既然是灵魂，为了信息安全，那我们就自然要使用和推行国货。可是，一味地推行，是否就一定正确呢？
先说说信息安全。其实从很早以来大家就在讨论信息安全。很多年以前，就据传某世界级的网络设备制造商生产的交</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>