随笔分类 -  移动端

摘要：今天在项目时，在android手机上使用输入法的智能推荐的词的话，不会触发keyup事件，一开始想到在focus时使用一个定时器，每隔100ms检测输入框的值是否发生了改变，如果改变了就作对应的处理，现在这样不太好，后来发现html5有input事件 var input = document.getElementById('input'); input.addEventListener('input',function(){ //todo })每当有输入时，这个事件就会被触发 阅读全文

摘要：-webkit-overflow-scrolling: touch;惯性滚动 只适应于ios，必须设置高和overflow:auto;系统架构，开发规范，自动化压缩混淆，自动化发布，前端监控和分析，前端优化 阅读全文

摘要：在做移动端项目时，碰到一个很纠结的问题，头部固定的问题，一开始使用fixed，发现一系列的问题，问题1：footer输入框 focus 状态，footer 被居中，而不是吸附在软键盘上部。测试环境：iPhone 4s&5 / iOS 6&7 / Safari问题2：页面底部，footer输入框失去焦点时，header定位出错。当页面有滚动动作时，header定位恢复正常。测试环境：iPhone 4s&5 / iOS 6&7 / Safari操作步骤：1、页面滚动到底部；2、选中底部输入框，使输入框进入focus状态；3、点击页面其他区域，使输入框失去焦点；问题3 阅读全文

摘要：说到响应式网页设计(Responsive web design)，最近在谷歌加上碰到个奇葩贴子，通过一个原始到无法再简单的网页Motherfucking Website及满屏幕的fuck道出了网页设计的真谛，这孩子不是个激进分子就是个报复社会型的货没错，虽然整篇文章就像是泼妇骂街，但我特么是笑着读完的。。统计了下全文共用Fuck (包括fucking) 33次，shit （包括shitty）16次，Motherfucker 8次，创下我所阅读的技术类文章里面脏话之最。文章表达的中心思想就是最后的那句引用"最好的设计是尽量少的设计"。最重要的是我意识到平时我们都忽略了一个常识 阅读全文

摘要：摘自于：http://ued.taobao.com/blog/2010/12/24/wap-foundation-design-of-mobile-interaction-design/越来越多的公司将焦点从WEB转移到WAP上面，我们在设计过程中，则需要按信息的重要度以降序的方式来组织，将最重要的信息在首屏呈现给用户。大部分情况下，logo和导航区块是必不可少的元素。如果你的站点是互动型的，还需要在header里体现出用户登陆状态和用户名。根据应用场景和任务的不同，少数页面可以省略header。目前市面上低端机器的屏幕分辨率宽度基本都在176px以上，所以，针对最低端键盘机设计WAP站点时可 阅读全文