i,unbug

Undeniable[Better:见贤思齐,闻庸自省. Unique:独立思索,志在远方. Genuine:谦逊真诚,宽以待人.]

iScroll4启用snap时原生滚动被阻止的解决办法

Posted by on Sep 18, 2012 in JavaScript, Mobile Web App | 1 comment

iScroll4启用snap时原生滚动会被阻止,具体表现是拖动snap作用的元素往非snap路径时将无法拖动页面。

官方的解决办法是追加onBeforeScrollStart事件:

onBeforeScrollStart: function (e) { return true; }

这种办法在测试中iOS和原生android设备是没有问题的,但第三方定制系统的设备(如小米,魅族)以及将页面在android应用中打开都会造成滑动非常的卡的现象。这时只要改改iScoll4的源码即可。具体参看

https://github.com/zmathew/iscroll/commit/86acfc09298a999c6f3097ecea736169e00b8e52

Read More

OS X中Eeclipse juno的Subversion出现 E175002: Received fatal alert: bad_record_mac 的解决办法

Posted by on Aug 3, 2012 in Lounge | 0 comments

Mac下找不到什么免费好用的SVN工具,这对于习惯使用eclipse的开发者来说影响不大,因为我们有Subversion.刚刚换了Juno,安装完Subversion发现没法new reporsitory location,报的是E175002: Received fatal alert: bad_record_mac的错误,搜索了一翻,发现新的Eclipse都有这个问题,而且上个版本就有了,解决办法一个是使用JDK7启动Eclipse,一个是个性eclipse.ini文件:

在eclipse.app–>右键–>显示内容包–>Content/MacOS/eclipse.ini–>编辑在最后加-Dsvnkit.http.sslProtocols=SSLv3

如下:
-startup
../../../plugins/org.eclipse.equinox.launcher_1.3.0.v20120522-1813.jar
--launcher.library
../../../plugins/org.eclipse.equinox.launcher.cocoa.macosx.x86_64_1.1.200.v20120522-1813
-product
org.eclipse.epp.package.jee.product
--launcher.defaultAction
openFile
-showsplash
org.eclipse.platform
--launcher.XXMaxPermSize
512m
--launcher.defaultAction
openFile
-vmargs
-Dosgi.requiredJavaVersion=1.5
-Dhelp.lucene.tokenizer=standard
-XstartOnFirstThread
-Dorg.eclipse.swt.internal.carbon.smallFonts
-XX:MaxPermSize=512m
-Xms40m
-Xmx768m
-Xdock:icon=../Resources/Eclipse.icns
-XstartOnFirstThread
-Dorg.eclipse.swt.internal.carbon.smallFonts
-Dsvnkit.http.sslProtocols=SSLv3

Read More

Facebook最新的Mobile Web APP版新增的”摇一摇”功能所用到的DeviceMotionEvent事件

Posted by on Jul 18, 2012 in HTML5, JavaScript, Mobile Web App | 0 comments

Facebook在Mobile Web APP方面一直是担当榜样的大哥形像.近日出的新版在iOS上多了个“摇一摇”(Friendshake)寻找附近友邻功能。与这个功能相关的事件早在iOS4.2的时候就被mobile safari支持了,很早就听到做mobile游戏的朋友用上这个事件了,即是DeviceMotionEvent,下面我们就来讲讲这个事件:

Read More

Google推出强大的网站速度分析和优化建议的Chrome开发者工具扩展插件:PageSpeed Insights

Posted by on Jun 14, 2012 in Web | 1 comment

PageSpeed Insights早在2年前google就推荐了这个工具的预览版,现在他们推荐一个功能全面的2.0版本。作为Chrome开发者工具的扩展。可以对你的网站进行全面的分析,包括静态资源文件,网络,DOM和timeline等。下载安装之后打开发者工具就到下图的按钮,点击分析即可得到一份全面的报告。

Read More

[译]JavaScript文件操作(5)-Blob类型(二进制大对象)

Posted by on Jun 6, 2012 in HTML5 | 4 comments

到目前,本系列文章集中讲了File对象能在用户参与下对操作文件的产生的积极效果。事实上File对象是Blob的特殊类型。即大块的二进制数据,File对象的尺寸及类型等属性都继承自Blob。

大多时候, Blob 的 File是可以同时使用的。例如,可以用FileReader从Blob中读取数据,可以通过URL.createObjectURL()来创建一个URL对象。

Read More

[译]JavaScript文件操作(4)-URL对象

Posted by on Jun 5, 2012 in HTML5 | 0 comments

从这系列的以上文章中,你已经学到以传统的方式使用文件。你可以上传文件到服务器,可以从硬盘中读取文件。这些都是最普遍的操作文件的方式。然而,还有一个全新的方式让你能简化任务,就是使用 URL 对象。

何为 URL对象?

URL对象是硬盘上指向文件的URL。例如,你想在页面上显示用户系统里的一张图片,服务器不必知道对应文件,当然也不用上传它。你只需在页面中加载它即可。是的,前面的文章中提到,获取文件的引用,读取 data URI,然后赋值给一个 <img> 元素。不过细想其中多浪费:图片原本就在硬盘上,还要转换成另一个格式再用之?如果你创建一个URL对象,你可以直接赋值给 <img> 元素而后直接加载文件。

Read More
Page 3 of 41234