为您找到搜索结果：815个
jquery实现点击小图实现大图的案例
今天的这个例子主要是实现点击小图能显示大图，来直接看代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><style>*{margin:0;padding:0;}ul,li{list-style:none;}a{text-decoration:none;}.box{overflow:hidden;width:500px;margin:100pxauto;}#sPic{overflow:hidden}#sPicli{width:100px;float:left;margin:10px;}#sPicliimg{width:100px;height:auto;}#images{width:500px;}#des{text-align:center}</style><body><divclass="box"><ulid="sPic">...
正负值地处理以及添加回调函数小案例
今天写一个简单的小例子，需求：页面有多个div，点击屏幕，div有顺序的依次下来。来看js代码：<script>window.onload=function(){//第一步先追加多个divvarstr="";varlen=20;varaDiv=document.getElementsByTagName("div");vartimer=null;varnum=0;for(vari=0;i<len;i++){str+='<div+i*60+'px;top:0;"></div>'}document.body.innerHTML=str;//添加点击事件varonOff=true;document.onclick=function(){clearInterval(timer);timer=setInterval(function(){fn(aDiv[num],"top",18,500);num++;if(num===len){clearInterval(timer);}},100)};functionfn(obj,attr,dir,target,end...
js中的数据类型转换（找相应的值小案例）
js中数据类型转换是一个很频繁会用到的一部分，那么在实际案例中会出现各种的数据类型，想要满足某些条件，那还必须要不同类型的数据进行转换，今天就通过一个小例子，来找出相对应的数据类型。先看一个一个数组，数组里的内容很复杂，包含了所有的数据类型，然后我们通过不同的条件找到相对应的内容：vararr=['100px','abc'-6,[],-98765,34,-2,0,'300',,function(){alert(1);},null,document,[],true,'200px'-30,'23.45元',5,Number('abc'),function(){alert(3);},'xyz'-90];题目是：1、找到arr里所有的数字：-98765,34,-2,0,52、找到可以转成数字的：'100px',-98765,34,-2,0,'300','23.45元',53、把转成数字以后，最大值判断出来：3004、把NaN所在的位置找出来：1141719接下来通过js中的数据类型转换找出来所有的题目相对应的内容：1for(vari=0;i<arr.length;i++){23//1思路...
QQ菜单案例，点击展开再次点击关闭（类似手风琴效果）
模仿一下qq的好友展示效果，点击好友标题，下民饿好友列表展示出来，而点击其中的一个好友，给其加上一个点击的效果样式，当然再次点击标题，可以将其关闭。说的可能不是很清楚，先来看一下布局，就明白想要的效果了，来看布局代码：1<ulid="list">2<liclass="lis">3<h2>我的好友</h2>4<ul>5<li>张三</li>6<li>张三</li>7<li>张三</li>8<li>张三</li>9</ul>10</li>11<liclass="lis">12<h2>企业好友</h2>13<ul>14<li>李四</li>15<li>李四</li>16<li>李四</li>17<li>李四</li>18<li>李四</li>19&l...
手风琴案例jquery写法
今天我用jquary来写一下手风琴案例，这个案例在平时的项目中很经常会见到，要想实现效果用jquary来写其实很简单，其实一句话就是jquary的方法的调用。首先我们先来分析一下手风琴案例实际实现的效果，就是点击当前的标题，它下面的盒子显示出来，而其他的盒子是闭合的状态。一、先简单的来写下布局：1这是html的布局，我用ul和li来实现2<ul>3<li>4<aclass="title"href="javascript:void(0)">标题一</a>5<div>content1</div>6</li>7<li>8<aclass="title"href="javascript:void(0)">标题二</a>9<div>content2</div>10</li>11<li>12<aclass="title"href="javascript:void(0)">标题三</a>13<div>...
大型网站技术架构：核心原理与案例分析阅读笔记二
大型网站技术架构：核心原理与案例分析阅读笔记二网站架构设计时可能会存在误区，其实不必一味追随大公司的解决方案，也不必为了技术而技术，要根据本公司的实际情况，制定适合本公司发展的网站架构设计，否则会变得越来越盲从，本公司网站的架构设计会越来越差。技术也不能解决所有问题。如果是网站本身的业务架构问题，单靠技术是不能解决所有问题的。此时应该找出业务当中的主要问题，并且根据主要问题通过业务的手段去解决。现在的网站大多是直接购买提供的云计算服务，很少经历从一个小网站到大网站的架构之路，但是我们还是需要明白其中的架构和网站的来龙去脉，对于以后的网站架构技术选型和架构设计都有很大的帮助。...
大型网站技术架构：核心原理与案例分析阅读笔记一
大型网站技术架构：核心原理与案例分析阅读笔记一构建高可用，高性能，高可扩展性的网站系统。虽然网站类型各有千秋，但是其中还是具有一些通用性的，经过验证的且成熟的局部解决方案。企业应用系统进行开发时会遇到功能性和非功能性需求，功能性需求通过增加人手来加快进度，非功能性需求不是通过增加人的数量就可以解决，他们是现实的技术难题。在系统进行高并发的用户访问时，如果没有很好的架构，很有可能导致系统崩溃，无法响应。软件架构设计采用4+1视图模型来多角度描述软件系统的设计。大型网站软件系统通常具有高并发,大流量,高可用,海量数据,用户分布广泛,网络情况复杂,安全环境恶劣,需求快速变更,发布频繁,渐进式发展的特点.网站发展过程中,一开始只需要使用一台服务器就可以满足需求,所有的服务都在一台服务器,随着用户的增多,需要使应用服务和数据服务分离,应用服务器,文件服务器,数据库服务器,分别对应不同的硬件资源,支持网站业务的进一步发展.随着用户进一步增加,可以使用缓存来解决网站访问的二八定律问题,后期可以通过增加服务器数量来改善应用服务器的负载压力,并且是简单成熟的一种,实现系统的可伸缩性.使用主从热备功能来改...
YourSQLDba备份失败案例锦集
使用YourSQLDba做备份、维护、管理时，偶尔会收到一些备份失败的邮件。导致YourSQLDba备份失败的情况比价多，打算在此篇中对YourSQLDba备份失败的案例做一些总结、整理。 1：YourSQLDba由于事务日志满了。具体情况如下： 检查YourSQLDba备份失败日志信息，你会看到下面这类错误信息。Thetransactionlogfordatabase'xxxx'isfull。Tofindoutwhyspaceinthelogcannotbereused,seethelog_reuse_wait_desccolumninsys.databases。Error3013,Severity16,level1:BACKUPDATABASEisterminatingabnormally.如果出现上面错误提示，首先要检查该数据库的日志文件的属性，看其是否禁用了“自动增长”或”最大文件大小“设置过小。我碰到过一起这类案例，发现数据库的日志文件是自动增长且不限制大小。检查服务器发现数据库日志所在的磁盘还有20多G的大小，很是纳闷这个错误是怎么产生的？后...
Oracle监听服务启动失败案例
在ORACLE测试服务器上还原恢复了一个数据库后，启动监听服务时出现了TNS-12541,TNS-12560,TNS-00511之类的错误，具体情况如下所示：[oracle@getlnx01admin]$lsnrctlstatusLSNRCTLforLinux:Version10.2.0.4.0-Productionon09-MAR-201509:13:29Copyright(c)1991,2007,Oracle.Allrightsreserved. Connectingto(DESCRIPTION=(ADDRESS=(PROTOCOL=IPC)(KEY=EXTPROC1)))TNS-12541:TNS:nolistenerTNS-12560:TNS:protocoladaptererrorTNS-00511:NolistenerLinuxError:111:ConnectionrefusedConnectingto(DESCRIPTION=(ADDRESS=(PROTOCOL=TCP)(HOST=getlnx01.esqule.com)(PORT=1521)))TNS-12...
CQRS体系结构模式实践案例：Tiny Library：领域仓储与事件存储
领域仓储（DomainRepository）与事件存储（EventStore）是CQRS体系结构应用系统中C部分（Command部分）的重要组件。虽然都是存储机制，但两者有着本质的区别：领域仓储是属于领域层的，而事件仓储则是属于基础结构层的。领域模型产生事件，领域仓储负责保存、发布事件，并通过事件序列重塑领域模型。由于领域仓储的存在，使得“内存领域模型（In-memoryDomain）”成为可能。在上文中我已经对对象的状态做了一些介绍，通过这些介绍我们能够了解到，在应用系统中，是领域事件导致了对象状态的变化，于是，我们只需要把这些领域事件按顺序记录下来，我们就有能力将领域模型还原到任何一个时间点上。就以TinyLibrary中的Reader聚合为例，当Reader刚刚被创建的时候，它的Name状态是空的，客户程序可以通过Reader实体的ChangeName方法来改变Name的状态。ChangeName方法会直接产生一个ReaderNameChangedEvent的领域事件，告知系统，现在发生了一件事情，这件事情将会改变Reader实体的状态。Reader实体获得了这个事件通知，就将N...
大数据学习——spark运营案例
iplocation需求在互联网中，我们经常会见到城市热点图这样的报表数据，例如在百度统计中，会统计今年的热门旅游城市、热门报考学校等，会将这样的信息显示在热点图中。 因此，我们需要通过日志信息（运行商或者网站自己生成）和城市ip段信息来判断用户的ip段，统计热点经纬度。练习数据 链接：https://pan.baidu.com/s/14IA1pzUWEnDK_VCH_LYRLw提取码：pnwv packageorg.apache.sparkimportorg.apache.spark.broadcast.Broadcastimportorg.apache.spark.rdd.RDDimportjava.io.{BufferedReader,FileInputStream,InputStreamReader}importjava.sql.{Connection,DriverManager,PreparedStatement}importorg.apache.spark.{SparkConf,SparkContext}importsc...
大数据学习——Storm学习单词计数案例
需求：计算单词在文档中出现的次数，每出现一次就累加一次 遇到的问题 这个问题是<scope>provided</scope>作用域问题https://www.cnblogs.com/biehongli/p/8316885.html 这个问题是需要把从文件中读取的内容放入list 代码如下<?xmlversion="1.0"encoding="UTF-8"?><projectxmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0http://maven.apache.org/xsd/maven-4.0.0.xsd"><modelVersion>4.0.0</modelVersion><groupId>com.cyf&l...
大数据学习——高可用配置案例
（一）、failover故障转移在完成单点的FlumeNG搭建后，下面我们搭建一个高可用的FlumeNG集群，架构图如下所示：（1）节点分配Flume的Agent和Collector分布如下表所示：名称Ip地址 Host角色Agent1192.168.200.101Itcast01 WebServerCollector1192.168.200.102Itcast02AgentMstr1Collector2192.168.200.103Itcast03AgentMstr2Agent1数据分别流入到Collector1和Collector2，FlumeNG本身提供了Failover机制，可以自动切换和恢复。下面我们开发配置FlumeNG集群。（2）配置在下面单点Flume中，基本配置都完成了，我们只需要新添加两个配置文件，它们是flume-client.conf和flume-server.conf，其配置内容如下所示： 1、itcast01上的flume-clien...
大数据学习——mapreduce案例join算法
需求：用mapreduce实现selectorder.orderid,order.pdtid,pdts.pdt_name,oder.amountfromorderjoinpdtsonorder.pdtid=pdts.pdtid 数据：orders.txtOrder_0000001,pd001,222.8Order_0000001,pd005,25.8Order_0000002,pd005,325.8Order_0000002,pd003,522.8Order_0000002,pd004,122.4Order_0000003,pd001,222.8Order_0000003,pd001,322.8pdts.txtpd001,applepd002,bananapd003,orangepd004,xiaomipd005,meizu pom.xml<?xmlversion="1.0"encoding="UTF-8"?><projectxmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www...
spring的IOC入门案例
步骤：一，导入jar二，创建类，在类里创建方法三，创建Spring配置文件，配置创建类四，写代码测试对象创建https://www.cnblogs.com/wmyskxz/p/8820371.html ...