ï»??xml version="1.0" encoding="utf-8" standalone="yes"?>国产香蕉视频在线看,欧美亚洲日本一区,偷拍与自拍一区http://www.aygfsteel.com/tidelgl/个ähJAVA版GAE(google app engine),struts2+jpa+jQueryå¼€å?互相交流 http://iunbug.appspot.com/zh-cnMon, 16 Jun 2025 13:15:29 GMTMon, 16 Jun 2025 13:15:29 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.79åQŒç»™å‰ç«¯è°ƒè¯•带了几个另ä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;¾cÕdˆ«é€‰æ‹©å™?gt;标记选择å™?#8221;

同是在上图中åQŒæˆ‘们也可以看到“é¼ æ ‡”形状的按钮,ž®±æ˜¯åœ¨æ ·å¼åˆ—表中昄¡¤ºå½“前元素对应的鼠标四个状态样式的åQŒè¿™ä¸ªåŠŸèƒ½æ—©æœŸç‰ˆæœ¬ä¸€ç›´æœ‰çš„ã€?br />

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



∪∩BUG 2012-10-09 11:39 发表评论
]]>
ž®æµ‹iOS6¾l™å‰ç«¯å¸¦æ¥çš„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属性:(x¨¬)app-idåÏx˜¯ä½ çš„应用id,app-argument则用作打开应用时的URLåQŒæ¯”如打开¾|‘易新闻对应的新闻VIEWã€?/p>

‹¹‹è¯•¾l“果是:(x¨¬)

 

升çñ”了iOS6çš„iOS讑֤‡åQŒä¸˜q‡æœ‰ç‚¹å°BUGåQŒæ¯”如new ipad中整条内定wƒ¨åˆ†æ˜¯å±…左而没居中昄¡¤ºåQŒitouch4只有在对应的应用成功安装了才昄¡¤ºã€‚希望这些BUGæ˜¯ä¸ªåˆ«æœºå­ï¼Œå› äØ“(f¨´)‹¹‹è¯•条äšg有限没有全面‹¹‹è¯•ã€?/p>

你想你会(x¨¬)问,如果动态添加这条metaä¼?x¨¬)是什么结果呢åQŸå…ˆæ¥çœ‹çœ‹ï¼š(x¨¬)

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



∪∩BUG 2012-09-21 17:17 发表评论
]]>
˜qç”¨webkit¾l˜åˆ¶æ¸²æŸ“™åµé¢åŽŸå› è§£å†³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,因䨓(f¨´)iScroll4˜q›æ— è®ºæ˜¯touch事äšgçš„æ•èŽøP¼Œ˜q˜æ˜¯ä½¿ç”¨transform来处理滚动,以及(qi¨¢ng)ž®†cubic-bezier应用到transition上实现高效的òqÏx»‘滚动åQŒè¿™äº›åŽŸç†æˆ‘ä»¬éƒ½æ˜¯å·²çŸ¥çš„ã€‚æ›´å¤šåŽŸç†ç»†èŠ‚å¯ä»¥å‚çœ?a data-mce->[译]手把手教你编写iOS上Mobile Web App实现Fixed Position和模拟滚åŠ?/a> ä¸€æ–‡ã€‚æ­¤æ–‡åˆ™æ¥è§£é‡Šå¦ä¸€ä¸ªè¢«å¾ˆå¤šäºø™¯¯è§£äØ“(f¨´)iScroll4 造成的问题,那就是内容多的页面闪动的问题。现象表çŽîCØ“(f¨´)å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打开或第三方应用内打开后,切回ä¸Õd±òq•再切回™åµé¢æ—¶æ˜Žæ˜ù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™äº›æƒ…况下会(x¨¬)有闪动,在ipad2,new ipad上会(x¨¬)明显看得出ã€?/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 Safari¾l™å‰ç«¯å¼€å‘者带来了什ä¹?/a>  里已¾læåˆ°iOS6çš„mobile safariž®†æœ‰æ™ø™ƒ½åº”用通知标题åQˆSmart App BannersåQ‰çš„功能åQŒæ„åœ¨è§£å†³mobile safari里无法检‹¹‹ç¬¬ä¸‰æ–¹åº”用安装状态的åQŒé€šè¿‡˜q™ä¸ªåŠŸèƒ½åQŒå¯ä»¥åœ¨™åµé¢ä¸­å®žçŽ°åº”ç”¨æŽ¨èç±»çš„éœ€æ±‚ã€‚ä½†ç›®å‰æ¥çœ‹åQŒè¦å®žçް˜q™ä¸ªéœ€æ±‚只能在½W¬ä¸‰æ–¹åº”用中实现。思èµ\也简单,½W¬ä¸‰æ–¹åº”用可以通过iOSçš„SDK提供的接口检‹¹‹åˆ°å¯¹åº”的应用是否已¾lå®‰è£…,然后在内嵌的UIWebView中打开的连接时˜q½åŠ å‚æ•°å¦?#8220;?isinstalled=1”之类的参æ•îC¾›web™åµé¢èŽ·å–æ¥åˆ¤æ–­ã€‚webèŽïL(f¨¥ng)Ÿ¥çŠ¶æ€åŽå¯ä»¥æç¤º¾l™ç”¨æˆ¯‚§–发的对应的应用的æ–ÒŽ(gu¨©)¡ˆåQŒå¦‚“打开应用”åQ?#8220;安装应用”½{‰ã€?/p>

