打开开发者工具看network里的瀑布图。 原因一：http请求次数太多 解决：减少http请求次数 ① 图片地图：把多张图片整合到一张图片中，以位置定位超链接。 ② CSS Sprites合并图片，通过指定CSS的backgroud image和backgroud position来显示元素。 ③ ...
分类：
其他好文 时间：
2020-05-19 18:34:50
阅读次数：
52
方法1： html: <div v-if='imgsback.length>0' class="flex"> <div class="img-box" v-for="(item, i) in imgsback" :key='i' > <img class="img" :src="item" alt= ...
分类：
Web程序 时间：
2020-05-11 18:49:46
阅读次数：
115
<el-table :data="weekList" stripe tooltip-effect="dark" class="table"> <el-table-column v-for="(item, index) in tableOrderItem" :key="index" :width="i ...
分类：
其他好文 时间：
2020-05-08 19:53:35
阅读次数：
152
es7提出的async/await概念已经存在有相当长一段时间，具体概念用法就不在这里赘述了，优势在于处理解决then链多层嵌套回调的问题，使得代码更为简单清晰。 本文在这里要讲的是批量上传多张图片时，如果不分批上传可能触发浏览器的并发限制，亦或是图片过多过大导致上传超时，都会影响图片的上传成功率。 ...
分类：
Web程序 时间：
2020-04-28 17:26:28
阅读次数：
74
在网站开发中，我们需要对图片进行无损压缩，推荐的网站为tinypng，链接为：https://tinypng.com/。 可以将至多20张图片拉到框中进行压缩，再下载替换原来的图片，压缩后的图片体积大大减少了，加快了页面的加载速度。 注：有时一些图片压缩失败时，可能是因为频繁操作，服务器进行了请求次 ...
分类：
其他好文 时间：
2020-04-22 00:31:56
阅读次数：
275
多种图片懒加载 并实现回到顶部 html + css js代码 ...
分类：
其他好文 时间：
2020-04-21 12:50:30
阅读次数：
55
方法一： 把几张图片图像依次插入到word文件中，打印即可。可以批量插入图片。 缺点：word有边距设置，图片可能会变形。 方法二： 用Adobe Acrobat X 专业版合并多个图像图片为一个pdf文件，打印。 安装Adobe Acrobat X 专业版，然后，选中多个图片，右键单击，选Comb ...
分类：
其他好文 时间：
2020-03-02 10:30:35
阅读次数：
1485
export default class Upload{ constructor(object) { this.obj = { count:1, sizeType:['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType:['albu ...
分类：
微信 时间：
2019-12-27 11:18:07
阅读次数：
145
雪碧图：将多张图片整合到一张图片上，利用ps设置器位置，展示到网页上 <head> <meta charset="UTF-8"> <title>Document</title> <style> .sprite{ /* 1. 定视口 */ width: 180px; height: 180px; bo ...
分类：
其他好文 时间：
2019-12-21 22:46:56
阅读次数：
268
过程分析 图片上传主要分成三部分： 一、本地表单处理 1、表单美化 2、获取上传文件信息（选择、拖拽、一张、多张） 3、图片信息校验（格式、大小） 4、本地展示 二、调用接口获取上传需要的参数 1、引入cos-js-sdk-v5(jquery、axios如果必要) 2、ajax\jsonp,获取bu ...
分类：
Web程序 时间：
2019-12-13 00:10:17
阅读次数：
695
