lucksoul
lucksoul

Html+Css+Js五星好评（完整代码+详解）

一，问题描述

  • 当鼠标滑过空白的五颗星星时，有预览的颜色填充，当点击鼠标后，颜色填充确定，确定的颜色是绿色，当鼠标预览时，依然有预览色，没有点击鼠标确定时，颜色依然是，上一次的记录，点击了则是当次的好评记录，并且点击后，会有提示框弹出提示。

二，效果预览

Html+Css+Js五星好评（完整代码+详解）_第1张图片

三，用到的主要事件

  • onclick：点击事件
  • window.onload：页面加载事件

四，遇到的问题

  • 鼠标从左往右可以看到与蓝色正常显示，但是鼠标从右往左就一直是五颗星填充的预览色。
  • 原因：涉及到层级关系，从左往右正好星星的数量是从少到多，遮挡了前面的，从右往左是从多到少，一开始就遮挡了少的，就无法显示少的情况，就一直显示五颗预览色。
  • 解决办法：每当移动到当前的星星时，就设置属性z-index=5；将当前的层级降低，就不会遮挡了。

五，完整代码

  • 代码结构
    Html+Css+Js五星好评（完整代码+详解）_第2张图片

  • Html代码


<html>
	<head>
		<meta charset="UTF-8">
		<title>title>
	head>
	<link rel="stylesheet" type="text/css" href="../css/start.css"/>
	<script type="text/javascript" src="../js/start.js" >script>
	<body> 
		<ul class="nav  " id="nav">
			<li class="onestart"><a href="#" title="1分">1分a>li>
			<li class="twostart"><a href="#" title="2分">2分a>li>
			<li class="threestart"><a href="#" title="3分">3分a>li>
			<li class="fourstart"><a href="#" title="4分">4分a>li>
			<li class="fivestart"><a href="#" title="5分">5分a>li>
		ul>
	body>
html>
  • Css代码
*{
	padding: 0px;
	margin: 0px;
}
body{
	height: 600px;
	width: 400px;
	border: 1px solid blue;
	margin: 0 auto;
	text-align: center;
}




.nav{
	height: 16px;
	width: 80px;
	margin: 20px auto;
	background: url(../images/star-matrix.gif) no-repeat;
	/*text-align: center;*/
	position: relative;
}

.onestart{
	background-position: 0px -16px;
}
.twostart{
	background-position: 0px -32px;
}
.threestart{
	background-position: 0px -48px;
}

.fourstart{
	background-position: 0px -64px;
}

.fivestart{
	background-position: 0px -80px;
}



.nav li{
	height: 16px;
	width: 16px;
	list-style: none;
	float: left;
}
.nav li a{
	height: 16px;
	width: 16px;
	position: absolute;
	text-decoration: none;
	display: inline-block;
	text-indent: -99999px;
	z-index: 10;
}
.nav li a:hover{
	left: 0px;
	width: 80px;
	z-index: 7;
	background: url(../images/star-matrix.gif) no-repeat;
	/*background-color: gray;*/
}

.nav .onestart  a:hover{
	background-position: 0px -96px;
}
.nav .twostart  a:hover{
	background-position: 0px -112px;
}
.nav .threestart  a:hover{
	background-position: 0px -128px;
}
.nav .fourstart  a:hover{
	background-position: 0px -144px;
}
.nav .fivestart  a:hover{
	background-position: 0px -160px;
}
  • JS代码
window.onload=function(){
	oUl=document.getElementById("nav");
	lis=oUl.getElementsByTagName("li");
	
	for (var i = 0; i < lis.length; i++) {
		lis[i].onclick=function(){
			
			oUl.className="nav  "+this.className;
			console.log(oUl.className);
			var score=this.getElementsByTagName("a")[0].title;
			alert("评分是："+score);
		}
	}
}

六，效果展示

Html+Css+Js五星好评（完整代码+详解）_第3张图片