不过我们今天来说一¿Uä¸å€ŸåŠ©½W¬ä¸‰æ–¹åº”用在mobile safari里就能实现跟上述¾cÖM¼¼çš„功能ã€?/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时原生滚动会(x¨¬)被阻止,具体表现是拖动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事äšgåQ?/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Œé­…族)以及(qi¨¢ng)ž®†é¡µé¢åœ¨android应用中打开都会(x¨¬)造成滑动非常的卡的现象。这时只要改改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;åQˆF(tu¨¢n)riendshakeåQ‰å¯»æ‰ùN™„˜q‘友é‚ÕdŠŸèƒ½ã€‚ä¸Ž˜q™ä¸ªåŠŸèƒ½ç›¸å…³çš„äº‹ä»¶æ—©åœ¨iOS4.2的时候就被mobile safari支持äº?很早ž®±å¬åˆ°åšmobile游戏的朋友用上这个事件了,åÏx˜¯DeviceMotionEvent,下面我们ž®±æ¥è®²è®²˜q™ä¸ªäº‹äšg:

DeviceMotionEvent ä¼?x¨¬)在讑֤‡å‘生有意义的摆åŠ?或运åŠ?æ—¶äñ”ç”?事äšg对象ž®è£…有äñ”生的间距å€?æ—‹è{çŽ?和设备加速度.

加速度的计½Ž—方式是重力和用户äñ”生的两个加速度矢量之和.讑֤‡æ˜¯é€šè¿‡ 陀èžÞZÈA和加速计来区别这两者的.

使用æ–ÒŽ(gu¨©)³•如下:http://www.iunbug.com/archives/2012/07/18/387.html 



∪∩BUG 2012-07-18 18:56 发表评论
]]>
深入详解前端轻量¾U§MVC框架新贵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¸€ä¸ªè”¾pÖMhWeb App更能深入了解它的办法呢?当看完这三篇教程åQŒä½ ž®†å…¨é¢äº†è§£ç”¨å®ƒçš„什么工å…äh¥åˆ›å¾ä½ è‡ªå·Þqš„Web Appã€?/p>

选择正确的库

创徏一个JS APP没有好的工具是很有难度的åQŒjQuery只是操作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, DojoåQŒæœ‰ä¸°å¯Œçš„æ‰©å±•和插äšgã€?/p>

½W¬ä¸€éƒ¨åˆ†ä½ å°†å­¦åˆ°åQ?/p>

阅读全文

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



∪∩BUG 2012-06-18 12:09 发表评论
]]>
Google推出强大的网站速度分析和优化徏议的Chrome开发者工å…äh‰©å±•插ä»Óž¼š(x¨¬)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 Safari¾l™å‰ç«¯å¼€å‘者带来了什ä¹?/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 Safari¾l™å‰ç«¯å¼€å‘者所带来的,我期望在接下来的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 发表评论
]]>
Ö÷Õ¾Ö©Öë³ØÄ£°å£º ¾°ºéÊÐ| ƽ²ýÏØ| ¹²ºÍÏØ| ´óÀíÊÐ| ÌïÁÖÏØ| °²ÑôÏØ| Ñ×ÁêÏØ| Ð˳ÇÊÐ| °×ɳ| ½«ÀÖÏØ| ¹¤²¼½­´ïÏØ| ÇàºÓÏØ| ÇçÂ¡ÏØ| ´óÐËÇø| ¿µÆ½ÏØ| ׯÀËÏØ| Èø¸ÂÏØ| Î÷ÁÖÏØ| ÆÑ³ÇÏØ| Ó¢µÂÊÐ| ÎÀ»ÔÊÐ| ²¼¶û½òÏØ| äÃÂ¹ÏØ| ÇàºÓÏØ| ÀóÆÖÏØ| ÕżҸÛÊÐ| ³¯ÑôÏØ| ·ïɽÊÐ| Î÷Ï¿ÏØ| ÇúÑôÏØ| ¹È³ÇÏØ| ¸ßÌ¨ÏØ| ãò¶¨ÏØ| ÅíÔóÏØ| Ò¶³ÇÏØ| ͨ»¯ÊÐ| ½¶ÁëÏØ| ÐÂÖñÏØ| ´óÁ¬ÊÐ| ÐìË®ÏØ| äàË®ÏØ|