weixin_30879833
weixin_30879833

仿京东放大镜

　　昨天跟朋友聊天时说到京东页面展示商品的放大镜，正好今天得空写了个demo。

　　先说下原理：左边一张小图，右边是一张大图初始隐藏，当鼠标移入小图时大图出现。看到的大图范围只是一个比例关系很简单

　　懵掉了？不怕  上代码

　　大图的布局，超出父容器隐藏


<div id="max">
    <img src="img/max.jpg"/>
div>

　　放大镜滑块的位置：

var e = e||window.event;
var x = e.clientX-min.offsetLeft-slider.offsetWidth/2;
var y = e.clientY-min.offsetTop-slider.offsetHeight/2;

　　接下来给放大镜滑块限定移动范围：

//设定放大镜滑块移动的范围
var maxWidth = min.clientWidth-slider.offsetWidth;
var maxHeight = min.clientHeight-slider.offsetHeight;
if(x<=0){
    x=0;
}else if(x>=maxWidth){
    x=maxWidth;
            }
if (y<=0) {
    y=0;
} else if(y>=maxHeight){
    y=maxHeight;
}        
//放大镜滑块位置
slider.style.left = x+'px';
slider.style.top = y+'px';

　　好像缺点什么，大图的位置呢！确定位置之前要设定个放大比例

//放大比例
var scale = maxImg.offsetWidth/minImg.offsetWidth;

　　现在大图位置自然有了

//大图位置
maxImg.style.left = -x*scale+'px';
maxImg.style.top = -y*scale+'px';

 

有兴趣的童鞋可以查看源码

 1 DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>title>
 6         <style type="text/css">
 7             /*小图容器*/
 8             #min{
 9                 border: 1px solid #ccc;
10                 position: relative;
11             }
12             /*放大镜滑块*/
13             #slider{
14                 width: 225px;
15                 height: 225px;
16                 background-color: lightyellow;
17                 position: absolute;
18                 top: 0;
19                 left: 0;
20                 opacity: 0.8;
21                 display: none;
22                 /*改变鼠标形状*/
23                 cursor: move;
24             }
25             /*大图容器*/
26             #max{
27                 width: 400px;
28                 height: 400px;
29                 border: 1px solid #ccc;
30                 position: absolute;
31                 overflow: hidden;
32                 top: 8px;
33                 left:470px ;
34                 display: none;
35             }
36             /*大图图片绝对定位*/
37             #max img{
38                 position: absolute;
39             }
40         style>
41     head>
42     <body>
43         
44         <div id="min">
45             
46             <div id="slider">div>
47             <img src="img/min.jpg"/>
48         div>
49         
50         <div id="max">
51             <img src="img/max.jpg"/>
52         div>
53     body>
54     <script type="text/javascript">
55         //封装函数  通过id获取元素
56         function get(type){
57             return document.getElementById(type);
58         }
59         var slider = get('slider'),min = get('min'),max = get('max');
60         var maxImg = document.querySelector('#max img');//获取大图
61         var minImg = document.querySelector('#min img');//获取小图
62         //鼠标移入事件
63         min.onmousemove = function(e){
64             slider.style.display = 'block';
65             max.style.display = 'block';
66             //让滑块随鼠标移动
67             var e = e||window.event;
68             var x = e.clientX-min.offsetLeft-slider.offsetWidth/2;
69             var y = e.clientY-min.offsetTop-slider.offsetHeight/2;
70             //设定放大镜滑块移动的范围
71             var maxWidth = min.clientWidth-slider.offsetWidth;
72             var maxHeight = min.clientHeight-slider.offsetHeight;
73             if(x<=0){
74                 x=0;
75             }else if(x>=maxWidth){
76                 x=maxWidth;
77             }
78             if (y<=0) {
79                 y=0;
80             } else if(y>=maxHeight){
81                 y=maxHeight;
82             }        
83             //放大镜滑块位置
84             slider.style.left = x+'px';
85             slider.style.top = y+'px';
86             //放大比例
87             var scale = maxImg.offsetWidth/minImg.offsetWidth;
88             //大图位置
89             maxImg.style.left = -x*scale+'px';
90             maxImg.style.top = -y*scale+'px';
91             
92         }
93         //鼠标移出事件
94         min.onmouseleave = function(){
95             slider.style.display = 'none';
96             max.style.display = 'none';
97         }
98     script>
99 html>
View Code

 