你可能感兴趣的:(案例详解,步步进心,读卷有益,Html,JavaScript,Css)

  • 刘克庄的《落梅》，通篇不着一个“梅”字，那诗中梅花何在？ 梧桐树边羽
    有朋友问：《落梅》一诗，这是刘克庄咏物寄情的上乘之作，通篇不着一个“梅”字，那诗中梅花何在？一般说法认为“通篇不见梅字，却句句有梅”是对刘克庄《咏梅》的称赞。见解大同小异，无非是在诗歌创作中不写“梅”字，却让人觉得这是写梅花，好像是种非常了不得的文学手法。个人看法有些不同。第一，这首诗的标题就是《落梅》这算哪门子没有提“梅”字？首先就告诉你了我写的是落梅花，然后在写梅花的各个方面时不用“梅”字，读
  • 网络安全-动态风险评估工作原理、详细过程和架构及案例 hao_wujing web安全架构安全
    大家读完觉得有帮助记得关注和点赞！！！动态风险评估（DynamicRiskAssessment,DRA）是一种通过实时数据采集、AI分析和闭环反馈实现风险持续演算的主动防御技术。以下从工作原理、详细过程、架构设计及行业案例展开系统性解析：一、核心工作原理1.多源数据融合与实时感知异构数据采集：整合网络流量、端点行为、环境变量（如设备指纹、地理位置）、业务日志等多维数据，构建动态基线15。环境感知驱
  • PyCharm 高效入门指南：从安装到进阶，解锁 Python 开发全流程
    作为Python开发者的利器，PyCharm的安装与配置是开启高效编程之旅的第一步。面对Community和Professional两个版本，该如何选择呢？Community版是免费开源的，适合初学者和简单项目开发，包含基础的Python开发功能；而Professional版虽收费，但功能更强大，支持Web开发、数据库连接等高级功能，适合专业开发者和复杂项目。1.安装与配置下载与安装下载PyCha
  • 0224第6天打卡：五好家庭，从我做起！ 谭琳_freeisok
    “存好心读好书说好话行好事做好人”【念先生好】：老公，我今天下午开车的时候，感受着自己不断提醒自己慢一点再慢一点，我又再一次感受到你一个隐藏得很深的优点：遇事总是不慌不忙，不轻易被周围的环境所干扰。以前我可真的是对这一点恨得不行，总感觉效率太低，让我这急性子总是恨得牙痒痒的，也总是因为这个吵架。这些年，我才慢慢看明白，每一次有什么事，我总是匆匆忙忙地想要个结果，我的心是不安的，是躁动的，而你却是实
  • 2019-11-10 珊珊正常奋斗中
    深圳市雅诺讯科技有限公司日精进打卡第145天（知学）今日读六项精进1遍共累计78遍，大学通编1遍共累计78遍，志工精神十二条1遍共累计78遍分享《缺乏价值观支撑的勤奋不能持久》真正的勤奋，都是需要价值观支撑的。这种价值观就在于，你是真正认可勤奋工作的意义，还是觉得勤奋是给别人看的。很多人都在演勤奋。这不是说那种没有战略、没有效率的勤奋，而是说很多人在表演，要么是展现给领导同事看，要么单纯是为了发个
  • 【Kafka】深入理解 Kafka MirrorMaker2 - 理论篇
    文章目录MirrorMaker2架构：不止是一个工具，更是一个框架工作原理揭秘1.远程主题（RemoteTopics）2.消费位移同步（OffsetSync）3.工作流图核心配置参数详解总结实战注意事项与最佳实践最近，我们团队启动了一个新项目，需要从零开始搭建一套高可用的Kafka集群。谈到高可用，异地容灾是绕不开的话题。我们选择了Kafka官方推荐的MirrorMaker2(MM2)作为我们的跨
  • MySQL 多表关联执行计划全面解析：从 N-LJ 到子查询优化
    在实际企业开发中，多表关联查询更为常见，也是导致SQL执行效率低下的重要原因之一。今天，我们将系统性地解析MySQL多表关联查询的执行机制，重点包括：多表关联底层执行机制（N-LJ嵌套循环连接）为什么多表查询容易性能差，以及驱动表的选择有多重要多表查询执行计划分析与优化技巧（附实际案例）一、MySQL多表关联的执行机制：N-LJ嵌套循环连接在MySQL中，多表连接最常见的执行策略就是NestedL
  • 一次XSS漏洞引发的用户信息泄露 —— 在线教育平台真实案例剖析与防御实践
    一、引子：一个“学习感言”输入框引发的安全事故在一次大型在线教育平台的开发中，笔者曾亲身经历过一起严重的安全事故。事故的起点很微不足道：一个允许用户提交“学习感言”的输入框。然而，由于缺乏安全意识和输入输出处理的规范，这个字段成为攻击者入侵的跳板，最终导致大量用户信息泄露、信任危机和平台业务受损。这个案例虽然已过去多年，但其中反映的安全盲点依然广泛存在于当前的互联网项目中，特别是在中小团队、快速上
  • MySQL 大数据量分页查询优化实战：从 90秒到 965毫秒的性能飞跃 要阿尔卑斯吗. mysql数据库分布式架构java
    在日常开发中，我们经常需要对数据库中的数据进行分页展示。特别是当表数据量达到几十万甚至上百万级时，传统的LIMIT分页方式会面临严重的性能瓶颈。今天，我将分享一个真实的性能优化案例，通过模拟大页码查询的现场，从90秒缩短到965毫秒，显著提升了查询效率。本篇文章将从问题出现的原因、索引原理、优化思路和最终实战效果等方面，为你全面讲解如何高效处理MySQL大数据分页查询问题。一、问题背景：大页码分页
  • 几大及其冷门却死赚钱副业！ 氧惠_飞智666999
    有哪些行业看似很容易，实则很简单，关键还非常赚钱呢?今天，将自己总结梳理的，一些冷门却赚钱的行业分享给大家，希望能给大家带来一些启发，帮助大家日进斗金、早日实现财务自由，哈哈~案例一，养蟑螂，公司不到10个人，做一年提一辆兰博基尼没想到吧?你们平时害怕的“蟑螂”，在我这里全是宝贝!它的成虫、卵、粪便全是钱，关键是价值不菲。只需要两到三天喂一次，，每次仅需30分钟左右。一个盒子里面的蟑螂卵，可以孵化
  • 马士兵系列——缓存行数据一致性2——缓存行的MESI 公众号【专注CLinuxCloud】 缓存python开发语言
    hello，你好鸭，我是Ethan，西安电子科技大学大三在读，很高兴你能来阅读。✔️目前博客主要更新Java系列、项目案例、计算机必学四件套等。人生之义，在于追求，不在成败，勤通大道。加油呀！个人主页：EthanYankang推荐：史上最强八股文||一分钟看完我的几百篇博客温馨提示：划到文末发现专栏彩蛋点击这里直接传送本篇概览：详细讲解了缓存行的一致性协议之一的MEESI的方方面面。⭕【计算机领域
  • 读《宝葫芦的秘密》有感 b06daf62de2e
    暑期，我读了好几本书，但让我念念不忘的是《宝葫芦的秘密》。主要内容讲的是王葆有一个梦想，就是想要一个宝葫芦。不过让人令想不到的是王葆既然是在钓鱼的时候，钓到了一个宝葫芦，这可真奇怪了。不过有了宝葫芦之后他可幸福了，真的是想要什么就会出来什么，而且宝葫芦最大的一个功能就是它还能知道王葆里想的什么。不过这已经不重要了，最重要的是王葆只要说我想要一个大西瓜、一个香蕉、一包薯片，这些东西就搜的一下出现在哪
  • 甘超波：NLP中EMBA状态管理 甘超波
    哈喽，大家好我是甘超波，一名NLP爱好者，每天一篇文章，分享我的NLP实战经验和案例，希望给你些启发和帮助，这是第23篇原创文章什么是EMBAEMBA：是总裁班吗？在NLP中EMBA指的一种状态管理，我们NLP所有技巧都是在EMBA中展开的，像催眠，潜意识沟通......等都是在基于EMBA。如果把NLP比作一个楼房，EMBA就是楼房的地基如果把NLP比作一个汽车，EMBA就是汽车的发动机。其中E
  • 金窝银窝不如自己的狗窝 阿水兰
    说个很真实的故事吧姑娘A和姑娘B是同学一直同学了六年从小学到初中其实两个都长得差不多很普通不算漂亮也不算丑初中毕业后姑娘A读了职高然后开始恋爱姑娘B.读普通高中也不是重点高中当时姑娘a还私下里觉得姑娘b可怜长那么大还没有人追十八岁之后姑娘a打了份文员工作姑娘B上了大学也不是很好的大学姑娘a打工期间与富二代恋爱了不久还奉子成婚恰好是暑假姑娘b去喝喜酒了富二代家确实有钱房子三套车好几辆姑娘a悄悄问b有
  • 爽文必读☞【一胎多宝问题多 早死亲妈气活了】林禾蒋峤☞【一胎多宝问题多 早死亲妈气活了】一口气读完！ 妞妞爱读书2
    张医生是位中医，他肃着脸地给林禾把着脉，神情认真。过会儿缓了口气，收手时扫了眼旁边的熏香，那是他配的，也是林禾睡得这么沉的原因。“从脉象上看身体没有大碍，心脾两虚，情绪上应是有些焦虑不安…..”张医生斟酌着用词，从他进屋蒋总的视线就没离开躺着的人，眉眼间的凌厉唯独在面对床上人时软一软。自己因为好奇忍不住多看了两眼还被警告!张医生眼观鼻鼻观心，不敢再乱瞟。离开的时候想了想又交代道:“熏香不要用得太频
  • 深化学思践悟，激发奋进动能 扎实开展主题教育活动，着力提升干部干事 创业真本领 62ab9e7a8a7b
    在全党开展学习贯彻习近平新时代中国特色社会主义思想主题教育，是推动贯彻党的二十大战略部署的有力举措，是深入推进新时代党的建设新的伟大工程的重大部署。领导干部要牢牢把握“学思想、强党性、重实践、建新功”总要求，聚焦凝心铸魂筑牢根本、锤炼品格强化忠诚、实干担当促进发展、践行宗旨为民造福、廉洁奉公树立新风的目标，以学铸魂、以学增智、以学正风、以学促干，着力为全面建设中国式现代化隆德凝聚力量。习近平总书记
  • 月夜桂香浓（11）心湖荡漾（二） 如沐当歌
    网图侵删佳惠悬在半空的手，被一只大手握住，思绪被牵了回来，眼前的人与幻境中的人重叠，最后变得清晰。她眼里盈满泪光，喉咙哽咽的挤出了一个“啊”字。“于小姐，你怎么了？”程鼎焱看到了佳惠眼中的泪光，心里一紧。“没、没什么！”佳惠这才意识到自己竟然想起了欧阳峻，赶忙抽回自己的手，抹去脸上的泪水。程鼎焱看着面前的女子，心里有一丝动容，刚才的一幕让他想到了之前在酒吧里，女孩缠着自己时，泪眼婆娑，嘴里却不断的
  • 《晨读记》（135）: 还作江南会 大观学园
    ——读戴叔伦《江乡故人偶集客舍》天秋月又满，城阙夜千重江南住着白居易白胡子老头爱看日出看日出点燃两岸江花江南住着余光中的表妹们表妹们生活在多湖的江南两岸的母亲都在喊他2018.4.5原诗:江乡故人偶集客舍唐·戴叔伦天秋月又满，城阙夜千重。还作江南会，翻疑梦里逢。风枝惊暗鹊，露草覆寒蛩。羁旅长堪醉，相留畏晓钟。
  • 镜中物是真相还是假象？ chentianlong
    哲学的本质是什么？是假设。那生活是按假设来运行吗？不是。就像镜子照出现实，你可以完全不接受，可以扭曲，也可以接受。镜子本身不是事实，只负责呈现事实，没有立场，没有偏私。这需要包容，需要吸纳各种色，不增不减。你是什么样的状态，镜子呈现什么状态。这是什么？这是某个瞬间形成的表格。事物随时在变，镜子所呈现的就不适应了，怎么办？这时，灯就出场了。灯是什么？照亮前方黑暗，一步步探索未知领域的工具。在不确定环
  • 断章 寸心zdl
    1、晾衣记在嵊山，晾衣服是从来不用衣架的，房前屋后。拉两条绳子，然后将洗净的衣物搭在上面，再用塑料夹子将它们固定住。院子里的阿婆告诉我说，岛上海风大，只有这样，衣物才不会被风吹走。我突然想到我的心，如果没有被他物紧紧攥住，是否也会随风飘零呢？2、更衣记饭罢，阿姨便催促我稍作休息，正欲拉上窗帘换睡衣，回身的刹那却发现她已经宽衣了，原来在嵊山，换衣服是毋须遮掩的，这让我怀想起刚刚挥别不久的大学生活，想
  • 有个人 沉淀的石头
    从前有个小孩儿，打小就跟父母务工在外。去过上海，待过浙江，更是在河北生活十几年。于老家的记忆，只是一些泥泞的路，破瓦的房，还有印象模糊的几个老人。他在河北，因为口音上的差异，不愿意与当地人说话，不愿意上学，直到9岁才上了一年级，这也导致了要比同年级同学大上两岁。他后来学习很好，小学到初中，一直都是班级前三名。老师们喜欢，同学们喜欢，也一直是父母的骄傲。一路顺风顺雨，过多的溢美之词形成了强烈自尊心与
  • 青岛新都心 Holiday澈
    图片发自App成人外出服装从前到后依次为夏季女外出服，夏季女家居服;夏季男外出服，夏季男家居服；春季厚款服装可后移或下撤至中岛；较厚款可进行收仓。
  • 2023-03-11读断舍离有感 潘潘_7b19
    最近经常想为什么不想在家待呢？因为一进家门就感觉压抑，看着多的数不清扔又扔不掉的物品心里就烦躁，看不到爱的存在。仔细想想现在物质世界已经很丰富了，为什么家里这么多东西却看不到几件自己心仪的物品呢？原因也许有二，其一：守不住自己的入口，断不了对物的需求欲。看到打折的物品，以后可能会需要，看着也不是那么差劲，买回去等瘦下来穿等等，可是翻看衣柜、食品柜，好多放着不动，或者用过几次就被搁置再也没动过；其二
  • 3、 AWS基础设施入门：托管、部署与全球布局 jie sherry 云计算入门：从零开始掌握AWSAWS云计算IT基础设施
    AWS基础设施入门：托管、部署与全球布局1.在AWS上托管IT基础设施将IT基础设施迁移到AWS云平台是现代企业数字化转型的重要一步。在AWS云平台上托管IT基础设施需要学习一些新概念和术语，以确保迁移过程顺利进行。AWS云平台提供的虚拟化和资源管理工具，使得企业能够灵活地构建和管理IT基础设施，同时节省时间和成本。1.1新概念和术语在AWS上托管IT基础设施涉及以下新概念和术语：虚拟化：通过软件
  • 学会感恩和宽容 美丫头呀
    生活就像一面镜子，你笑它便笑，你哭它也哭，心从善念，便会迎来更美好的事物。记住别人的好处，叫感恩；忘记别人的不好，叫宽容。每天清晨，用微笑来迎接崭新的一天；懂得感恩和宽容的人，才会活得快乐。长长的的疼痛，用短短的时间来努力快速的治愈自己，去勇敢的抚平所有昨日的菱角，收拾起所有的委屈和抱怨，整装待发，又开始了我的人生工作之旅。一直坚信：最美的风景，不在终点，而在路上；最美的人儿，不在外表，而在心里。
  • 保定市本地最全正规合法亲子鉴定中心地址一览（附亲子鉴定指南） 鉴证亲子DNA鉴定中心
    保定市亲子鉴定去哪里可以做？保定市正规亲子鉴定机构地址在哪里？保定市亲子鉴定地址位于保定市竞秀区恒滨路亲子鉴定电话：173-7221-6516微信同号保定市市亲子鉴定怎么做？１、ＤＮＡ提取：对样品进行提取ＤＮＡ，取出蛋白质对提取产物进一步纯化。２、ＰＣＲ扩增：对提取到的ＤＮＡ按一定的量加入一定的模板，引物，底物等试剂液放入ＰＣＲ仪中进行扩增，使提取的ＤＮＡ浓度增加，便于检测。３、毛细管测序仪检测：
  • 读《关于在全党大兴调查研究的工作方案》有感 王家遥3
    本周我们晨读阅读了中共中央办公厅印发的《关于在全党大兴调查研究的工作方案》我深有感触，调查研究能力本质上是发现问题、分析问题、解决问题的能力，是体现出干部是否善于思考、主动作为，是否坚持群众路线，善于向群众学习、向实践学习的表现，组工干部要怎样开展调查呢，我认为可以从一下几个方面入手。第一是选题要精准，选择什么问题开展调研。是调研开展的首要问题，调查研究要求要做到“顶天立地”，所谓“顶天”就是要符
  • 国师大人，动摇的心(中) 裴叶
    青玄的话让洛离有刹那间的恍惚，明明之前是他说出无情的话，说什么修的无情道，分明是在狠心拒绝她,现在又说出这样模棱两可的话。为什么总也猜不透师兄的心意。不如直接了当地试探他一下，看他如何再绕来绕去找借口！“师兄……”洛离拽住了他的衣袖，望着他俊美的眉眼没有丝毫退却，强忍住羞涩的感觉装成是在故意调侃的话，忽闪着美丽的大眼，“如果我嫁给你呢？”隐约感觉他身体微微僵硬了一下，不过却是非常短暂的片刻，若不是
  • 2020-12-09 夏夜凉心
    12月9日日有所记周末的英语课今天，我报名了一节一对一的英语课，当我得知了这个消息，我干到一阵胆战心惊的，我倒吸了一口凉气，因为我不喜欢英语，所以我不喜欢英语课，我在路上的时候很怕老师会生气说我“英语太差了。”我怀着忐忑的心情进入了教室，我的心都提到嗓子眼儿了。我们开始上课的时候我发现老师很温柔就算几个单词不会读老师也会耐心得教我，我欣喜诺狂，因为以前辅导班的老师都说我英语是学不好的了。老师还教会
  • 读《欢迎来到一年级》第四章，可以大大方方的向老师提出你想要知道的问题 Aileen马煜凝
    摘录1，可以大方的向老师提出，你想要知道的问题父母也可以持续多问问孩子在学校的大事小事，在期中期末的家长会上，争取创造和老师直接沟通的机会2，一定要在第一时间和老师沟通畅通，就是一对一的直接的，别拐弯抹角的，我觉得如果能做到这一点，就已经非常棒了
  • apache 安装linux windows 墙头上一根草 apacheinuxwindows
    linux安装Apache 有两种方式一种是手动安装通过二进制的文件进行安装，另外一种就是通过yum 安装，此中安装方式，需要物理机联网。以下分别介绍两种的安装方式     通过二进制文件安装Apache需要的软件有apr,apr-util,pcre  1，安装 apr        下载地址：htt
  • fill_parent、wrap_content和match_parent的区别 Cb123456 match_parentfill_parent
    fill_parent、wrap_content和match_parent的区别:   1）fill_parent   设置一个构件的布局为fill_parent将强制性地使构件扩展，以填充布局单元内尽可能多的空间。这跟Windows控件的dockstyle属性大体一致。设置一个顶部布局或控件为fill_parent将强制性让它布满整个屏幕。 2） wrap_conte
  • 网页自适应设计 天子之骄 htmlcss响应式设计页面自适应
    网页自适应设计        网页对浏览器窗口的自适应支持变得越来越重要了。自适应响应设计更是异常火爆。再加上移动端的崛起，更是如日中天。以前为了适应不同屏幕分布率和浏览器窗口的扩大和缩小，需要设计几套css样式，用js脚本判断窗口大小，选择加载。结构臃肿，加载负担较大。现笔者经过一定时间的学习，有所心得，故分享于此，加强交流，共同进步。同时希望对大家有所
  • [sql server] 分组取最大最小常用sql 一炮送你回车库 SQL Server
    --分组取最大最小常用sql--测试环境if OBJECT_ID('tb') is not null drop table tb;gocreate table tb( col1 int, col2 int, Fcount int)insert into tbselect 11,20,1 union allselect 11,22,1 union allselect 1
  • ImageIO写图片输出到硬盘 3213213333332132 javaimage
    package awt; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imagei
  • 自己的String动态数组 宝剑锋梅花香 java动态数组数组
    数组还是好说，学过一两门编程语言的就知道，需要注意的是数组声明时需要把大小给它定下来，比如声明一个字符串类型的数组：String str[]=new String[10];    但是问题就来了，每次都是大小确定的数组，我需要数组大小不固定随时变化怎么办呢？  动态数组就这样应运而生，龙哥给我们讲的是自己用代码写动态数组，并非用的ArrayList 看看字符
  • pinyin4j工具类 darkranger .net
    pinyin4j工具类Java工具类 2010-04-24 00:47:00 阅读69 评论0 字号：大中小 引入pinyin4j-2.5.0.jar包: pinyin4j是一个功能强悍的汉语拼音工具包，主要是从汉语获取各种格式和需求的拼音，功能强悍，下面看看如何使用pinyin4j。 本人以前用AscII编码提取工具，效果不理想，现在用pinyin4j简单实现了一个。功能还不是很完美，
  • StarUML学习笔记----基本概念 aijuans UML建模
    介绍StarUML的基本概念，这些都是有效运用StarUML?所需要的。包括对模型、视图、图、项目、单元、方法、框架、模型块及其差异以及UML轮廓。         模型、视与图（Model, View and Diagram）        &
  • Activiti最终总结 avords Activiti id 工作流
    1、流程定义ID：ProcessDefinitionId，当定义一个流程就会产生。 2、流程实例ID：ProcessInstanceId，当开始一个具体的流程时就会产生，也就是不同的流程实例ID可能有相同的流程定义ID。 3、TaskId，每一个userTask都会有一个Id这个是存在于流程实例上的。 4、TaskDefinitionKey和（ActivityImpl activityId
  • 从省市区多重级联想到的，react和jquery的差别 bee1314 jqueryUIreact
    在我们的前端项目里经常会用到级联的select，比如省市区这样。通常这种级联大多是动态的。比如先加载了省，点击省加载市，点击市加载区。然后数据通常ajax返回。如果没有数据则说明到了叶子节点。   针对这种场景，如果我们使用jquery来实现，要考虑很多的问题，数据部分，以及大量的dom操作。比如这个页面上显示了某个区，这时候我切换省，要把市重新初始化数据，然后区域的部分要从页面
  • Eclipse快捷键大全 bijian1013 javaeclipse快捷键
    Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行到上一行(复制增加)Alt+↓ 当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了)Alt+↑ 当前行和上面一行交互位置(同上)Alt+← 前一个编辑的页面Alt+→ 下一个编辑的页面(当然是针对上面那条来说了)Alt+En
  • js 笔记 函数 征客丶 JavaScript
    一、函数的使用 1.1、定义函数变量 var vName = funcation(params){ } 1.2、函数的调用 函数变量的调用：      vName(params); 函数定义时自发调用：(function(params){})(params); 1.3、函数中变量赋值 var a = 'a'; var ff
  • 【Scala四】分析Spark源代码总结的Scala语法二 bit1129 scala
    1. Some操作   在下面的代码中，使用了Some操作：if (self.partitioner == Some(partitioner))，那么Some(partitioner)表示什么含义？首先partitioner是方法combineByKey传入的变量， Some的文档说明：   /** Class `Some[A]` represents existin
  • java 匿名内部类 BlueSkator java匿名内部类
    组合优先于继承 Java的匿名类，就是提供了一个快捷方便的手段，令继承关系可以方便地变成组合关系 继承只有一个时候才能用，当你要求子类的实例可以替代父类实例的位置时才可以用继承。   在Java中内部类主要分为成员内部类、局部内部类、匿名内部类、静态内部类。 内部类不是很好理解，但说白了其实也就是一个类中还包含着另外一个类如同一个人是由大脑、肢体、器官等身体结果组成，而内部类相
  • 盗版win装在MAC有害发热，苹果的东西不值得买，win应该不用 ljy325 游戏applewindowsXPOS
    Mac mini 型号: MC270CH-A RMB:5,688   Apple 对windows的产品支持不好,有以下问题:   1.装完了xp,发现机身很热虽然没有运行任何程序！貌似显卡跑游戏发热一样，按照那样的发热量,那部机子损耗很大,使用寿命受到严重的影响!   2.反观安装了Mac os的展示机，发热量很小，运行了1天温度也没有那么高 &nbs
  • 读《研磨设计模式》-代码笔记-生成器模式-Builder bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 生成器模式的意图在于将一个复杂的构建与其表示相分离，使得同样的构建过程可以创建不同的表示（GoF） * 个人理解： * 构建一个复杂的对象，对于创建者（Builder）来说，一是要有数据来源(rawData)，二是要返回构
  • JIRA与SVN插件安装 chenyu19891124 SVNjira
    JIRA安装好后提交代码并要显示在JIRA上，这得需要用SVN的插件才能看见开发人员提交的代码。 1.下载svn与jira插件安装包，解压后在安装包(atlassian-jira-subversion-plugin-0.10.1) 2.解压出来的包里下的lib文件夹下的jar拷贝到(C:\Program Files\Atlassian\JIRA 4.3.4\atlassian-jira\WEB
  • 常用数学思想方法 comsci 工作
      对于搞工程和技术的朋友来讲，在工作中常常遇到一些实际问题，而采用常规的思维方式无法很好的解决这些问题，那么这个时候我们就需要用数学语言和数学工具，而使用数学工具的前提却是用数学思想的方法来描述问题。。下面转帖几种常用的数学思想方法，仅供学习和参考   函数思想 　　把某一数学问题用函数表示出来，并且利用函数探究这个问题的一般规律。这是最基本、最常用的数学方法
  • pl/sql集合类型 daizj oracle集合typepl/sql
    --集合类型 /*   单行单列的数据，使用标量变量   单行多列数据，使用记录   单列多行数据，使用集合（。。。）   *集合：类似于数组也就是。pl/sql集合类型包括索引表（pl/sql table）、嵌套表（Nested Table）、变长数组（VARRAY）等 */ /*     --集合方法 &n
  • [Ofbiz]ofbiz初用 dinguangx 电商ofbiz
    从github下载最新的ofbiz（截止2015-7-13），从源码进行ofbiz的试用 1. 加载测试库 ofbiz内置derby，通过下面的命令初始化测试库 ./ant load-demo (与load-seed有一些区别)   2. 启动内置tomcat ./ant start 或 ./startofbiz.sh 或 java -jar ofbiz.jar &
  • 结构体中最后一个元素是长度为0的数组 dcj3sjt126com cgcc
    在Linux源代码中，有很多的结构体最后都定义了一个元素个数为0个的数组，如/usr/include/linux/if_pppox.h中有这样一个结构体： struct pppoe_tag {     __u16 tag_type;     __u16 tag_len;   &n
  • Linux cp 实现强行覆盖 dcj3sjt126com linux
    发现在Fedora 10 /ubutun 里面用cp -fr src dest，即使加了-f也是不能强行覆盖的，这时怎么回事的呢？一两个文件还好说，就输几个yes吧，但是要是n多文件怎么办，那还不输死人呢？下面提供三种解决办法。 方法一 我们输入alias命令，看看系统给cp起了一个什么别名。 [root@localhost ~]# aliasalias cp=’cp -i’a
  • Memcached(一)、HelloWorld frank1234 memcached
    一、简介 高性能的架构离不开缓存，分布式缓存中的佼佼者当属memcached，它通过客户端将不同的key hash到不同的memcached服务器中，而获取的时候也到相同的服务器中获取，由于不需要做集群同步，也就省去了集群间同步的开销和延迟，所以它相对于ehcache等缓存来说能更好的支持分布式应用，具有更强的横向伸缩能力。 二、客户端 选择一个memcached客户端，我这里用的是memc
  • Search in Rotated Sorted Array II hcx2013 search
    Follow up for "Search in Rotated Sorted Array":What if duplicates are allowed? Would this affect the run-time complexity? How and why? Write a function to determine if a given ta
  • Spring4新特性——更好的Java泛型操作API jinnianshilongnian spring4generic type
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装JDK liuxingguome centos
    1、行卸载原来的： [root@localhost opt]# rpm -qa | grep java tzdata-java-2014g-1.el6.noarch java-1.7.0-openjdk-1.7.0.65-2.5.1.2.el6_5.x86_64 java-1.6.0-openjdk-1.6.0.0-11.1.13.4.el6.x86_64 [root@localhost
  • 二分搜索专题2-在有序二维数组中搜索一个元素 OpenMind 二维数组算法二分搜索
    1,设二维数组p的每行每列都按照下标递增的顺序递增。 用数学语言描述如下：p满足 (1),对任意的x1，x2，y，如果x1<x2,则p(x1,y)<p(x2,y); (2),对任意的x，y1,y2, 如果y1<y2,则p(x,y1)<p(x,y2); 2,问题： 给定满足1的数组p和一个整数k，求是否存在x0,y0使得p(x0,y0)=k? 3,算法分析： (
  • java 随机数 Math与Random SaraWon javaMathRandom
    今天需要在程序中产生随机数，知道有两种方法可以使用，但是使用Math和Random的区别还不是特别清楚，看到一篇文章是关于的，觉得写的还挺不错的，原文地址是 http://www.oschina.net/question/157182_45274?sort=default&p=1#answers 产生1到10之间的随机数的两种实现方式： //Math Math.roun
  • oracle创建表空间 tugn oracle
    create temporary tablespace TXSJ_TEMP   tempfile 'E:\Oracle\oradata\TXSJ_TEMP.dbf'   size 32m   autoextend on   next 32m maxsize 2048m   extent m
  • 使用Java8实现自己的个性化搜索引擎 yangshangchuan javasuperword搜索引擎java8全文检索
    需要对249本软件著作实现句子级别全文检索，这些著作均为PDF文件，不使用现有的框架如lucene，自己实现的方法如下： 1、从PDF文件中提取文本，这里的重点是如何最大可能地还原文本。提取之后的文本，一个句子一行保存为文本文件。 2、将所有文本文件合并为一个单一的文本文件，这样，每一个句子就有一个唯一行号。 3、对每一行文本进行分词，建立倒排表，倒排表的格式为：词=包含该词的总行数N=行号
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他