??xml version="1.0" encoding="utf-8" standalone="yes"?> Posted by unbug on Oct 9, 2012 in Web App | 0 comments Chrome全^台已l更新版版本 22.0.1229.79Q给前端调试带了(jin)几个另h兴奋的功能:(x) 1.Elements面板Q右键元素节炚w择“Scroll Into View”Q可以快速在面视图中快速定位到当前节点 2.Elements面板Q右键元素节炚w择“Break on…”则可以监听元素子元素变化Q属性变化,节点被移除时触发断点debug 3.Elements面板Q右键元素节炚w择“Force Element State”则可以应用元素的“:active,:hover,:focus,:vistied”状态,同时q些状态是可以l合使用而且保持着?/p> 4.Elements面板Q选中元素节点Q在叛_的样式版本中点击“+”P可以依元素的选择器生成对应的样式Q生成优先“ID选择?gt;cd选择?gt;标记选择?#8221; 同是在上图中Q我们也可以看到“鼠标”形状的按钮,是在样式列表中昄当前元素对应的鼠标四个状态样式的Q这个功能早期版本一直有的?br />
]]>
1 | <meta name= "apple-itunes-app" content= "app-id=425349261,app-argument=newsapp://doc/8BU4DQ9P00963VRO" > |
要注意的是content属性:(x)app-idx(chng)你的应用id,app-argument则用作打开应用时的URLQ比如打开|易新闻对应的新闻VIEW?/p>
试l果是:(x)
升?jin)iOS6的iOS讑֤Q不q有点小BUGQ比如new ipad中整条内定w分是居左而没居中昄Qitouch4只有在对应的应用成功安装?jin)才昄。希望这些BUG是个别机子,因ؓ(f)试条g有限没有全面试?/p>
你想你会(x)问,如果动态添加这条meta?x)是什么结果呢Q先来看看:(x)
http://www.iunbug.com/archives/2012/09/21/431.html
已经有不前端同行抱怨iScroll4的各U问题,我个人ƈ不赞同将q些问题归咎于iScroll4,因ؓ(f)iScroll4q无论是touch事g的捕Pq是使用transform来处理滚动,以及(qing)cubic-bezier应用到transition上实现高效的qx(chng)滚动Q这些原理我们都是已知的。更多原理细节可以参?a data-mce->[译]手把手教你编写iOS上Mobile Web App实现Fixed Position和模拟滚?/a> 一文。此文则来解释另一个被很多解ؓ(f)iScroll4 造成的问题,那就是内容多的页面闪动的问题。现象表Cؓ(f)Q?/p>
1.滑动q程中,滚动区内的元素在释放手指时出现细微闪?/p>
2.囄~放q程中释放手指时明显闪动
3.iOS上从mobile safari打开或第三方应用内打开后,切回dq再切回面时明N?/p>
4.面初始旉?/p>
大致q些情况下会(x)有闪动,在ipad2,new ipad上会(x)明显看得出?/p>
下面来分析产生的原因和解决办法Q?/p>
http://www.iunbug.com/archives/2012/09/19/411.html
不过我们今天来说一U不借助W三方应用在mobile safari里就能实现跟上述cM的功能?/p>
先来看看实现代码Q?/p>
http://www.iunbug.com/archives/2012/09/18/401.html
iScroll4启用snap时原生滚动会(x)被阻止,具体表现是拖动snap作用的元素往非snap路径时将无法拖动面?/p>
官方的解军_法是q加onBeforeScrollStart事gQ?/p>
1
|
onBeforeScrollStart: function (e) { return true ; } |
q种办法在测试中iOS和原生android讑֤是没有问题的Q但W三方定制系l的讑֤Q如米Q魅族)(j)以及(qing)页面在android应用中打开都会(x)造成滑动非常的卡的现象。这时只要改改iScoll4的源码即可。具体参?/p>
http://www.iunbug.com/archives/2012/09/18/398.html
DeviceMotionEvent
?x)在讑֤发生有意义的摆?或运?时?事g对象装有生的间距?旋{?和设备加速度.
加速度的计方式是重力和用户生的两个加速度矢量之和.讑֤是通过 陀ZA和加速计来区别这两者的.
使用Ҏ(gu)如下:http://www.iunbug.com/archives/2012/07/18/387.html
http://www.iunbug.com/archives/2012/06/14/360.html
你可能听说了(jin)q个新MVC框架Q?nbsp;CanJS。还有什么比用它来创Z个联pMhWeb App更能深入?jin)解它的办法呢?当看完这三篇教程Q你全面了(jin)解用它的什么工h创徏你自qWeb App?/p>
创徏一个JS APP没有好的工具是很有难度的QjQuery只是操作DOM的库Q没有提供Q何创建APP的基Q这是Z么我们要一个类似CanJS的专门的库?/p>
CanJS 是一个轻量的MVC库,提供你创Z个JS APP所需的工兗?/p>
CanJS 是一个轻量的MVC库,提供你创Z个JS APP所需的工兗?nbsp;它提供有MVC (Model-View-Control) 模式的基本框Ӟ模板动态绑定, route的支持且 内存安全。同时支?nbsp;jQuery, Zepto, Mootools, YUI, DojoQ有丰富的扩展和插g?/p>
W一部分你将学到Q?/p>
http://www.iunbug.com/archives/2012/06/14/360.html