??xml version="1.0" encoding="utf-8" standalone="yes"?>亚洲一区二区高清视频,h动漫在线视频,国产精品三级在线http://www.aygfsteel.com/tidelgl/个hJAVA版GAE(google app engine),struts2+jpa+jQuery开?互相交流 http://iunbug.appspot.com/zh-cnSat, 03 May 2025 12:16:35 GMTSat, 03 May 2025 12:16:35 GMT60Chrome全^台更?22版本后,l前端调试带了几个另人兴奋的实用功能http://www.aygfsteel.com/tidelgl/archive/2012/10/09/389236.html∪∩BUG∪∩BUGTue, 09 Oct 2012 03:39:00 GMThttp://www.aygfsteel.com/tidelgl/archive/2012/10/09/389236.htmlhttp://www.aygfsteel.com/tidelgl/comments/389236.htmlhttp://www.aygfsteel.com/tidelgl/archive/2012/10/09/389236.html#Feedback0http://www.aygfsteel.com/tidelgl/comments/commentRss/389236.htmlhttp://www.aygfsteel.com/tidelgl/services/trackbacks/389236.htmlChrome全^台更?22版本后,l前端调试带了几个另人兴奋的实用功能

Posted by  on Oct 9, 2012 in Web App | 0 comments

Chrome全^台已l更新版版本 22.0.1229.79Q给前端调试带了几个另h兴奋的功能:

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 />

http://www.iunbug.com/archives/2012/10/09/455.html



∪∩BUG 2012-10-09 11:39 发表评论
]]>
测iOS6l前端带来的SMART APP BANNERShttp://www.aygfsteel.com/tidelgl/archive/2012/09/21/388278.html∪∩BUG∪∩BUGFri, 21 Sep 2012 09:17:00 GMThttp://www.aygfsteel.com/tidelgl/archive/2012/09/21/388278.htmlhttp://www.aygfsteel.com/tidelgl/comments/388278.htmlhttp://www.aygfsteel.com/tidelgl/archive/2012/09/21/388278.html#Feedback0http://www.aygfsteel.com/tidelgl/comments/commentRss/388278.htmlhttp://www.aygfsteel.com/tidelgl/services/trackbacks/388278.html升了iOS6后测试了一下给应用推广来的新特?a data-mce->SMART APP BANNERS .首先要在head标签d如下meta

1
<meta name="apple-itunes-app" content="app-id=425349261,app-argument=newsapp://doc/8BU4DQ9P00963VRO">

要注意的是content属性:app-idx你的应用id,app-argument则用作打开应用时的URLQ比如打开|易新闻对应的新闻VIEW?/p>

试l果是:

 

升了iOS6的iOS讑֤Q不q有点小BUGQ比如new ipad中整条内定w分是居左而没居中昄Qitouch4只有在对应的应用成功安装了才昄。希望这些BUG是个别机子,因ؓ试条g有限没有全面试?/p>

你想你会问,如果动态添加这条meta会是什么结果呢Q先来看看:

http://www.iunbug.com/archives/2012/09/21/431.html



