摘要：企业号的二次开发，基本都会需要微信中展示网页，用于完成一些独有的定制化需求。这篇文章会简单的聊聊移动前端开发的基础，主要包括一些开发和调试技巧，还会简单的提一下如何通过加载瀑布流找出性能的瓶颈从而提高网页的加载速度。 主要内容： 使用fiddler来抓包和调试 这部分会介绍，如何把手机上的资源 ...
分类：
移动开发 时间：
2016-04-16 12:27:18
阅读次数：
319
作为一位大中华区的用户，我经常被 App Store 的网速给弄疯。大家可以想象一下《疯狂动物城》里，兔子朱迪在等待树懒闪电先生查车牌号的场景，如果说我就是那只兔子，那大家不妨猜一下树懒是谁？ 树懒一般的加载速度，让我很少主动打开 App Store 的页面，但作为一个对用户的反馈耿耿于怀的人，又被 ...
分类：
移动开发 时间：
2016-04-13 12:57:27
阅读次数：
261
Fragment Toolbar，Menu RecyclerView，优化图片加载速度 1.昨天我让RecyclerView显示SD卡上的照片，非常卡，卡到程序闪退， 可能是SD卡上的照片数据量大，直接加载比较慢，同时加载多张可能就会OOM（Out of Memory）， 比较好的解决方案是先把图片 ...
分类：
其他好文 时间：
2016-04-12 11:10:12
阅读次数：
138
响应式设计的优缺点优点解决了设备之间的差异化展示缺点兼容性代码多，工作量大，加载速度受影响对原有网站布局会产生影响，用户判断未必精确 响应式设计的原则移动优先在设计的初期就要考虑的页面如何在多终端展示 渐进增强充分发挥硬件设备的最大功能 实现响应式布局：1.CSS3-Media Query（最简单的 ...
分类：
其他好文 时间：
2016-04-09 23:41:46
阅读次数：
437
网页的加载速度是评估网站质量一个重要指标。原因在于大多数用户能够容忍的网页加载时间只有几秒，如果超出了访客的忍受范围他们会毫不留情地关掉你的网 页，所以网页载入速度会极大地影响网站的流量和访问。以下总结了几种可以明显提高网站加载速度的初步简单技巧方式，如果你的网站存在载入速度慢的问题不妨 与此为参考 ...
分类：
Web程序 时间：
2016-04-06 16:58:35
阅读次数：
236
缓存图片 为了提高具有大量图片的页面的加载速度，提升用户体验，最好先将图片下载到本地，让浏览器缓存起来。常用的方法是JS的Image对象: 当图片加载过一次后如果再有对该图片的请求时，浏览器已经缓存过这张照片了，不会再发起一次请求，直接从缓存中载入图片。 ...
分类：
其他好文 时间：
2016-04-05 19:33:00
阅读次数：
118
前段时间看了京东大牛分享的前端技术，其中就有一个图片懒加载的内容。然后自己试了试，感觉挺好的。 为什么要懒加载（延迟）：对于图片过多的页面，为了加速页面加载速度，所以很多时候我们需要将页面未出现在可视区域内的图片先不做加载，等到滚动到可视区域后再去加载。这样子对于页面加载性能上会有很大的提升，也提高 ...
分类：
其他好文 时间：
2016-04-05 15:48:49
阅读次数：
286
利用浏览器缓存，可以使得页面加载速度提高，也减轻服务端压力。有几个比较重要点如下： 1. 浏览器是如何判断缓存是否过期？ 2. 服务端如何判断缓存已失效？ 3. 为什么有了Last-Modified还要Etag？ 4. 200 OK( from cache )和 304 Not Modified的区 ...
分类：
其他好文 时间：
2016-04-04 22:26:03
阅读次数：
229
雅虎给出了优化网站加载速度的34条法则（包括Yslow规则22条） 详细说明，下载转发 ponytail 的译文（来自帕兰映像）。 1.Minimize HTTP Requests 减少HTTP请求 图片、css、script、flash等等这些都会增加http请求数，减少这些元素的数量就能减少响应 ...
分类：
Web程序 时间：
2016-04-04 20:55:27
阅读次数：
146
1.CSS精灵图片技术 将一个页面涉及的所有零星图片都包含到一张大的图片中，然后利用CSS技术展现出来，可以减少http请求，减少整个网页的图片大小，提高页面性能。 2.合并js文件和css文件 减少GET请求次数，提高加载速度。 3.延迟可见区域外的内容 4.压缩文本和图片 如gzip压缩技术，可 ...
分类：
其他好文 时间：
2016-03-31 20:18:10
阅读次数：
175
