冰山一角r

大家总说性能优化的xxx条建议，但实际操作时又觉得很无力。本文就带你体验一次真实的性能优化案例和原理解析

最近在写一个海报分发证书的需求，用户信息是服务端接口请求展示，其他以img图片形式展现。在测试场景中发现长按页面，保存图片，但是保存的图片只是img图片，并没有服务端返回信息的整体渲染，所以考虑禁止长按保存图片功能。基于此做以下记录 给img标签添加css属性, 我这个海报连接…

移动端长按保存、取消长按保存图片,有时候会遇到在移动端长按保存图片的功能，微信打开h5页面可以实现，那么普通浏览器可能效果不一。不同浏览器下效果适配显示。

所谓的“无缝滚动”就是多屏切换的过程是连续可循环的，而不是到最后一屏就停止播放。这种业务场景在实际开发中很常见，下面是“淘宝”和“京东” H5 版的首页截图，里面的 “banner 图”以及“头条栏”就是典型的无缝滚动的场景。但是体验一番之后，你会发现他们和原生 App 中的效…

最近看到微信阅读上面的本周推荐卡片的滚动动画效果，就想试试也实现一下。乍一看感觉只要做一下倾斜和移动的动画就可以了，其实主要的难点是如何做到无缝循环。 这个是难点。 首先需要明确的是，动画开始的画面和动画结束的画面应该是同一个画面，这样才能做到无缝循环。 为此，需要增加一些重复…

工欲善其事，必先利其器。了解完性能指标之后，性能优化的目标已经明确了。接下来我们借助一些性能测量工具，明确网页距离优化目标之前还有多大的差距。

采用懒加载：只加载可视区域的图片，即滚动到可视区域时再加载图片。 1. 解决图片过大显示问题 图片读取的顺序与存储顺序一致，如果文件较大或者网络下载速度较慢，使用baseline-jpeg就会看到图片被一行行加载的效果，而使用preogressive-jpeg，会先显示整个图片…

前言 百度百科对计算机软件的的定义为：“计算机软件( Software，也称软件)是指计算机系统中的程序及其文档，程序是计算任务的处理对象和处理规则的描述；文档是为了便于了解程序所需的阐明性资料。程序