∪∩BUG 2012-09-21 17:17 发表评论
]]>
q用webkitl制渲染面原因解决iscroll4闪动的问?/title><link>http://www.aygfsteel.com/tidelgl/archive/2012/09/21/388239.html</link><dc:creator>∪∩BUG</dc:creator><author>∪∩BUG</author><pubDate>Fri, 21 Sep 2012 04:24:00 GMT</pubDate><guid>http://www.aygfsteel.com/tidelgl/archive/2012/09/21/388239.html</guid><wfw:comment>http://www.aygfsteel.com/tidelgl/comments/388239.html</wfw:comment><comments>http://www.aygfsteel.com/tidelgl/archive/2012/09/21/388239.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/tidelgl/comments/commentRss/388239.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/tidelgl/services/trackbacks/388239.html</trackback:ping><description><![CDATA[<p style="margin: 0px; padding: 0px 0px 10px; border: 0px; outline: 0px; font-size: 13px; vertical-align: baseline; background-color: #ffffff; line-height: 24px; color: #656464; font-family: 'Droid Sans', Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-position: initial initial; background-repeat: initial initial; "> <p style="margin: 10px auto; text-indent: 0px; color: #000000; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; orphans: 2; text-align: start; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; ">已经有不前端同行抱怨iScroll4的各U问题,我个人ƈ不赞同将q些问题归咎于iScroll4,因ؓiScroll4q无论是touch事g的捕Pq是使用transform来处理滚动,以及cubic-bezier应用到transition上实现高效的qx滚动Q这些原理我们都是已知的。更多原理细节可以参?a data-mce->[译]手把手教你编写iOS上Mobile Web App实现Fixed Position和模拟滚?/a> 一文。此文则来解释另一个被很多解ؓiScroll4 造成的问题,那就是内容多的页面闪动的问题。现象表CؓQ?/p> <p style="margin: 10px auto; text-indent: 0px; color: #000000; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; orphans: 2; text-align: start; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; ">1.滑动q程中,滚动区内的元素在释放手指时出现细微闪?/p> <p style="margin: 10px auto; text-indent: 0px; color: #000000; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; orphans: 2; text-align: start; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; ">2.囄~放q程中释放手指时明显闪动</p> <p style="margin: 10px auto; text-indent: 0px; color: #000000; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; orphans: 2; text-align: start; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; ">3.iOS上从mobile safari打开或第三方应用内打开后,切回dq再切回面时明N?/p> <p style="margin: 10px auto; text-indent: 0px; color: #000000; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; orphans: 2; text-align: start; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; ">4.面初始旉?/p> <p style="margin: 10px auto; text-indent: 0px; color: #000000; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; orphans: 2; text-align: start; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; ">大致q些情况下会有闪动,在ipad2,new ipad上会明显看得出?/p> <p style="margin: 10px auto; text-indent: 0px; color: #000000; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; orphans: 2; text-align: start; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; ">下面来分析产生的原因和解决办法Q?/p> <p style="margin: 10px auto; text-indent: 0px; color: #000000; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; orphans: 2; text-align: start; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><a data-mce- >http://www.iunbug.com/archives/2012/09/19/411.html</a></p> </p> <img src ="http://www.aygfsteel.com/tidelgl/aggbug/388239.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/tidelgl/" target="_blank">∪∩BUG</a> 2012-09-21 12:24 <a href="http://www.aygfsteel.com/tidelgl/archive/2012/09/21/388239.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>在mobile safari中y妙实现检应用安装就打开Q否则进App Store下蝲http://www.aygfsteel.com/tidelgl/archive/2012/09/18/388006.html∪∩BUG∪∩BUGTue, 18 Sep 2012 09:49:00 GMThttp://www.aygfsteel.com/tidelgl/archive/2012/09/18/388006.htmlhttp://www.aygfsteel.com/tidelgl/comments/388006.htmlhttp://www.aygfsteel.com/tidelgl/archive/2012/09/18/388006.html#Feedback0http://www.aygfsteel.com/tidelgl/comments/commentRss/388006.htmlhttp://www.aygfsteel.com/tidelgl/services/trackbacks/388006.htmliOS6的Mobile Safaril前端开发者带来了什?/a>  里已l提到iOS6的mobile safari有应用通知标题QSmart App BannersQ的功能Q意在解决mobile safari里无法检第三方应用安装状态的Q通过q个功能Q可以在面中实现应用推荐类的需求。但目前来看Q要实现q个需求只能在W三方应用中实现。思\也简单,W三方应用可以通过iOS的SDK提供的接口检到对应的应用是否已l安装,然后在内嵌的UIWebView中打开的连接时q加参数?#8220;?isinstalled=1”之类的参Cweb面获取来判断。webL状态后可以提示l用戯发的对应的应用的ҎQ如“打开应用”Q?#8220;安装应用”{?/p>

不过我们今天来说一U不借助W三方应用在mobile safari里就能实现跟上述cM的功能?/p>

先来看看实现代码Q?/p>

http://www.iunbug.com/archives/2012/09/18/401.html



