关闭

项目总结

总结移动端滚动穿透问题问题描述: 弹层上面有一个dialog,dialog中内容可以滚动,但是在滚动div上内容时,弹层下方也会滚动.尝试使用的方法1.给mask增加监听事件,阻止默认的touchmove和mousemove事件.将dialog从mask子节点中移除,否则dialog中的内容也无法滚动. 2.第一种方案存在兼容性问题,后来,使用的方法是在dialog显示时,将body的overfl...
阅读(508) 评论(5)

react/reactNative预热篇

关于react,还是会以ES6的写法为主,前端在发展,ES7已经来了,我们总不能一直停留在ES5时代,当然啦,如果你能好好理解ES5的对象,继承,以及this。那自然是再好不过的一件事。学习ES6,书籍可以不用准备,但是阮一峰ES6的教程还是需要看一下的。 http://es6.ruanyifeng.com/infoQ上的深入浅出ES6系列,也很是不错。 http://www.infoq.com/...
阅读(821) 评论(0)

移动端真机调试方法介绍

移动端调试困难很多时候,我们在进行移动端开发时,都是先在PC端使用手机模拟器进行调试,没有问题后,我们才会在手机端的浏览器进行测试,这个时候,如果没有出现问题,皆大欢喜。但是一旦出现问题,我们就很难解决,因为缺乏可视化的界面。不似在PC端,我们能直观的去改变样式,或者是进行断点调试。有时,在移动端我们不得不借助于alert来调试,但是这样的调试方法效率极其低下,很多时候,都是靠经验,或者是靠排除法。...
阅读(1711) 评论(0)

MAC如果管理多个java版本

有时,我们需要同时拥有多个java版本,我最先安装的是jdk1.8,当时是学习ReactNative,配置安卓模拟器的时候,直接安装的是1.8版本,后来,使用GCC或者是ant的时候,实在是记不清究竟是出于什么需求,又安装了jdk1.6的版本。最近因为一些原因需要学习java,又需要安装jdk1.7版本。 首先是jdk1.7版本的下载: http://www.oracle.com/technet...
阅读(503) 评论(0)

windows下node升级

windows下node升级。 首先下载gnvm: https://github.com/Kenshin/gnvm安装方式可以参考Node上的讲解。 使用下面的命令进行升级。 gnvm update latest gnvm npm latest...
阅读(2196) 评论(0)

:nth-child和:nth-of-type的区别

nth-child和nth-of-type都是CSS3中新增的伪类选择器,平心而论,平时使用nth-child比较多,有时碰到些出乎意料的情况,也是改完就算了,并没有深入研究,以至于在今天之前,我还蠢蠢的以为nth-of-type比nth-child要严格,毕竟人家有个type。        大写的囧….        好吧,我为自己的不求甚解惭愧下…      网上关于nth-child和n...
阅读(2006) 评论(3)

CSS隐藏元素的差异

一直知道,display:none;不占据空间,而visibility:hidden;和opacity:0;是占据空间的。 但是对于是否可以点击,并未了解过,而此次做项目的过程中,便不巧的遇上了这样的问题。要实现的效果图如下。 除了轮播以外,还使用了mCustomScrollbar的插件。 地址为:http://manos.malihu.gr/jquery-custom-content-scr...
阅读(1245) 评论(2)

在localStorage中存储对象数组并读取

频繁ajax请求导致页面响应变慢。 于是考虑将数据存储在window.storage中,这样只请求一次ajax,而不需要频繁请求。 鉴于localstorage中只能存储字符串,所以我们要借助于JSON.stringify()和JSON.parse();$.ajax({ type: "get", async: "true", url: "", data: {},...
阅读(7652) 评论(0)

子元素的margin-top属性传递给父元素的问题

说实话,这个问题时常困扰我,不过每次解决之后,都没有深究。 额,深深的鄙视一下自己。 div.parent{background: #FF92D5;height:200px;margin-top: 0;} .child{height: 40px;margin-top: 40px;background: green;} ...
阅读(2422) 评论(3)

line-height:2;与line-height:2em的区别

line-height:2;行高是2倍的文字大小,均以相应的字体为基准。 line-htight:2em;行高是2倍的文字大小,文字大小是指父元素中设定的字体大小。 line-height:2和line-height:2em的区别,它们是有区别的 <style ty...
阅读(2295) 评论(1)
112条 共12页1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:542217次
    • 积分:46445
    • 等级:
    • 排名:第72名
    • 原创:112篇
    • 转载:0篇
    • 译文:0篇
    • 评论:116条
    博客专栏
    最新评论