（1）代码层面的优化 v-if 和 v-show 区分使用场景 computed 和 watch 区分使用场景 v-for 遍历必须为 item 添加 key，且避免同时使用 v-if 图片资源懒加载 路由懒加载 当打包构建项目时，JavaScript包会变的非常打，影响页面加载。如果我们能把不同路 ...
分类：
其他好文 时间：
2020-04-04 11:43:56
阅读次数：
111
前言 优化！ 又是优化！ 切图崽们作为整个web应用的纽带，连接着用户行为和机器性能. 而优化的最终意义，在于在这两者之间取得一个最佳的平衡点. 对于图片资源的加载来说，更是如此. 今天我们就来简单说说，项目开发中常见的图片加载优化方式. 预加载 1.遮罩大法 我们经常用jquery, jquery ...
分类：
其他好文 时间：
2020-04-03 20:17:37
阅读次数：
86
一、项目流程 1、需求文档：即与客户签订项目合约后的第一步，会和客户一起讨论需求，确认项目的功能，周期，价格等，最后得出一份双方认可的需求文档。 2、开发文档：公司内部根据需求文档开会讨论得出开发文档。 3、根据开发文档分配岗位任务 ①UI界面设计：设计网站的外观，组织需要用的图片资源。 ②前端： ...
分类：
其他好文 时间：
2020-04-02 19:33:08
阅读次数：
82
我都服了我自己这个操作了。 目前项目上有一些商品的图片资源是错误的。 我本来打算在服务器上写一个办法，读取资源信息，判断是404的话，就记录这条。然后改这个资源地址为默认地址。 后来我发现，这些错误图片资源访问状态竟然是200，不怕流氓，就怕有文化的流氓。这条路算彻底走不通了，然后脑子里突然想到一个 ...
分类：
其他好文 时间：
2020-04-02 17:32:50
阅读次数：
70
这周遇到了一个新需求，产品反馈地图瓦片服务的图片资源没有Http缓存，每次移动地图范围都会向后台发处请求/响应数据，影响了客户端的地图加载体验。所以需要增加这样一种缓存：1）针对同一个请求资源地址URL，首次加载需要缓存数据，后续加载直接读取缓存；2）后台数据发生更新时，需要实时更新缓存； 在完成这 ...
分类：
其他好文 时间：
2020-03-29 19:47:37
阅读次数：
76
首先, 看一下效果图。 实现思路 1.PS处理两张选中得特效背景, 一张为主选择得效果图, 另外一张为次选择项得效果图。 图片资源定义 ToggleButton样式实现: 1.自定义Expander样式, Expander样式模板中, 主要分为两个部分, 1.ToggleButton 2.Conte ...
在实际案例中经常会需要展示一个图片列表，但是列表中由于图片数量比较多，所以每张图片都会比较小。这时我们需要一个功能，能够点击某一张图片就显示这张图片的大图，今天就是说一下ivx中如何实现这种预览效果。1.图片列表demo中的图片列表是用循环组件创建的，图片资源已经存放在对象数组里，for容器下的图片组件已经绑定了当前数据中的图片资源。父容器是一个行并且开启了自动换行，每行显示两张图片。2.小图与大
分类：
其他好文 时间：
2020-03-16 23:36:06
阅读次数：
96
在这里不得不先夸一下ivx功能的强大，同时，鄙人在最近的开发学习过程中，对ivx中自带的瀑布流容器进行了学习使用，颇有心得，希望能分享给大家，给大家带来一些便利。因为官网的demo库十分齐全，所以我直接以官网的瀑布流显示图片demo进行分析：1.瀑布流显示图片的重点在于瀑布流容器的熟练运用，这里因为要用到测试数据来显示，所以先创建一个数据库导入图片资源数据，然后创建一个服务用于按页数输出数据，添加
分类：
其他好文 时间：
2020-03-12 11:27:24
阅读次数：
63
最近在学习ivx的过程中使用了很多拓展组件中已经封装好的组件，这些组件的功能都是案例中经常用到的，使用起来也十分方便。但是封装好之后对样式的修改就收到了一定程度的限制，所以今天来说一下如何自制一个自己的轮播图，这里先以一个demo为例吧。1.用一位数组保存要展示的图片资源既然是轮播图自然要有展示的图片，这个demo是吧图片放在了一个一位数组之中。同时添加一个数值变量--当前序号，他就是代表当前展示
分类：
其他好文 时间：
2020-03-12 09:24:48
阅读次数：
51
选择合适的图片格式 原理：对图片格式转换，在画质可以接受的情况下达到更好的压缩比效果 优势：减少图片加载流量，效果比较明显 劣势：服务器和浏览器压力增大，而且服务器需要额外的服务支持，格式转换要考虑浏览器的兼容性图片大小小于2KB时可使用base64编码代替图片不同终端对同一个图片需求不一样，可以根... ...
分类：
其他好文 时间：
2020-03-03 14:59:33
阅读次数：
75