∪∩BUG 2012-09-18 17:49 发表评论
]]>
iScroll4启用snap时原生滚动被L的解军_?/title><link>http://www.aygfsteel.com/tidelgl/archive/2012/09/18/388005.html</link><dc:creator>∪∩BUG</dc:creator><author>∪∩BUG</author><pubDate>Tue, 18 Sep 2012 09:48:00 GMT</pubDate><guid>http://www.aygfsteel.com/tidelgl/archive/2012/09/18/388005.html</guid><wfw:comment>http://www.aygfsteel.com/tidelgl/comments/388005.html</wfw:comment><comments>http://www.aygfsteel.com/tidelgl/archive/2012/09/18/388005.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/tidelgl/comments/commentRss/388005.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/tidelgl/services/trackbacks/388005.html</trackback:ping><description><![CDATA[<p style="margin: 0px; padding: 0px 0px 10px; border: 0px; outline: 0px; font-size: 13px; vertical-align: baseline; background-color: #ffffff; line-height: 24px; color: #656464; font-family: 'Droid Sans', Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-position: initial initial; background-repeat: initial initial; ">http://www.iunbug.com/archives/2012/09/18/398.html<br /> </p> <p style="margin: 0px; padding: 0px 0px 10px; border: 0px; outline: 0px; font-size: 13px; vertical-align: baseline; background-color: #ffffff; line-height: 24px; color: #656464; font-family: 'Droid Sans', Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-position: initial initial; background-repeat: initial initial; ">iScroll4启用snap时原生滚动会被阻止,具体表现是拖动snap作用的元素往非snap路径时将无法拖动面?/p> <p style="margin: 0px; padding: 0px 0px 10px; border: 0px; outline: 0px; font-size: 13px; vertical-align: baseline; background-color: #ffffff; line-height: 24px; color: #656464; font-family: 'Droid Sans', Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-position: initial initial; background-repeat: initial initial; ">官方的解军_法是q加onBeforeScrollStart事gQ?/p> <div style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 13px; vertical-align: baseline; background-color: #ffffff; color: #656464; font-family: 'Droid Sans', Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 21px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-position: initial initial; background-repeat: initial initial; "> <div class="wmqeeuq" id="highlighter_636839" class="syntaxhighlighter jscript" style="margin-top: 1em !important; margin-right: 0px !important; margin-bottom: 1em !important; margin-left: 0px !important; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; outline-color: currentColor; outline-width: 0px; outline-style: none; font-size: 1em !important; vertical-align: baseline; background-color: white !important; width: 493px; position: relative !important; overflow-x: auto !important; overflow-y: hidden !important; border-top-color: #0099ff; border-left-color: #0099ff; border-right-color: #0099ff; border-bottom-color: #0099ff; border-top-width: 2px; border-left-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-spacing: 0px; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: none !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; outline-color: currentColor !important; outline-width: 0px !important; outline-style: none !important; overflow-x: visible !important; overflow-y: visible !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: 493px; box-sizing: content-box !important; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", "Courier", monospace !important; font-weight: 400 !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; border-top-color: currentColor; border-left-color: currentColor; border-right-color: currentColor; border-bottom-color: currentColor; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none"> <tbody style="border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; background-position: initial initial !important; background-repeat: initial initial !important; "> <tr style="border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; background-position: initial initial !important; background-repeat: initial initial !important; "> <td class="gutter" style="border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: none !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; outline-color: currentColor !important; outline-width: 0px !important; outline-style: none !important; overflow-x: visible !important; overflow-y: visible !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", "Courier", monospace !important; font-weight: 400 !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; color: #afafaf !important; border-top-color: #7f7c75; border-left-color: #7f7c75; border-right-color: #7f7c75; border-bottom-color: #7f7c75; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-left-style: dotted; border-right-style: dotted; border-bottom-style: dotted"> <div id="wmqeeuq" class="line number1 index0 alt2" style="margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0.5em !important; padding-bottom: 0px !important; padding-left: 1em !important; outline-color: currentColor !important; outline-width: 0px !important; outline-style: none !important; font-size: 1em !important; vertical-align: baseline !important; background-image: none !important; background-color: white !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; overflow-x: visible !important; overflow-y: visible !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; width: auto !important; box-sizing: content-box !important; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", "Courier", monospace !important; font-weight: 400 !important; font-style: normal !important; direction: ltr !important; white-space: pre !important; border-top-color: #0099ff; border-left-color: #0099ff; border-right-color: #0099ff; border-bottom-color: #0099ff; border-top-width: 2px; border-left-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid">1</div> </td> <td class="code" style="border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: none !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; outline-color: currentColor !important; outline-width: 0px !important; outline-style: none !important; overflow-x: visible !important; overflow-y: visible !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: 464px; box-sizing: content-box !important; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", "Courier", monospace !important; font-weight: 400 !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; border-top-color: #7f7c75; border-left-color: #7f7c75; border-right-color: #7f7c75; border-bottom-color: #7f7c75; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-left-style: dotted; border-right-style: dotted; border-bottom-style: dotted"> <div id="wmqeeuq" class="container" style="margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; outline-color: currentColor !important; outline-width: 0px !important; outline-style: none !important; font-size: 1em !important; vertical-align: baseline !important; background-image: none !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; overflow-x: visible !important; overflow-y: visible !important; position: relative !important; right: auto !important; text-align: left !important; top: auto !important; width: auto !important; box-sizing: content-box !important; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", "Courier", monospace !important; font-weight: 400 !important; font-style: normal !important; direction: ltr !important; border-top-color: #0099ff; border-left-color: #0099ff; border-right-color: #0099ff; border-bottom-color: #0099ff; border-top-width: 2px; border-left-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid"> <div id="wmqeeuq" class="line number1 index0 alt2" style="margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 1em !important; padding-bottom: 0px !important; padding-left: 1em !important; outline-color: currentColor !important; outline-width: 0px !important; outline-style: none !important; font-size: 1em !important; vertical-align: baseline !important; background-image: none !important; background-color: white !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; overflow-x: visible !important; overflow-y: visible !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; width: auto !important; box-sizing: content-box !important; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", "Courier", monospace !important; font-weight: 400 !important; font-style: normal !important; direction: ltr !important; white-space: pre !important; border-top-color: #0099ff; border-left-color: #0099ff; border-right-color: #0099ff; border-bottom-color: #0099ff; border-top-width: 2px; border-left-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid"><code class="jscript plain" style="margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; background-image: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; direction: ltr !important; display: inline !important; color: black !important; background-position: initial initial !important; background-repeat: initial initial !important; ">onBeforeScrollStart: </code><code class="jscript keyword" style="margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; background-image: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; width: auto !important; box-sizing: content-box !important; font-weight: bold !important; font-style: normal !important; direction: ltr !important; display: inline !important; color: #006699 !important; background-position: initial initial !important; background-repeat: initial initial !important; ">function</code> <code class="jscript plain" style="margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; background-image: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; direction: ltr !important; display: inline !important; color: black !important; background-position: initial initial !important; background-repeat: initial initial !important; ">(e) { </code><code class="jscript keyword" style="margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; background-image: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; width: auto !important; box-sizing: content-box !important; font-weight: bold !important; font-style: normal !important; direction: ltr !important; display: inline !important; color: #006699 !important; background-position: initial initial !important; background-repeat: initial initial !important; ">return</code> <code class="jscript keyword" style="margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; background-image: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; width: auto !important; box-sizing: content-box !important; font-weight: bold !important; font-style: normal !important; direction: ltr !important; display: inline !important; color: #006699 !important; background-position: initial initial !important; background-repeat: initial initial !important; ">true</code><code class="jscript plain" style="margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; font-size: 1em !important; vertical-align: baseline !important; background-image: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; direction: ltr !important; display: inline !important; color: black !important; background-position: initial initial !important; background-repeat: initial initial !important; ">; }</code></div> </div> </td> </tr> </tbody> </table> </div> </div> <p style="margin: 0px; padding: 0px 0px 10px; border: 0px; outline: 0px; font-size: 13px; vertical-align: baseline; background-color: #ffffff; line-height: 24px; color: #656464; font-family: 'Droid Sans', Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-position: initial initial; background-repeat: initial initial; ">q种办法在测试中iOS和原生android讑֤是没有问题的Q但W三方定制系l的讑֤Q如米Q魅族)以及页面在android应用中打开都会造成滑动非常的卡的现象。这时只要改改iScoll4的源码即可。具体参?/p> <p style="margin: 0px; padding: 0px 0px 10px; border: 0px; outline: 0px; font-size: 13px; vertical-align: baseline; background-color: #ffffff; line-height: 24px; color: #656464; font-family: 'Droid Sans', Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-position: initial initial; background-repeat: initial initial; "><a data-mce- >http://www.iunbug.com/archives/2012/09/18/398.html</a><br /> </p> <img src ="http://www.aygfsteel.com/tidelgl/aggbug/388005.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/tidelgl/" target="_blank">∪∩BUG</a> 2012-09-18 17:48 <a href="http://www.aygfsteel.com/tidelgl/archive/2012/09/18/388005.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Facebook最新的Mobile Web APP版新增的”摇一摇”功能所用到的DeviceMotionEvent事ghttp://www.aygfsteel.com/tidelgl/archive/2012/07/18/383431.html∪∩BUG∪∩BUGWed, 18 Jul 2012 10:56:00 GMThttp://www.aygfsteel.com/tidelgl/archive/2012/07/18/383431.htmlhttp://www.aygfsteel.com/tidelgl/comments/383431.htmlhttp://www.aygfsteel.com/tidelgl/archive/2012/07/18/383431.html#Feedback0http://www.aygfsteel.com/tidelgl/comments/commentRss/383431.htmlhttp://www.aygfsteel.com/tidelgl/services/trackbacks/383431.htmlFacebook在Mobile Web APP斚w一直是担当榜样的大哥Ş?q日出的新版在iOS上多了个“摇一?#8221;QFriendshakeQ寻Nq友d能。与q个功能相关的事件早在iOS4.2的时候就被mobile safari支持?很早听到做mobile游戏的朋友用上这个事件了,xDeviceMotionEvent,下面我们来讲讲q个事g:

