选择合适的图片格式 原理：对图片格式转换，在画质可以接受的情况下达到更好的压缩比效果 优势：减少图片加载流量，效果比较明显 劣势：服务器和浏览器压力增大，而且服务器需要额外的服务支持，格式转换要考虑浏览器的兼容性图片大小小于2KB时可使用base64编码代替图片不同终端对同一个图片需求不一样，可以根... ...
分类：
其他好文 时间：
2020-03-03 14:59:33
阅读次数：
75
一、图片加载的工作流概括来说，从磁盘中加载一张图片，并将它显示到屏幕上，中间的主要工作流如下：假设我们使用 +imageWithContentsOfFile: 方法从磁盘中加载一张图片，此时的图片并没有解压缩；然后将生成的 UIImage 赋值给 UIImageView；接着一个隐式的 CATran... ...
分类：
移动开发 时间：
2020-02-26 14:12:52
阅读次数：
88
Glide现在应用最广的一个图片加载框架了，一直都想对它下手，每次都是深陷其中。。。这次狠下心来，对它来个全面的剖析，争取对整个流程和其中的细节都有一个覆盖。 本文的Glide的解析是基于最新的4.11.0版本来进行的。 其实从一般的网络加载图片，可以简单分析下大体的流程，无非就是建立相关的请求信息 ...
分类：
其他好文 时间：
2020-02-17 19:28:20
阅读次数：
95
1、原生js和jQuery入口函数的加载模式不同 1）原生js 会等到DOM元素加载完毕，并且图片也加载完毕才会执行； 2）jQuery会等到DOM元素加载完毕，但不会等到图片加载完成就会执行。 //写在head标签里 原生javascript的固定写法 window.onload = functi ...
分类：
Web程序 时间：
2020-02-15 15:46:49
阅读次数：
71
页面加载抖动问题 在web开发中，经常会遇到这样一个问题，比如一个宽度百分百，高度自适应的图片，在网速慢的情况下加载过程中会出现抖动的问题（未加载图片前容器的高度为0，图片加载完成后下面的内容会被挤下去）。 这种问题如果是图片有固定高度，就不会出现加载抖动。但一般情况下，为了使图片不被拉伸，高度一般 ...
分类：
Web程序 时间：
2020-02-13 20:55:42
阅读次数：
375
为何在Fresco，Glide这么强大的背景下，我又想起了当初的Picasso，又为何写这篇文章？是因为最近项目采用了square公司的RxAndroid，Retrfit和OKhttp, 不得不联想到这个公司曾经还有款图片加载Picasso，所以采用了square公司的全家桶来进行项目开发，为了减少... ...
分类：
Web程序 时间：
2020-02-05 10:08:26
阅读次数：
104
在调用图片加载到imageview时，有一张图片点击后闪退，猜测是图片大小问题， 通过查询安卓程序员开发手册，在 https://developer.android.com/topic/performance/graphics/load-bitmap.html?hl=zh_cn#java中找到了相应 ...
分类：
移动开发 时间：
2020-02-04 14:20:42
阅读次数：
92
html图像 <img>标签可以在网页上插入一张图片，它是独立使用的标签，通过“src”属性定义图片的地址，通过“alt”属性定义图片加载失败时显示的文字，以及对搜索引擎和盲人读屏软件的支持。 <img src="images/pic.jpg" alt="产品图片" /> 绝对路径和相对路径 像网页 ...
分类：
Web程序 时间：
2020-02-03 09:58:47
阅读次数：
97
最近写公司的项目的时候遇到一个关于图片加载的问题，所做的页面是一个商城的商品列表页，其中需要显示商品图片，名称等信息，因为商品列表可能会很长，所以其中图片需要滑到可以显示的区域再进行加载。 首先我的图片加载插件使用的是jquery的lazyload， **一般情况下：** 使用lazyload，只需 ...
分类：
Web程序 时间：
2020-01-19 22:34:55
阅读次数：
151
打开一篇多图的微信公众好文章。在图片加载过程中，我们发现微信对每一个img都塞了也个占位图，而且占位图的宽高就是实际加载完图的宽高。这是如何做到的呢？ 1.微信所有的img标签里,都有自定义的data-ratio,data-w.这两个属性是关键. //data-w:是图片的natural width ...
分类：
微信 时间：
2020-01-16 01:02:40
阅读次数：
286
