本文是brad_frost2年手机web开发遇到的常见问题总结。还好,这次翻译不坑,还是有点干货的。文中有很多拓展阅读的链接,还是相当有价值的。对文本,自己打个78分吧,看看会有些收获的。
ajax与HTML5 history pushState/replaceState实例
2013年06月19日 by 阅读 331635 次, 今日 15 次众所周知,Ajax可以实现页面的无刷新操作——优点;但是,也会造成另外的问题,无法前进与后退!曾几何时,Gmail似乎借助iframe搞定,如今,HTML5让事情变得如同过家家般简单。
当执行Ajax操作的时候,往浏览器history
中塞入一个地址(使用pushState
)(这是无刷新的);于是,返回的时候,通过URL或其他传参,我们就可以还原到Ajax之前的模样。
本demo所展示的就是ajax的内容载入与地址栏的前进与后退,典型应用,对于熟悉相关知识点很有帮助。
小tip: CSS3 animation渐进实现点点点等待提示效果
2013年06月9日 by 阅读 140282 次, 今日 2 次一个名叫“阿贾克斯”的屌丝男在名为“客户端”的学校上学,为了追女神,下狠心,借了高利贷给女神买Mac. 结果,期限已到,要债的找上门,没办法,只能向身在“服务器端”的父母要钱。但是,要钱是要一定的过程和时间的。他必须想办法向要债的表明,钱正在过来的过程中,否则,可能要债的会认为你在忽悠,直接使大招——”Ctrl+W”,瞬间灭了你,眼不见心不烦。
如果告知钱正在过来的过程中呢?
有人可能如下处理,弄个转转转的小图片告诉要债的,看,我在原地不停地转……
伪元素表单控件默认样式重置与自定义大全
2013年06月7日 by 阅读 207299 次, 今日 10 次所有的form表单元素都有或多或少的伪元素可以重置其浏览器内置的UI样式,我光demo就有17个之多,截图30+之多,本文虽参考之作,自己条条亲自验证设置。虽目前价值并未凸显,但是,过段时间,可能就是宝了。
CSS3 box-shadow兼容loading效果兼IE10+ CSS Hack介绍
2013年05月29日 by 阅读 110419 次, 今日 12 次翻译:web制作、开发人员需知的Web缓存知识
2013年05月23日 by 阅读 155514 次, 今日 6 次Chrome下语音识别实现页面快速引导以及重要交互
2013年05月22日 by 阅读 53276 次, 今日 2 次今天,我们上线了一个小东西,基于Chrome浏览器语音识别功能实现的一个快速页面交互以及页面间跳转的效果,觉得大家都可以尝试尝试,因此,整理了下分享出来。
抛砖引玉、集思广益,有意见或建议什么的欢迎提出来,大家多多交流,共同进步。
小tip: transition与visibility
2013年05月14日 by 阅读 104507 次, 今日 3 次这里的transition指的就是CSS3中的那个过渡动画属性transition. 如果我们仔细查看其支持的CSS属性值,会发现竟然有一个visibility.
此时,我的脑袋上立马冒出了3个大大的问号:visibility不就visibile/hidden/collapse等值,又不是数值什么的,怎么有动画效果呢??
一番查阅研究,发现,这玩意还是有些作料的……
小tip: DOM appendHTML实现及insertAdjacentHTML
2013年05月10日 by 阅读 95642 次, 今日 5 次本文重点不在appendHTML
方法实现的本身,而是相关的一些DOM节点处理的熟悉,例如文档片段,子节点们,节点的后插以及前插等等……有代码有demo有截图,如果您是JS新手,本文的内容应该能对您的学习提供一些帮助。