路由预加载 Created: Aug 14, 2020 11:18 PM 分类: 小技巧 技术: 路由懒加载, 预加载 文件: src/router/index.js, vue.config.js 当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分 ...
分类：
其他好文 时间：
2020-08-27 13:09:06
阅读次数：
49
为什么要用精灵图？ 在网页中引入图片，src的属性值是一个网址，会请求数据，需要时间 如何去减轻服务器压力，减少加载图片的时间 图片的懒加载 精灵图 CSS精灵图定义 1. CSS sprites 2. 多个小图标放在一张图片上，然后通过背景方位去展示不同的小图标 使用 background-ima ...
分类：
Web程序 时间：
2020-08-19 19:17:27
阅读次数：
85
ImagesPipeline ImagesPipeline：专门用作于二进制数据下载和持久化存储的管道类。建议在爬虫文件中进行数据解析，不建议在爬虫文件中直接进行数据存储。 图片懒加载：应用到标签的伪属性，数据捕获的时候一定是基于伪属性进行。 # -*- coding: utf-8 -*-impor ...
分类：
其他好文 时间：
2020-08-15 23:57:48
阅读次数：
109
001、什么是懒加载 懒加载也就是延迟加载 当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。 002、为什么要使用懒加载 ...
分类：
其他好文 时间：
2020-08-13 12:08:32
阅读次数：
53
代码分割的意义 使用场景：抽取相同代码到一个共享块，脚本懒加载，使得初始加载代码更小 动态import ...
分类：
Web程序 时间：
2020-08-03 00:54:28
阅读次数：
216
1.图片滚动到可视窗口区域后再进行加载 index.html <img :data-src="subItem.thumbUrl" /> index.js // imgonload这个方法在滚动监听中使用（可添加防抖）， imgonload = () => { const img = document ...
分类：
其他好文 时间：
2020-07-29 17:38:18
阅读次数：
58
三个阶段 1. 加载阶段； （1） 减少关键资源的个数（合并文件，CSS精灵，base64、懒加载）； （2） 降低关键资源的大小（减少cookie的传输、开启gzip压缩、webpack打包压缩）； （3） 降低关键资源的RTT（往返延时）次数（DNS预解析、使用HTTP2、HTTP缓存、CDN、 ...
分类：
Web程序 时间：
2020-07-26 01:54:23
阅读次数：
102
项目里用到JPA关系映射，导致一个普通的查询方法会执行数十条sql，使用懒加载的方式解决。当时配置过懒加载之后，还是失效 会执行sql 于是反复试验 排查得出一些结论。 第一次我的代码是这样的，感觉应该没有问题。但是每次执行到打断点这一行，会执行关联查询的sql。 坑！坑！坑！这里有坑请注意 最后排 ...
分类：
其他好文 时间：
2020-07-24 16:29:23
阅读次数：
121
一、可迭代对象（iterable） 我们知道，在Python世界里，一切皆对象。对象根据定义的维度，又可以分为各种不同的类型，比如：文件对象，字符串对象，列表对象。。。等等。 那什么对象才能叫做可迭代对象呢？一句话：“实现了__inter__方法的对象就叫做可迭代对象”，__inter__方法的作用 ...
分类：
其他好文 时间：
2020-07-16 21:15:53
阅读次数：
42
本本节课讲解在webpack v4中的 Scss 提取和懒加载。值得一提的是，v4和v3在 Scss 的懒加载上的处理方法有着巨大差别。Scss 是 Sass 3 引入新的语法，其语法完全兼容 css3，并且继承了 Sass 的强大功能。也就是说，任何标准的 css3 样式表都是具有相同语义的有效的 ...
分类：
Web程序 时间：
2020-07-16 18:13:32
阅读次数：
76
