整理了一下当时学js写的一些案例，再次体验了一把用原生JS实现动态瀑布流效果的乐趣，现在把它整理出来，需要的小伙伴可以参考一下。 该案例主要是用HTML+CSS控制样式，通过JS实现全局瀑布流以及点击图片放大、上下切换效果。HTML布局写的很简单，图片加载主要是在JS中通过访问自定义的JSON字符串 ...
分类：
Web程序 时间：
2019-05-23 15:53:39
阅读次数：
153
listBox控件使用，当双击左侧的listBox图片列表，右侧的pictureBox则相应出现对应的图片
防抖和节流，主要是用来防止过于平凡的执行某个操作，如浏览器窗口变化执行某个操作，监听某个input输入框keyup变化，瀑布流布局时Y轴滚动，图片加载。 js函数的防抖 经过一段事件才执行某个操作，如果时间内又执行了该操作则延长时间重新开始计算 /* 输入快的话会出现输出结果多次重复 */ 使用防抖 ...
分类：
Web程序 时间：
2019-05-14 20:42:34
阅读次数：
215
1、从静态资源文件质量方面的优化通过第三方网站手动压缩图片，网址：https://tinypng.com/优点服务端：缩小质量，节省服务器资源客户端：提升加载速度，节省流量，本地资源文件质量小，能够减少App体积，为用户节省流量，少占用移动设备的内存。2、移动端上传使用libjpeg进行图片压缩（哈夫曼算法,无损压缩）,（ios系统自带，仅供android开发者参考）博客地址：https://bl
分类：
其他好文 时间：
2019-05-01 22:24:01
阅读次数：
200
在项目开发中，我们往往会遇到一个页面需要加载很多图片的情况。我们可以一次性加载全部的图片，但是考虑到用户有可能只浏览部分图片。所以我们需要对图片加载进行优化，只加载浏览器窗口内的图片，当用户滚动时，再加载更多的图片。这种加载图片的方式叫做图片懒加载，又叫做按需加载或图片的延时加载。这样做的好处是：1 ...
分类：
Web程序 时间：
2019-04-26 00:03:32
阅读次数：
183
FastImageCache是Path团队开发的一个开源库，用于提升图片的加载和渲染速度，让基于图片的列表滑动起来更顺畅，来看看它是怎么做的。 优化点 iOS从磁盘加载一张图片，使用UIImageVIew显示在屏幕上，需要经过以下步骤： 6.1 如果数据没有字节对齐，Core Animation会再 ...
分类：
移动开发 时间：
2019-04-22 16:51:06
阅读次数：
186
图片懒加载技术 图片懒加载是一种网页优化技术。图片作为一种网络资源，在被请求时也与普通静态资源一样，将占用网络资源，而一次性将整个页面的所有图片加载完，将大大增加页面的首屏加载时间。为了解决这种问题，通过前后端配合，使图片仅在浏览器当前视窗内出现时才加载该图片，达到减少首屏图片请求数的技术就被称为“ ...
分类：
编程语言 时间：
2019-04-21 12:44:20
阅读次数：
156
<img>标签可以在网页上插入一张图片，它是独立使用的标签，它的常用属性有： （1）src 属性 定义图片的引用地址 （2）alt 属性 定义图片加载失败时显示的文字，搜索引擎会使用这个文字收录图片、盲人读屏软件会读取这个文字让盲人识别图片，所以此属性非常重要。（图片的文字说明） <img src= ...
分类：
Web程序 时间：
2019-03-18 01:30:40
阅读次数：
271
a标签带来的效果 超链接标签,herf添加一个超链接,不要忘记补全http:// 新建一个标签页,打开此连接用 target='_blank' 锚链接: name='埋个点' herf='#埋个点' img标签 sre:可以连接本地图片,也可以链接网络图片 alt:当图片加载失败时候提醒用户这是一张 ...
分类：
Web程序 时间：
2019-03-17 17:03:09
阅读次数：
224
Load 事件触发代表页面中的 DOM，CSS，JS，图片已经全部加载完毕。 DOMContentLoaded 事件触发代表初始的 HTML 被完全加载和解析，不需要等待 CSS，JS，图片加载。 ...
分类：
其他好文 时间：
2019-03-09 23:35:31
阅读次数：
171
