摘要: 移动H5前端性能优化指南概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点,首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB5. Mobile侧因手机配... 阅读全文
posted @ 2015-10-19 17:44 webpush 阅读(334) 评论(0) 推荐(0) 编辑
摘要: Sublime Text 3 快捷键精华版Ctrl+Shift+P:打开命令面板Ctrl+P:搜索项目中的文件Ctrl+G:跳转到第几行Ctrl+W:关闭当前打开文件Ctrl+Shift+W:关闭所有打开文件Ctrl+Shift+V:粘贴并格式化Ctrl+D:选择单词,重复可增加选择下一个相同的单词... 阅读全文
posted @ 2015-12-16 11:33 webpush 阅读(244) 评论(0) 推荐(0) 编辑
摘要: 一、介绍这段时间,有好多朋友问我,跳转到手机版的那个JS是怎么写的。其实这个JS也不是我写的,是百度siteapp下的一款跳转的产品,使用起来很方便。你可以用这款JS跳转到手机版,也可以跳转到任何你想跳转的位置。二、JS下载百度下载地址: http://siteapp.baidu.com/stati... 阅读全文
posted @ 2015-12-10 10:59 webpush 阅读(424) 评论(0) 推荐(0) 编辑
摘要: 1 如果没有安装ssh,那么使用下面的指令sudo apt-get install ssh2检查SSH公钥cd ~/.ssh看看存不存在.ssh,如果存在的话,掠过下一步;不存在的请看下一步3生成SSH公钥$ ssh-keygen -t rsa -C "your_email@youremail.c... 阅读全文
posted @ 2015-12-02 16:40 webpush 阅读(681) 评论(0) 推荐(0) 编辑
摘要: 1. 问题的引出最近阅读白树的博文《移动web资源整理》时,他在博文中有一段指出,如果html5要适应各种分辨率的移动设备,应该使用rem这样的尺寸单位,同时给出了一段针对各个分辨率范围在html上设置font-size的代码:html{font-size:10px}@media screen an... 阅读全文
posted @ 2015-11-27 15:02 webpush 阅读(298) 评论(0) 推荐(0) 编辑
摘要: 最近在使用的一个移动触摸滑动插件Swiper,功能很强大,跟之前的那个swipe.JS相比,同时支持在PC端滑动,支持上下方向滑动,支持多张图片滑动,支持多屏滑动,凡是你想得到的几乎都可以实现。最近作者还更新了3.0版本,优先支持ios和最新版的Android移动端。下载代码可以在github上下载... 阅读全文
posted @ 2015-11-24 16:09 webpush 阅读(510) 评论(0) 推荐(1) 编辑
摘要: 移动端业务开发,iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下,会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。iOS下的 Fixed + Input BUG现象让我们先举个... 阅读全文
posted @ 2015-11-24 15:52 webpush 阅读(322) 评论(0) 推荐(0) 编辑
摘要: 1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用123456代码laycode - v1.1第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;第二个meta... 阅读全文
posted @ 2015-11-23 20:21 webpush 阅读(2750) 评论(0) 推荐(0) 编辑
摘要: 3个方法比较简单,分别在页面头部加入如下js代码:对于简单地直接从www.maslinkcom跳转到m.maslink.com,此方法仅从首页而言:2.如果网站除了首页部分,后面跟的还有,比如:www.maslink.com/list/98/,对于这样一个url,PC就直接这样访问了,对于移动端... 阅读全文
posted @ 2015-11-23 15:01 webpush 阅读(741) 评论(0) 推荐(0) 编辑
摘要: "自适应网页设计"到底是怎么做到的?其实并不难。首先,在网页代码的头部,加入一行viewport元标签。 viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初... 阅读全文
posted @ 2015-11-23 14:00 webpush 阅读(3860) 评论(0) 推荐(0) 编辑
摘要: 真的需要动态生成viewport吗?如何自适应?然后给出主观的最佳实践。最帅的flex赶时间戳这里传送门比较无聊干燥的文章,看前请喝水。研究样本手淘 ml.js天猫首页手机携程一个月前去了css开发者大会,听到了手淘的自适应方案,想起之前一直就想了解ml.js到底干了什么事。回来仔细研究了一下,抱着... 阅读全文
posted @ 2015-11-19 17:52 webpush 阅读(481) 评论(0) 推荐(0) 编辑