Vue 项目使用 Vue-lazyload 做图片懒加载。 下载 下载 Vue-lazyload 的包NPM包 引入 在项目 main.js中通过 import 引入 配置属性 官方 Api 示例 使用 v-lazy 指令 ...
分类：
其他好文 时间：
2018-11-03 23:10:47
阅读次数：
294
一、刚开始使用Ubuntu18后，感觉开机和运行速度都不理想，通过改变一些配置可以提高下用户体验感 二、改变一些配置 a、使用Preload预加载 b、禁用不必要的启动项 搜索界面搜索:Startup Applications 禁用不用的开机启动应用 c、调整交换分区参数 # 查看tendency数 ...
分类：
系统相关 时间：
2018-11-03 12:36:08
阅读次数：
617
1.JS设计模式片段 2.canvas图片预加载及进度条的实现 3.JS实现跨浏览器添加事件与移除事件怎样做才最优？ 一般的兼容做法，如下： 跨浏览器添加事件 跨浏览器移除事件 推荐写法 参考地址： addEvent() recoding contest entry addEvent() – Fol ...
分类：
Web程序 时间：
2018-10-29 20:40:34
阅读次数：
224
这里有个nuxt和vue不同的地方，这个地方很有意思，官方的中文文档说得蜜汁自信 In production, nuxt.js uses the prefetch strategy to pre-fetch the pages bundle that will be required when na ...
分类：
Web程序 时间：
2018-10-10 14:21:02
阅读次数：
678
1、懒加载 1.什么是懒加载？ 懒加载也就是延迟加载。 当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。 2.为什么要使 ...
分类：
其他好文 时间：
2018-09-28 16:38:22
阅读次数：
137
一、预加载图像 如果你的网页中需要使用大量初始不可见的（例如，悬停的）图像，那么可以预加载这些图像。 function preloadImages(){ for(var i=0;i<arguments.length;i++){ $("<img>").attr('arc',arguments[i]) ...
分类：
Web程序 时间：
2018-09-18 16:06:21
阅读次数：
173
当页面中图片很多的情况下，如果不做图片预加载，在图片没加载出来之前去访问，那用户看到的就是一片空白，影响用户体验， 这个时候图片预加载就非常重要了。 在进入主体页面之前先做一个loading出来，显示图片加载进度，加载完毕了再进入实际页面。 代码如下： HTML JS 实现效果如下： 这样在切换的时 ...
分类：
其他好文 时间：
2018-09-16 15:29:18
阅读次数：
191
预加载 页面正常打开步骤：先创建 在显示 问题：在创建打开页面时，比较费时，会出现等待框，影响用户体验，所以用到预加载技术 预加载是在页面还没用到的时候提前创建，当用到的时候直接显示，节约时间，mui提供了两种预加载的方式 mui.init异步加载多个页面 问题：因为是异步执行，所以可能会出现无法立 ...
分类：
其他好文 时间：
2018-09-14 13:56:02
阅读次数：
240
恢复内容开始 刚刚说了懒加载，现在我们来搞搞预加载吧 上一份代码给大家理解理解，大家可以跟着注释理解理解，一个很简单的小栗子，别忘了改图片路径 恢复内容结束 ...
分类：
Web程序 时间：
2018-09-11 11:22:45
阅读次数：
200