DeviceMotionEvent 会在讑֤发生有意义的摆动(或运?时?事g对象装有生的间距?旋{?和设备加速度.

加速度的计方式是重力和用户生的两个加速度矢量之和.讑֤是通过 陀ZA和加速计来区别这两者的.

使用Ҏ如下:http://www.iunbug.com/archives/2012/07/18/387.html 



∪∩BUG 2012-07-18 18:56 发表评论
]]>
深入详解前端轻量UMVC框架新贵CanJS(1)http://www.aygfsteel.com/tidelgl/archive/2012/06/18/381000.html∪∩BUG∪∩BUGMon, 18 Jun 2012 04:09:00 GMThttp://www.aygfsteel.com/tidelgl/archive/2012/06/18/381000.htmlhttp://www.aygfsteel.com/tidelgl/comments/381000.htmlhttp://www.aygfsteel.com/tidelgl/archive/2012/06/18/381000.html#Feedback0http://www.aygfsteel.com/tidelgl/comments/commentRss/381000.htmlhttp://www.aygfsteel.com/tidelgl/services/trackbacks/381000.html阅读全文

http://www.iunbug.com/archives/2012/06/14/360.html

你可能听说了q个新MVC框架Q?nbsp;CanJS。还有什么比用它来创Z个联pMhWeb App更能深入了解它的办法呢?当看完这三篇教程Q你全面了解用它的什么工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



