摘要: 记录几个最近开发踩的坑1. 页面加载时的window size 并不可靠。 问题:使用window.innerHeight 取到的高度并不一定是真实高度。 该问题在新打开的webview中尤其明显。所以必要时可加定时器进行校验。2. 避免使用window.onresize事件 问题:由于移动端浏览器... 阅读全文
posted @ 2014-12-12 19:32 snadn 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 第一次使用angularjs做项目是做360音乐的wap站(http://m.music.so.com/)。开发的过程中把angularjs好好的了解了一下,也踩了许多坑。现在记录下一些注意点:1. scope的继承。 angular里的scope是基于原型继承的。所以子scope在使用属性,尤其是... 阅读全文
posted @ 2014-10-20 19:26 snadn 阅读(248) 评论(0) 推荐(0) 编辑
摘要: ##前言虽然最终想通过pptpd搭建vpn没能成功,不过还是记录下配置过程中的一些经验。##配置我的安装很简单,直接 `yum install pptpd` 就搞定了。然后说一下配置,需要的配置有以下几点:1. /etc/pptpd.conf 下主要是底部ip段的配置2. /etc/ppp/opti... 阅读全文
posted @ 2014-08-10 21:30 snadn 阅读(300) 评论(0) 推荐(0) 编辑
摘要: 前言:因win7自带iis7.5,用来做本地的测试比较方便。所以自己一直在用。但前两天在配置rewrite的时候踩了坑,因此记录一下备忘。配置:其实配置非常简单,不出意外,安装 iis 的 Rewrite Module 2.0 这个扩展,然后直接添加规则就可以work了。自己踩坑就踩在了rewrit... 阅读全文
posted @ 2014-08-10 20:42 snadn 阅读(307) 评论(0) 推荐(0) 编辑
摘要: 现象:1.在移动端播放音频文件的时候发现部分mp3音频文件在我的s4上无法播放,在使用转码工具将其重新转成mp3后,就能播放了。2.将不能播放的文件上传到云盘后,使用云盘的资源地址,发现可以在移动端播放。3.对比http请求,发现对云盘资源的请求里有206响应。然后看之前不能播放的请求,里面也是有range头的,只是之前的资源不支持range。4.对于移动端不能播放的资源,在pc端是可以播放的。结论:移动端对音频文件的格式要求更严,若无法取到其中的duration信息,会尝试发送range头通过206响应获取。若还获取不到,则资源无法播放。ps:以上不能播放的资源,在ios上(new ipad 阅读全文
posted @ 2014-02-25 18:55 snadn 阅读(572) 评论(0) 推荐(0) 编辑
摘要: 1. 高度处理移动端可以放心的使用min-height和max-height了,也应该学会灵活使用这些属性。line-height和height避免同时使用,让line-height撑起高度即可。否则容易出现line-height>height的情况,导致显示效果不居中甚至少一截的情况。2. 兼容相关移动端可以使用很多css3和html5的东西,但要注意支持的情况,而有些属性使用时需要前缀。(兼容可以参考http://caniuse.com/#index)。比如Box-sizing这个属性,在移动端就很有用,但在Android4.0以前需要加-webkit-的前缀。又比如Android虽 阅读全文
posted @ 2014-02-12 19:34 snadn 阅读(290) 评论(0) 推荐(0) 编辑
摘要: 最近在做一个页面的时候,发现在ie8浏览器(也包括ie7)中,字体有显示发虚,甚至大小不一样的问题。经过追查,发现原来是使用透明滤镜后,对字体的渲染造成了影响。解决方法有两种:若需要使用透明滤镜,可以给使用滤镜的元素加一个背景色。效果如下,不过字体还是有一些发虚。当然,最根本的方法还是避免使用滤镜了。 阅读全文
posted @ 2014-01-23 12:29 snadn 阅读(2603) 评论(0) 推荐(0) 编辑
摘要: 这几天做移动端的音乐播放,果然是踩坑不断呀!其中一个就是,做好的播放功能,在pc上可用,在手机上的壳子浏览器可用,可偏偏在原生浏览器和chrome上不行。折腾了好久(主要还是移动端的调试真心不方便呀),最终定位到问题是: 移动端一个audio对象的第一次播放,必须是一个用户触发的行为。至少在我目前4.3的三星s4的原生浏览器和chrome31上是这样的,相信在以后的版本上也会是这样。所以对于异步获取播放的资源链接再进行播放的实现,在这两个浏览器上就会失效。解决方法:既然不能异步,最简单的方法就是换成同步呗。当然,这对于项目来说是不现实的……上面提到,这个限制对于同一个audio对象,只在其初. 阅读全文
posted @ 2013-12-08 13:20 snadn 阅读(2527) 评论(2) 推荐(0) 编辑
摘要: window.opener对象,相信一看这名字就能猜到这个是打开当前页面的来源页面对象。和parent,top,等相似。这里要记录的是:虽然通过opener获取location时有跨域的的限制。但却可以通过直接更改location对象使来源页面重定向!个人认为这应该算一个大坑,一个严重的安全漏洞了。 阅读全文
posted @ 2013-12-08 12:58 snadn 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 原文链接:http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#line-height译者序:翻译该段文档,是因为自己在写相应的样式时遇到了疑惑,于是找文档看说明,发现很多地方和自己以前的理解还是有很大的差异,阅读后收获颇丰,而且网上目前的中文参考资料中似乎也找不到原滋原味的定义。于是决定自己翻译一下,也算是对自己的锻炼吧。第一次翻译,错误和不足的地方欢迎大家指正。ps:没想到短短的一段文档翻译居然用了两三周时间才完成。文章仅为翻译,对知识点的整理和总结等以后有时间再考虑吧。阅读该文档时需注意每个用词,不同用词有不同含义,相似的用词往 阅读全文
posted @ 2013-09-10 20:11 snadn 阅读(916) 评论(1) 推荐(1) 编辑