转载于:https://www.cnblogs.com/daicunya/p/5861337.html

你可能感兴趣的:(仿京东放大镜)

  • OC语言多界面传值五大方式 Magnetic_h iosui学习objective-c开发语言
    前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt
  • 穷人做什么生意最赚钱？10个适合穷人赚钱的路子？ 氧惠爱高省
    不管在什么地方，一般都是穷人占大量数，而富人只有少数，但是它们却掌握着大量的财富。对于穷人来说，想要买车、买房等奢侈品就难如登天，因为他们只能通过打工来赚取几千元的月薪。➤推荐网购返利app“氧惠”，一个领隐藏优惠券+现金返利的平台。氧惠只提供领券返利链接，下单全程都在淘宝、京东、拼多多等原平台，更支持抖音、快手电商、外卖红包返利等。（应用市场搜“氧惠”下载，邀请码:521521，全网优惠上氧惠！
  • 京券东券优惠券领取网站-点击进入 高省爱氧惠
    嘿，小伙伴们，你们知道吗？京东商城可是有好多超值优惠券等着我们领取哦！不论是京券还是东券，都有好多好多的优惠等着我们呢！氧惠APP（带货领导者）——是与以往完全不同的抖客+淘客app！2024全新模式，我的直推也会放到你下面。主打：带货高补贴，深受各位带货团队长喜爱（每天出单带货几十万单）。注册即可享受高补贴+0撸+捡漏等带货新体验。送万元推广大礼包，教你如何1年做到百万团队。想要领取这些优惠券，
  • 详解：如何设计出健壮的秒杀系统？ 夜空_2cd3
    作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*
  • 隔离在防晒霜前还是后防晒 隔离霜和防晒霜的区别是什么 氧惠导师
    防晒霜是每天护肤的时候都需要使用的，主要针对的是紫外线，而隔离霜主要是用来隔离彩妆和空气中的脏东西，所以它用在化妆的前一步，即粉底液之前。二者缺一不可，也许很多人会说隔离霜有防晒成分，还要不要涂抹它，事实上，如果长期接触紫外线，只用隔离霜是不够的。➤推荐网购薅羊毛app“氧惠”，一个领隐藏优惠券+现金返利的平台。氧惠只提供领券返利链接，下单全程都在淘宝、京东、拼多多等原平台，更支持抖音、快手电商、
  • 自由职业者做什么赚钱？省钱快报能月入三千吗？ 高省APP珊珊
    说起省钱快报，很多人都觉得很耳熟，省钱快报是一个社交电商平台，省钱快报是一个给大家提供优惠券一级购物返佣的优惠平台,整合了京东淘宝拼多多等等各大电商平台的优惠券和佣金，用户领券购买更优惠！所有的售后服务也都还和你之前的平台买东西一样，副业赚钱，可以用省钱快报来增加收入。至于我为何转到高省APP呢？当然是高省佣金更高，模式更好。高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自用省钱佣金
  • 氧券邀请码是多少（最新app邀请码大全及填写步骤讲解）带你玩转 日常购物小技巧
    一、氧券邀请码填什么填多少1、氧券邀请码填写：999999，这样可以获得高级合伙人，高佣金二、怎么才能有氧券邀请码氧券APP是淘宝天猫京东…全网优惠券+返利的搬运工，自购省钱，分享挣钱！注册氧券是必须要填写邀请码的，没有邀请码不能注册。1、填写上面邀请码注册，自己也会升级为高级合伙人，拥有自己的氧券邀请码2、会员自己购物可享受返佣，可以分享赚钱获得佣金三、氧券会员注册怎么弄1、手机下载氧券APP后
  • 一部手机就能操作的10种赚钱方式,看看哪种适合你? 氧惠全网优惠
    手机已经成为了我们生活中不可或缺的一部分，拿着手机刷分享赚钱已经成为了不少人的日常。今天，我想和大家分享一下手机赚钱的10种好方法。京东密令红包：最爱领红包828红包多多148今天给大家分享我长期在做的副业，也在这里赚到人生第3桶金！氧惠APP佣金高，资质靠谱，各大应用市场均可搜索使用。【氧惠】氧惠app是杭州长孚科技有限公司旗下一款新开发电商导购应用，为用户打造一个集成电商购物优惠佣金平台，公司
  • 京东和唯品会哪个可信？唯品会和京东价格差距大 日常购物小技巧
    京东和唯品会做为两大电商平台，里面的产品都是有品质保证的，大部份人也都是比较了解，可是京东和唯品会哪个是真正的正品?二者有何不同?现在我们根据下列文章来详细讲解。唯品会和京东哪个正品?京东和唯品会都是正品，京东主打的是他们家的物流，京东自家的物流效率很高，唯品会主营打折的正品，很适合淘货。2个都是正品，看自己的需求来选择，我认为我比较喜欢去京东选购，物流快，今日下单或许明天就可收到货，假如是买些打
  • 亚马逊真的可以赚钱吗？亚马逊怎么做才能赚钱？ 古楼
    1、代购：近年来，随着移动支付和国际物流的发展，代购行业不再像以前那样火爆，但依旧有着不错的利润空间，大家可以兼职亚马逊代购，获得手续费，汇率差价等等，是可以赚到钱的。2、跨境电商：所谓的亚马逊跨境电商，就是通过通过亚马逊跨境平台，把中国的货物卖到全球去，虽然在国内，亚马逊的流量不如京东、淘宝、拼多多，但在国外亚马逊的流量是很高的，其市场空间庞大。一、注册店铺网页搜索“亚马逊全球开店”进入官网。找
  • 大家在哪里买高仿包包，推荐6个最新渠道 腕表鞋屋
    大家在哪里买高仿包包，推荐6个最新渠道在如今的社会中，有许多人喜欢购买高仿包包。虽然真正的奢侈品价格昂贵，但是高仿包包的外观和品质却能够满足大多数人的需求。那么，大家想知道在哪里买高仿包包吗？下面就为大家推荐6个最新渠道。微信:97870758(下单赠送精美礼品)第一个渠道是线上购物平台。如今，互联网的发展让我们可以方便地在各大电商平台上搜索并购买高仿包包。一些知名的电商平台如淘宝、京东等都有很多
  • 氧惠风暴来袭！低成本摆摊卖这些，让你日入过万！ 氧惠好物
    在互联网时代，低成本创业已经成为可能。今天，我要给大家介绍一款名为氧惠的APP，它将与你的生活产生重大影响。氧惠，一个全新的抖客+淘客平台，以其独特的带货高补贴模式，正在改变着人们的购物习惯和赚钱方式。氧惠，一个全新的购物体验首先，让我们来看看氧惠的特点。氧惠是一款集购物、省钱、赚钱于一体的APP。它与淘宝、京东、拼多多等主流电商平台合作，为用户提供内部优惠券，涵盖了吃喝玩乐衣食住行的各个方面。这
  • 广州复刻包包市场（盘点十个广州复刻包包批发渠道） 美鞋之家
    广州作为中国最大的商品交易基地，众多的货源市场使其深受商家们的喜欢。其中复刻包包市场更是闻名全国，以下就为你盘点十个广州复刻包包批发渠道。微信:1179517285(下单赠送精美礼品)1.白马包包批发市场白马包包批发市场是广州最有名的复刻包批发市场之一，这里的包包种类繁多，设计独特，适合各类人群购买使用。2.海珠区新华洲包城新华洲包城主要经营女士配饰、鞋包等商品，这里的复刻包包既有精仿的高端品牌，
  • 保温壶哪个品牌质量好？保温壶十大品牌排行榜 金钱保卫科长
    保温壶日常家用或者出门时候带上，都是非常方便的提供热水的神器！保温壶主要针对家居、会议等场所的固有特征而专业开发的一种新的产品类别，其前身由保温瓶、保温杯演变而来，也可称为咖啡壶。保温壶哪个品牌质量好？保温壶十大品牌排行榜淘宝/京东/拼多多/唯品会/外卖等平台超级红包|活动无门槛红包https://www.chaojiyouhui1-虎牌（Tiger）Tiger虎牌创于1923年日本，以生产热水瓶
  • 拼多多返利app叫什么名字?拼多多返利靠前的5个软件大全 小小编007
    拼多多返利app指的是拼多多购物平台的返现或折扣应用。这些应用通过提供优惠券、折扣、返现等方式吸引消费者，增加购物体验的实惠性。在拼多多平台上，有很多返利软件，其中排名前五的软件分别是：1.果冻宝盒果冻宝盒是一个综合导购返利软件，覆盖了淘宝，拼多多、京东、抖音等各大电商平台的商品优惠券和返利服务。还有话费充值，汽车加油，电影票，外卖红包，视频会员充值等各种低折扣生活娱乐权益。果冻宝盒相比其它同行，
  • 2021-11-06 简藏格物奢侈品服务中心
    找代购买奢侈品，一定要做这两件事，才不会被骗上一期我们聊到，找代购为什么会买到仿品。其实大部分代购都是诚信的，为什么还有那么多会买到仿品。那是因为很多挂着代购名衔的，他们就不是代购，只是朋友圈包装成一个忙碌的“搬运工”。大家在购买之前，最好找卖家要几张鉴定点的高清图，大家可以先拿图鉴定。最好让卖家多拍些实物图，并且挂上防调包扣。这样做，一点是为了确定收到的货，与图片是同一个，防调包扣是避免后续纠纷
  • 京东快递个人寄件怎么操作？贵不贵？ 氧惠_飞智666999
    总所周知，如今的京东自营店快递已经成为行业的标杆的存在的，大家对于它的印象就是物流快而且安全，服务态度也好。而现在京东快递也可以个人寄件使用啦，那么下面介绍一下京东快递个人寄件怎么操作?贵不贵?氧惠APP，2022全新模式，0投资，最快63天做到月入十万。我的直推也会放到你下面，我曾经1年做到百万团队，现在加入我也会帮你做到百万团队。【氧惠】百度有几百万篇报道，也期待你的加入。飞智导师，氧惠首码邀
  • 【仿RabbitMQ消息队列项目day2】使用muduo库中基于protobuf的应用层协议进行通信 月夜星辉雪 rabbitmq网络分布式c++后端服务器linux
    一.什么是muduo?muduo库是⼀个基于非阻塞IO和事件驱动的C++高并发TCP网络编程库。简单来理解，它就是对原生的TCP套接字的封装，是一个比socket编程接口更好用的编程库。二.使用muduo库完成一个英译汉翻译服务TranslateServer.hpp:#pragmaonce#include#include#include#include#include"muduo/net/TcpC
  • 京东三八妇女节优惠券怎么领?领券规则有哪些? 高省APP珊珊
    京东三八妇女节优惠券的领取方式和领券规则如下：高省-淘宝38密令（超红密令）领取/核销时间一致：2月29日10点——3月8号（含）你真漂亮377【高省】APP（高佣金领导者）是一个自用省钱佣金高，分享推广赚钱多的平台，2000万用户信赖的四年老平台，稳定可靠。高省APP佣金更高，模式更好，终端用户不流失。高省是公认的返利最高的软件。珊珊导师高省邀请码666123，注册送2皇冠会员，送万元推广大礼包
  • 2024年还可以创业吗？做什么生意好？ 古楼
    2024年还可以创业吗？随着时代的不断发展和社会的变革，创业一直都是许多人梦寐以求的事情。然而，在经济环境和市场竞争日益激烈的情况下，很多人会思考：2024年还可以创业吗？多一个项目多一份收入，先给大家分享一个小编在做的网络项目，不用投资一分钱，只要淘宝、京东、拼多多、抖音、快手、唯品会等电商不倒，这个项目永久可做，而且收入稳定！网购你是直接下单吗？还是说用别人的口令和链接下单？千万不要这么做了，
  • 学生党网上兼职什么好？推荐几个适合学生的网上兼职 氧惠全网优惠
    说到学生时代的兼职，不仅可以赚点零花钱，还可以增加社会经验，绝对是一举两得。这里我总结了4个学生党可以做的兼职，给大家参考。1、优惠券平台推广优惠券APP是什么？在淘宝、京东、拼夕夕等平台买东西有一些隐藏的优惠券，比如原来衣服卖两百元，用了优惠券，只要150元，不仅买的便宜，而且优惠券APP还会给买家返利，所以说是相当划算的。当然，如果你把这个有优惠券的商品推荐给别人买，你也就可以赚佣金啦！那用哪
  • 快手开通橱窗有哪些要求？快手推广引流有哪些方法？ 氧惠导师
    相信很多人的手机里面都有下载快手短视频软件，无聊的时候可以刷刷短视频打发时间，如果你有货源的话，也可以在这里卖货，下面的内容中了解一下快手开通橱窗功能的条件。➤推荐网购薅羊毛app“氧惠”，一个领隐藏优惠券+现金返利的平台。氧惠只提供领券返利链接，下单全程都在淘宝、京东、拼多多等原平台，更支持抖音、快手电商、外卖红包返利等。（应用市场搜“氧惠”下载，邀请码:521521，全网优惠上氧惠！）➤由于信
  • 用手机怎么赚零花钱，手机赚钱正规渠道 测评君高省
    说到利用网络赚钱，那方法真是多了去了，什么威客，自媒体，还有开淘宝店，这些方法确实是利用网络赚钱的，但是我觉得不太实用。就拿威客来说吧，如果你没有技术，那么很难做威客赚钱。现在网上做什么能赚钱？每天轻松几分钟，赚点零花钱！高省优惠券网站是最全面的优惠券购物网站，一直以来的经营宗旨也是用户优惠为先，高省合作的商家覆盖广，每天发放千万优惠券。和淘宝、京东、唯品会、饿了么等多个大平台合作，并且推出了返利
  • 京东返利app哪个最好？京东官方返利app？ 测评君高省
    京东返利app哪个最好？其实现在网络购物优惠的新趋势都是推出返利购物模式，像淘宝京东等大电商平台，都有推出自己返利模式，目前市场上铺天盖地的有许多京东返利app的宣传，关于京东返利app哪个最好，其实网上也有比较和排名，我们根据返利金额、返利提现门槛、安全性等，选择了一款最好的京东返利app，那其实就是高省app。京东返利是什么？京东返利是指在京东商城下单后领取一笔返返利佣金，我们可以通过高省这样
  • 11.20晨间感恩日记 夜宁
    1.今天周六，但是其实也没有什么周末的概念了，无非是早上起来冥想，洗漱，喂猫，吃饭，刷碗，扫地墩地，顺便看看最近热播的电视剧，然后就10点钟了。虽然日常流程是这个样子，仿若每天都是一个样子，但是生活还是可以觉得很有意思。比如冥想的时候，虽然断了一阵子，但是再度开始的时候会清晰的发现冥想会让自己静下来，也更能明了自己想要的是什么，不至于浑浑噩噩，什么都想抓到。早上的空气很是清凉，出了院子，不自觉的就
  • 京东优惠券平台哪个好（公认最好用的优惠券平台） 古楼
    本人每年在淘宝京东网购花五六千，非常享受拆快递感觉，高兴了剁手，不高兴了也剁手，以前为了省钱也折腾过很多次，不过现在因为不方便等各种原因都卸载了！！最后总结了一个最省钱的办法就是用【高省】：优惠券+店铺折扣+购物返利！！！讲真！再没有比这样更便宜的了！好多羊毛大佬也是这个套路！！每月网购花500块的小伙伴绝对要看下去，搞不好能省200块。先说一下优惠券！！！！比如说厂家出产了一批水杯，出厂价4元，
  • 淘宝618什么时候开始的?淘宝618购物要注意什么? 氧惠爱高省
    淘宝618是一年一度的年中大促销活动，很多电商平台都会在这个时候搞商品打折活动，为消费者带来一波福利，那淘宝618什么时候开始的?下面来我们就来给大家讲解一下这方面的内容。京东密令红包：最爱领红包828红包多多148购物、汽车加油、看电影、点外卖、用氧惠APP！更优惠！氧惠（全网优惠上氧惠）——是与以往完全不同的抖客+淘客app！2023全新模式，我的直推也会放到你下面，送1:1超级补贴(邀请好友
  • 2022年京东618红包领取时间、玩法攻略汇总 高省APP珊珊
    2022京东618红包活动时间是什么时候开始？2022年5月30日12点至2022年6月18日23:59淘宝618密令红包公布密令：【天降红包61666】5.29日20点准时，大额红包不要错过，具体时间同步更新大家好，我是【高省】最大团队创始人珊珊，至于我为何用高省APP领取优惠券呢，当然是高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几百
  • 拼多多返利app哪个最高_拼多多怎么拿返佣? 小小编007
    拼多多，淘宝，京东国内三大主流电商平台。京东最高端，淘宝次之，拼多多最平民大众。殊不知，除了在拼多多上买东西便宜外，还可以拿到拼多多商家的高额返利返佣。拼多多返利app，哪个给的最高，门槛最低？首推果冻宝盒。一、果冻宝盒有什么使用限制？果冻宝盒实行邀请注册，顶级邀请码：223377，注册和使用果冻宝盒是没有任何费用的。果冻宝盒会员的权益：1、可使用果冻宝盒搜索到淘宝天猫等各大电商平台的隐藏优惠券，
  • 好省怎么用?是如何赚钱的? 优惠券高省
    好省app怎么赚钱?好省app作为是一个全面的电商导购平台,提供诸如淘宝、京东、拼多多等各大平台的优惠券,其他同类型的导购平台相比,更加的全面,线上线下全面出击。如果你想通过好省赚钱,那你可以把这款APP推荐给淘宝(10亿用户)、拼多多(3亿用户)、京东(1亿用户)使用,那你能赚到他们购物返佣,也可以自己购物领优惠券能省不少钱,以后还有更多的商家与粉象合作,这么免费的App人人都需要,很好推广。至
  • eclipse maven IXHONG eclipse
    eclipse中使用maven插件的时候，运行run as maven build的时候报错 -Dmaven.multiModuleProjectDirectory system propery is not set. Check $M2_HOME environment variable and mvn script match.   可以设一个环境变量M2_HOME指
  • timer cancel方法的一个小实例 alleni123 多线程timer
    package com.lj.timer; import java.util.Date; import java.util.Timer; import java.util.TimerTask; public class MyTimer extends TimerTask { private int a; private Timer timer; pub
  • MySQL数据库在Linux下的安装 ducklsl mysql
    1.建好一个专门放置MySQL的目录 /mysql/db数据库目录 /mysql/data数据库数据文件目录 2.配置用户，添加专门的MySQL管理用户 >groupadd mysql ----添加用户组 >useradd -g mysql mysql ----在mysql用户组中添加一个mysql用户 3.配置，生成并安装MySQL >cmake -D
  • spring------>>cvc-elt.1: Cannot find the declaration of element Array_06 springbean
    将-------- <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans"     xmlns:xsi="http://www.w3
  • maven发布第三方jar的一些问题 cugfy maven
    maven中发布 第三方jar到nexus仓库使用的是 deploy:deploy-file命令 有许多参数，具体可查看 http://maven.apache.org/plugins/maven-deploy-plugin/deploy-file-mojo.html 以下是一个例子： mvn  deploy:deploy-file -DgroupId=xpp3
  • MYSQL下载及安装 357029540 mysql
        好久没有去安装过MYSQL，今天自己在安装完MYSQL过后用navicat for mysql去厕测试链接的时候出现了10061的问题，因为的的MYSQL是最新版本为5.6.24，所以下载的文件夹里没有my.ini文件，所以在网上找了很多方法还是没有找到怎么解决问题，最后看到了一篇百度经验里有这个的介绍，按照其步骤也完成了安装，在这里给大家分享下这个链接的地址
  • ios TableView cell的布局 张亚雄 tableview
      cell.imageView.image = [UIImage imageNamed:[imageArray objectAtIndex:[indexPath row]]];           CGSize itemSize = CGSizeMake(60, 50);   &nbs
  • Java编码转义 adminjun java编码转义
    import java.io.UnsupportedEncodingException; /** * 转换字符串的编码 */ public class ChangeCharset { /** 7位ASCII字符，也叫作ISO646-US、Unicode字符集的基本拉丁块 */ public static final Strin
  • Tomcat 配置和spring aijuans spring
    简介 Tomcat启动时，先找系统变量CATALINA_BASE，如果没有，则找CATALINA_HOME。然后找这个变量所指的目录下的conf文件夹，从中读取配置文件。最重要的配置文件：server.xml 。要配置tomcat，基本上了解server.xml，context.xml和web.xml。 Server.xml --  tomcat主
  • Java打印当前目录下的所有子目录和文件 ayaoxinchao 递归File
    其实这个没啥技术含量，大湿们不要操笑哦，只是做一个简单的记录，简单用了一下递归算法。   import java.io.File; /** * @author Perlin * @date 2014-6-30 */ public class PrintDirectory { public static void printDirectory(File f
  • linux安装mysql出现libs报冲突解决 BigBird2012 linux
    linux安装mysql出现libs报冲突解决 安装mysql出现 file /usr/share/mysql/ukrainian/errmsg.sys from install of MySQL-server-5.5.33-1.linux2.6.i386 conflicts with file from package mysql-libs-5.1.61-4.el6.i686  
  • jedis连接池使用实例 bijian1013 redisjedis连接池jedis
    实例代码： package com.bijian.study; import java.util.ArrayList; import java.util.List; import redis.clients.jedis.Jedis; import redis.clients.jedis.JedisPool; import redis.clients.jedis.JedisPoo
  • 关于朋友 bingyingao 朋友兴趣爱好维持
      成为朋友的必要条件：    志相同，道不合，可以成为朋友。譬如马云、周星驰一个是商人，一个是影星，可谓道不同，但都很有梦想，都要在各自领域里做到最好，当他们遇到一起，互相欣赏，可以畅谈两个小时。     志不同，道相合，也可以成为朋友。譬如有时候看到两个一个成绩很好每次考试争做第一，一个成绩很差的同学是好朋友。他们志向不相同，但他
  • 【Spark七十九】Spark RDD API一 bit1129 spark
    aggregate package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} //测试RDD的aggregate方法 object AggregateTest { def main(args: Array[String]) { val conf = new Spar
  • ktap 0.1 released bookjovi kerneltracing
    Dear, I'm pleased to announce that ktap release v0.1, this is the first official release of ktap project, it is expected that this release is not fully functional or very stable and we welcome bu
  • 能保存Properties文件注释的Properties工具类 BrokenDreams properties
            今天遇到一个小需求：由于java.util.Properties读取属性文件时会忽略注释，当写回去的时候，注释都没了。恰好一个项目中的配置文件会在部署后被某个Java程序修改一下，但修改了之后注释全没了，可能会给以后的参数调整带来困难。所以要解决这个问题。     &nb
  • 读《研磨设计模式》-代码笔记-外观模式-Facade bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* * 百度百科的定义： * Facade（外观）模式为子系统中的各类（或结构与方法）提供一个简明一致的界面， * 隐藏子系统的复杂性，使子系统更加容易使用。他是为子系统中的一组接口所提供的一个一致的界面 * * 可简单地
  • After Effects教程收集 cherishLC After Effects
    1、中文入门 http://study.163.com/course/courseMain.htm?courseId=730009 2、videocopilot英文入门教程（中文字幕） http://www.youku.com/playlist_show/id_17893193.html 英文原址： http://www.videocopilot.net/basic/ 素
  • Linux Apache 安装过程 crabdave apache
    Linux Apache 安装过程   下载新版本： apr-1.4.2.tar.gz（下载网站：http://apr.apache.org/download.cgi） apr-util-1.3.9.tar.gz（下载网站：http://apr.apache.org/download.cgi） httpd-2.2.15.tar.gz（下载网站：http://httpd.apac
  • Shell学习 之 变量赋值和引用 daizj shell变量引用赋值
    本文转自：http://www.cnblogs.com/papam/articles/1548679.html Shell编程中，使用变量无需事先声明，同时变量名的命名须遵循如下规则： 首个字符必须为字母（a-z，A-Z） 中间不能有空格，可以使用下划线（_） 不能使用标点符号 不能使用bash里的关键字（可用help命令查看保留关键字） 需要给变量赋值时，可以这么写：
  • Java SE 第一讲（Java SE入门、JDK的下载与安装、第一个Java程序、Java程序的编译与执行） dcj3sjt126com javajdk
    Java SE 第一讲： Java SE：Java Standard Edition Java ME: Java Mobile Edition Java EE：Java Enterprise Edition Java是由Sun公司推出的（今年初被Oracle公司收购）。 收购价格：74亿美金 J2SE、J2ME、J2EE JDK：Java Development
  • YII给用户登录加上验证码 dcj3sjt126com yii
    1、在SiteController中添加如下代码： /** * Declares class-based actions. */ public function actions() { return array( // captcha action renders the CAPTCHA image displ
  • Lucene使用说明 dyy_gusi Lucenesearch分词器
    Lucene使用说明 1、lucene简介 1.1、什么是lucene     Lucene是一个全文搜索框架，而不是应用产品。因此它并不像baidu或者googleDesktop那种拿来就能用，它只是提供了一种工具让你能实现这些产品和功能。 1.2、lucene能做什么     要回答这个问题，先要了解lucene的本质。实际
  • 学习编程并不难,做到以下几点即可! gcq511120594 数据结构编程算法
    不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各 异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发 各种神奇的软件啦。 1、确定目标 学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
  • Java面试十问之三：Java与C++内存回收机制的差别 HNUlanwei javaC++finalize()堆栈内存回收
    大家知道， Java 除了那 8 种基本类型以外，其他都是对象类型（又称为引用类型）的数据。 JVM 会把程序创建的对象存放在堆空间中，那什么又是堆空间呢？其实，堆（ Heap）是一个运行时的数据存储区，从它可以分配大小各异的空间。一般，运行时的数据存储区有堆（ Heap）和堆栈（ Stack），所以要先看它们里面可以分配哪些类型的对象实体，然后才知道如何均衡使用这两种存储区。一般来说，栈中存放的
  • 第二章 Nginx+Lua开发入门 jinnianshilongnian nginxlua
    Nginx入门 本文目的是学习Nginx+Lua开发，对于Nginx基本知识可以参考如下文章： nginx启动、关闭、重启 http://www.cnblogs.com/derekchen/archive/2011/02/17/1957209.html agentzh 的 Nginx 教程 http://openresty.org/download/agentzh-nginx-tutor
  • MongoDB windows安装 基本命令 liyonghui160com
      windows安装    安装目录：   D:\MongoDB\   新建目录   D:\MongoDB\data\db   4.启动进城：   cd D:\MongoDB\bin   mongod -dbpath D:\MongoDB\data\db   &n
  • Linux下通过源码编译安装程序 pda158 linux
    一、程序的组成部分 　　Linux下程序大都是由以下几部分组成： 　　二进制文件：也就是可以运行的程序文件 　　库文件：就是通常我们见到的lib目录下的文件 　　配置文件：这个不必多说，都知道 　　帮助文档：通常是我们在linux下用man命令查看的命令的文档 　　 二、linux下程序的存放目录 　　linux程序的存放目录大致有三个地方： 　　/etc, /b
  • WEB开发编程的职业生涯４个阶段 shw3588 编程Web工作生活
    觉得自己什么都会 2007年从学校毕业，凭借自己原创的ASP毕业设计，以为自己很厉害似的，信心满满去东莞找工作，找面试成功率确实很高，只是工资不高，但依旧无法磨灭那过分的自信，那时候什么考勤系统、什么OA系统、什么ERP，什么都觉得有信心，这样的生涯大概持续了约一年。 根本不是自己想的那样 2008年开始接触很多工作相关的东西，发现太多东西自己根本不会，都需要去学，不管是asp还是js，
  • 遭遇jsonp同域下变作post请求的坑 vb2005xu jsonp同域post
    今天迁移一个站点时遇到一个坑爹问题,同一个jsonp接口在跨域时都能调用成功,但是在同域下调用虽然成功,但是数据却有问题. 此处贴出我的后端代码片段 $mi_id = htmlspecialchars(trim($_GET['mi_id '])); $mi_cv = htmlspecialchars(trim($_GET['mi_cv ']));  贴出我前端代码片段: $.aj
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他