liuyong1855

摘要： 微薄：http://m.weibo.cn网易：http://3g.163.com/touch/​ 微软：http://ie.microsoft.com/testdrive/performance/irishspring/​腾讯网：http://info.3g.qq.com/g/s?aid=index&g_ut=3&g_f=6733​腾讯触屏版个效果实现http://www.1buy10.com/1buy10app/美图：http://meitu.lexun.com/我的微博：http://qing.weibo.com/1557117757/5ccfbb3d33001vj2.ht 阅读全文

摘要： 要想获取HTML元素的计算样式一直都存在很多的兼容问题，各浏览器都会存在一些差异，Firefox、webkit(Chrome,Safari)支持W3C标准的方法：getComputedStyle()，而IE6/7/8不支持标准的方法但是有私有的属性来实现：currentStyle，IE9和Opera两个都支持。有了这2个方法和属性基本上可以满足大多数要求了。1var getStyle = function( elem, type ){2return'getComputedStyle'inwindow ? getComputedStyle(elem,null)[type] : e 阅读全文

摘要： 本人测试ie,FF,chrome用document.documentElement.clientHeight都能取得高度和jquery $(window).height();一样的值，文档的高度document.body.clientHeight||document.documentElement.clientHeight,文档滚动条位置document.body.scrollTop||document.documentElement.scrollTop但没有定义W3C标准会有问题var dd = document.body || document.documentElement;var h1 阅读全文

摘要： 转载《小虾虎鱼http://www.xiaoboy.com》所谓可视区域是指能看得见的区域，即在浏览器中能看到页面的区域（高度与宽度）。刚刚使用document.body.clientHeight来获取可视区域的高度得到的却是整个文档的高度，然后在cnblogs.com的一篇文章中获知需要通过document.documentElement.clientHeight才能获取到浏览器的可视区域的高度，顺便将该文章摘下来，如下：在没有声明DOCTYPE的IE中，浏览器显示窗口大小只能以下获取：12document.body.offsetWidthdocument.body.offsetHeight 阅读全文

摘要： 转：http://www.zhihu.com/question/20246142知乎上，前端开发领域有哪些值得推荐的问答？知乎用户，菜鸟一只204 票，来自Promise、黄磊、sunken更多自问自答。自己在知乎上收集了不少前端开发领域的问答，收获不小，但结构比较凌乱，整理了下，头绪也清楚了些。希望对大家也有用处，同时感谢这些问答的作者。前端资源：关于 Javascript 学习，有哪些好的博客或者网站推荐？http://www.zhihu.com/question/19651401有哪些不错的前端开发博客？http://www.zhihu.com/question/19951193前端业内 阅读全文

摘要： 这篇文章着重介绍多触式设备上特有的gesture event（android和iOS对这个事件的封装大同小异）。这个事件是对touch event的更高层的封装，和touch一样，它同样包括gesturestart，gesturechange，gestureend三个事件回调：?gesturestart // 当有两根或多根手指放到屏幕上的时候触发 gesturechange // 当有两根或多根手指在屏幕上，并且有手指移动的时候触发 gestureend // 当倒数第二根手指提起的时候触发，结束gesture 事件处理函数中会得到一个GestureEvent类型的参数，它包含了手指的s.. 阅读全文

摘要： 这篇文章将描述多触式网页开发中对手势（Gesture）事件的处理。 水果设备中的Gesture，广义的说包括手指点击（click），轻拂（flick），双击（double-click），两只手指的分开、闭合（scale）、转动（rotate）等一切手指能在屏幕上做的事情。iOS上设计了了一系列手势来模拟和扩展鼠标操作，比如手指放下后迅速提起会触发click事件，手指向上滑动，停止，会触发body的onscroll事件等等。但是，狭义的Gesture事件，也就是能够addEventListener的GestureEvent对象，却并不是一个非常强大的存在，它只在有两根或多根手指放在屏幕上的时候. 阅读全文

摘要： 水果公司的那些small and cute的设备给我们提供了前所未有的用户体验。当用户在iphone和ipad上运指如飞的时候，那些使用objective-c写出优秀应用的开发人员们心里一定充满了成就感，因为正是他们（而不是水果）让iOS的世界变的丰富多彩。然而对于我们这些以web为自己事业核心的程序员来说，这种让人欲罢不能的多触式体验似乎跟我们关系不大，因为浏览器那一小块地方就是我们和用户的全部交集了。而许多网站为了让iOS的用户能够在多触式体验下使用自己的服务，都专门花钱开发objective-c的本地程序作为自己web service的客户端。 其实，对于一个web程序员或者一个网站来. 阅读全文

摘要： 转http://www.mhtml5.com/2012/06/5114.html由HTML5研究小组于周一, 11:41 上午发表分类:HTML5 技术博文Android设备多分辨率的问题Android浏览器默认预览模式浏览 会缩小页面WebView中则会以原始大小显示Android浏览器和WebView默认为mdpi。hdpi相当于mdpi的1.5倍ldpi相当于0.75倍三种解决方式：1 viewport属性 2 CSS控制 3 JS控制1 viewport属性放在HTML的<meta>中Html代码<SPANstyle=“FONT-SIZE:x-small”>&l 阅读全文

摘要： 转：http://www.cnblogs.com/pifoo/archive/2011/05/28/webkit-webapp.html如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家 ：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以 阅读全文