随笔分类 -  移动Web开发

响应式的3个简单步骤
摘要：如今，一个网站只在桌面屏幕上好看是远远不够的，同时也要在平板电脑和智能手机中能够良好呈现。响应式的网站是指它能够适应客户端的屏幕尺寸，自动响应客户端尺寸变化。在这篇文章中，我将向您展示如何通过3个简单的步骤轻松地使网站变成响应式（Responsive）。1 – 布局 当创建一个响应式网站，或让现有的 阅读全文
posted @ 2015-09-05 17:40 不得不爱xxy 阅读(524) 评论(0) 推荐(0)
H5移动前端性能优化
摘要：在移动端，因手机的配置和3/4G网络的原因，从两个方面解决性能优化问题，1.加载不超过3秒，用loading或者资源不要超过1M。2.渲染速度。基于以上两个方面，所有影响首屏加载和渲染的代码应在处理逻辑中后置。加载优化：1.Http请求： 减少Http请求，手机浏览器同时响应请求为4个请求，所以，... 阅读全文
posted @ 2015-08-23 21:26 不得不爱xxy 阅读(1555) 评论(2) 推荐(3)
移动Web开发规范
摘要：1.字体设置使用无衬线字体body { font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}2.设置全局的CSS样式，避免图中的长按弹出菜单与选中文本的行为a, img { -webkit-touch-callou... 阅读全文
posted @ 2015-07-21 14:50 不得不爱xxy 阅读(233) 评论(0) 推荐(0)