∪∩BUG 2012-06-18 12:09 发表评论
]]>
Google推出强大的网站速度分析和优化徏议的Chrome开发者工h展插ӞPageSpeed Insightshttp://www.aygfsteel.com/tidelgl/archive/2012/06/14/380770.html∪∩BUG∪∩BUGThu, 14 Jun 2012 03:44:00 GMThttp://www.aygfsteel.com/tidelgl/archive/2012/06/14/380770.htmlhttp://www.aygfsteel.com/tidelgl/comments/380770.htmlhttp://www.aygfsteel.com/tidelgl/archive/2012/06/14/380770.html#Feedback0http://www.aygfsteel.com/tidelgl/comments/commentRss/380770.htmlhttp://www.aygfsteel.com/tidelgl/services/trackbacks/380770.html

∪∩BUG 2012-06-14 11:44 发表评论
]]>
iOS6的Mobile Safaril前端开发者带来了什?/title><link>http://www.aygfsteel.com/tidelgl/archive/2012/06/12/380631.html</link><dc:creator>∪∩BUG</dc:creator><author>∪∩BUG</author><pubDate>Tue, 12 Jun 2012 10:45:00 GMT</pubDate><guid>http://www.aygfsteel.com/tidelgl/archive/2012/06/12/380631.html</guid><wfw:comment>http://www.aygfsteel.com/tidelgl/comments/380631.html</wfw:comment><comments>http://www.aygfsteel.com/tidelgl/archive/2012/06/12/380631.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/tidelgl/comments/commentRss/380631.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/tidelgl/services/trackbacks/380631.html</trackback:ping><description><![CDATA[  q是我们目前所知iOS6的Mobile Safaril前端开发者所带来的,我期望在接下来的Beta版中惊喜更多用户体验更好? <a>阅读全文</a>http://www.iunbug.com/?p=339  <img src ="http://www.aygfsteel.com/tidelgl/aggbug/380631.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/tidelgl/" target="_blank">∪∩BUG</a> 2012-06-12 18:45 <a href="http://www.aygfsteel.com/tidelgl/archive/2012/06/12/380631.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>[译]用YUIDoc文档化JavaScript代码http://www.aygfsteel.com/tidelgl/archive/2012/06/11/380497.html∪∩BUG∪∩BUGMon, 11 Jun 2012 07:05:00 GMThttp://www.aygfsteel.com/tidelgl/archive/2012/06/11/380497.htmlhttp://www.aygfsteel.com/tidelgl/comments/380497.htmlhttp://www.aygfsteel.com/tidelgl/archive/2012/06/11/380497.html#Feedback0http://www.aygfsteel.com/tidelgl/comments/commentRss/380497.htmlhttp://www.aygfsteel.com/tidelgl/services/trackbacks/380497.html

∪∩BUG 2012-06-11 15:05 发表评论
]]>
վ֩ģ壺 | ʯ| | | ɽ| Ԫ| Ȫ| | | | | | ͨ| ͩ| Ԫı| ɽ| ɽ| | ɣ| | | ƽ| | | ʯ¥| | ͨμ| | | | ƽ| Ϻ| ͷ| | ǭ| | Ͱ| ˮ| ˰| | |