发烧web开发者

摘要： 提供简单、极致的模块化开发体验 简单友好的模块定义规范：Sea.js 遵循 CMD 规范，可以像 Node.js 一般书写模块代码。 自然直观的代码组织方式：依赖的自动加载、配置的简洁清晰，可以让我们更多地享受编码的乐趣。 地址：http://seajs.org/docs/ 阅读全文

摘要： flex布局目前可使用在移动中，并非所有的语法都全兼容，但以下写法笔者实践过，效果良好~ 示例：两端对齐 使用注意： flex下的子元素必须为块级元素，非块级元素在android2.3机器下flex失效 flex下的子元素宽度和高度不能超过父元素，否则会导致子元素定位错误，例如水平垂直居中 flex 阅读全文

摘要： 消除在移动浏览器上触发click事件与一个物理Tap(敲击)之间的300延迟 参考《FastClick》https://github.com/ftlabs/fastclick 阅读全文

摘要： 适合上下滑屏、左右滑屏等滑屏切换页面的效果 slip.js iSlider.js fullpage.js swiper.js 阅读全文

摘要： 解决页面不支持弹性滚动，不支持fixed引起的问题~ 实现下拉刷新，滑屏，缩放等功能~ 最新版本已经更新到5.0 官网：http://cubiq.org/iscroll-5 阅读全文

摘要： ios下fixed元素容易定位出错，软键盘弹出时，影响fixed元素定位 android下fixed表现要比iOS更好，软键盘弹出时，不会影响fixed元素定位 ios4下不支持position:fixed 解决方案 可用isroll.js，暂无完美方案 参考 移动端web页面使用position: 阅读全文

摘要： 参考《border-radius 移动之伤》https://github.com/yisibl/blog/issues/2 阅读全文

摘要： 尽可能地使用合成属性transform和opacity来设计CSS3动画，不使用position的left和top来定位 利用translate3D开启GPU加速 参考《High Performance Animations》http://www.html5rocks.com/en/tutorial 阅读全文

摘要： 参考《用CSS开启硬件加速来提高网站性能》http://www.cnblogs.com/PeunZhang/p/3510083.html 阅读全文

摘要： input::-webkit-input-speech-button {display: none} 阅读全文

摘要： <input type="file">的accept 属性 使用总结： ios 有拍照、录像、选取本地图片功能 部分android只有选取本地图片功能 winphone不支持 input控件默认外观丑陋 微信浏览器用户调整字体大小后页面矬了，怎么阻止用户调整 原因 android侧是复写了layou 阅读全文

摘要： body{-webkit-text-size-adjust: 100%!important;} 最好的解决方案： 整个页面用rem或者百分比布局 消除transition闪屏 网络都是这么写的，但我并没有测试出来 .css{ /*设置内嵌的元素在 3D 空间如何呈现：保留 3D*/ -webkit-transform-style: preserve-3d; /*（设置进行转换的元素的背面在面对... 阅读全文

摘要： 应对方案：触屏即播 阅读全文

摘要： window.orientation，取值：正负90表示横屏模式、0和180表现为竖屏模式； 阅读全文

摘要： 兼容性ios5+、部分android 4+、winphone 8 要做到全兼容的办法，可通过绑定ontouchstart和ontouchend来控制按钮的类名 阅读全文

摘要： 打电话 打电话给:0755-10086 发短信，winphone系统无效 发短信给: 10086 写邮件，可参考《移动web页面给用户发送邮件的方法》 peun@foxmail.com 阅读全文

摘要： 当表单文本输入框输入内容后会显示文本清除按钮，::-ms-clear 适用于该清除按钮的修改，同样设置使它隐藏 (display:none) 并使用背景图片来修饰可得到我们想要的效果。 input[type=text]::-ms-clear,input[type=tel]::-ms-clear,input[type=number]::-ms-clear{ display: none; } 阅读全文

摘要： 禁用 radio 和 checkbox 默认样式 阅读全文

摘要： select::-ms-expand { display: none; } 阅读全文

摘要： input::-webkit-input-placeholder{color:#AAAAAA;} input:focus::-webkit-input-placeholder{color:#EEEEEE;} 阅读全文