JS放大镜效果 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (39)
HTML部分:
<div id="demo">    <div id="small-box">        <div id="mark"></div>        <div id="float-box"></div>        <img src="small.jpg"/>    </div>    <div id="big-box">        <img src="big.jpg"/>    </div></div>CSS部分:
* {    margin: 0;    padding: 0}#demo {    display: block;    width: 400px;    height: 255px;    margin: 50px;    position: relative;    border: 1px solid #ccc;}#small-box {    position: relative;    z-index: 1;}#float-box {    display: none;    width: 160px;    height: 120p...阅读全文

 NodeJS NPM 镜像使用方法 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (34)
RSS本文总阅读量NodeJS NPM 镜像使用方法2014年8月21日通过改变默认npm镜像代理服务,以下三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候不用重新配置。
通过config命令
npm config set registry https://registry.npm.taobao.orgnpm info underscore (如果上面配置正确这个命令会有字符串response)命令行指定
npm --registry https://registry.npm.taobao.org info underscore编辑 ~/.npmrc 加入下面内容
registry = https://registry.npm.taobao.org...阅读全文

 ie6下z-index解决tips · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (62)
RSS本文总阅读量ie6下z-index解决tips2013年11月3日IE6虽然已经被公认放弃,但是不少前端开发人员还是在苦逼的兼容IE6.我没有刻意去学习IE6的hack,只有在碰到的时候才会去兼容。至于z-index这个bug发生的条件有三个:
父标签position属性为relative;问题标签无position属性(不包括static);问题标签含有浮动(float)属性;那解决办法肯定是针对这三个条件,去除任何一个即可。给出的方法也有三个:
position:relative改为position:absolute;去除浮动;浮动元素添加position属性(如relative,absolute等)。...阅读全文

 利用exif获取图片信息 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (19)
GITHUBABOUTRSS本文总阅读量利用exif获取图片信息2014年10月8日生活中拍摄了很多图片,有时候想用照片流的形式来展示,很多手机都已经做了这些处理,你可以选择按照地点来排列,或者按照拍摄日期来排列,那这些都是通过什么技术来实现的呢?
其实图片存储了大量的信息,可以通过exif来获取到这些信息,获取这些信息可以通过java或者php等后台语言来实现,在这里我用jquery的一个插件来实现。
HTML代码:
<img src="exif.jpg" id="img" exif="true" alt="点击图片查看GPS信息" title="tiger" width="500"/><script type="text/javascript" src="jquery.min.js"></script><script type="text/javascript" src="jquery.exif.js"></script><script type="text/javascript" src="demo.js"></script>JS代码:
...阅读全文