项目优化分几个点,一般图片我们用.svg后缀,还有使用base64的格式编码.这些都是减少图片的体积.减少http的请求.还有外部导入的包使用CDN的形式.还有路由的懒加载.还有用keep-alive标签去包裹失活组件. 1. 然后我们打包上线的时候去发现问题,再解决问题.比如说打包会发现,不允许出 ...
分类:
其他好文 时间:
2020-05-02 11:48:27
阅读次数:
85
在vue中,不使用懒加载的情况下,我们打包后的dist中会有2个文件夹.分别用于存放css 和 js, 在js中,会生成3个js文件: *代表生成的数字字母等 1.app.******.js : 这个js存放的是我们的自己写的逻辑,业务等js代码 2.manifest.*******.js : 这个 ...
分类:
其他好文 时间:
2020-05-01 14:39:42
阅读次数:
69
页面性能优化可以从两方面着手,第一个时页面加载速度,第二个是页面运行时性能,这里主要说页面加载性能。 1.vue 路由的懒加载 component: () =>import(/* webpackChunkName: "quality-overseer-msg" */ "@/views/quality ...
分类:
其他好文 时间:
2020-05-01 01:22:24
阅读次数:
99
目录 SQLAlchemy04 /SQLAlchemy查询高级 1、排序 2、limit、offset和切片操作 3、懒加载 4、group_by 5、having 6、join 7、subquery 1、排序 排序概述: order_by:可以指定根据这个表中的某个字段进行排序,如果在前面加了一个 ...
分类:
数据库 时间:
2020-04-30 13:57:01
阅读次数:
78
该注解是在单实例bean是使用,当使用@Scope注解的singleton属性时,bean的实例会在IOC容器创建的时候被加载, 但是如果在创建bean的时候加上@lazy注解,则bean的实例会在第一次使用的时候被创建。 @Lazy @Scope(value = ConfigurableBeanF ...
分类:
编程语言 时间:
2020-04-28 16:51:52
阅读次数:
65
搜索分页技术往往和另一个术语Lazy Loading(懒加载)联系起来。今天由Jerry首先介绍S/4HANA,CRM Fiori和S4CRM应用里的UI搜索分页的实现原理。后半部分由SAP成都研究院菜园子小哥王聪向您介绍Twitter的懒加载实现。 关于王聪的背景介绍,您可以参考他的前一篇文章:S ...
分类:
其他好文 时间:
2020-04-27 19:11:34
阅读次数:
63
所谓懒加载就是在图片进入 *可视区域* 前,用 *同一张* 图片作为图片的 src 属性值,这样可减少请求及带宽。懒加载的重点是:判断元素是否进入可视区域?元素距离文档顶部高度(这个值固定不变) - 整个文档被滚动高度(浏览器滚动条向下滚动高度) <= 可视高度,表示元素进入可视区域Demo: <! ...
分类:
Web程序 时间:
2020-04-25 00:52:23
阅读次数:
84
多种图片懒加载 并实现回到顶部 html + css js代码 ...
分类:
其他好文 时间:
2020-04-21 12:50:30
阅读次数:
55
先了解一下require和import require 是 CommonJS(在Node中实现), 运行时调用,理论上可以运用在代码的任何地方 import 是es6的一个语法标准,如果要兼容浏览器的话必须转化成es5的语法,编译时调用,必须放在文件开头 require 是赋值过程,其实requir ...
分类:
其他好文 时间:
2020-04-17 12:37:24
阅读次数:
98
1、使用layui的第三方插件时间菜单树状显示。(dtree) 2、使用SpringDataJpa进行一对多,保存操作的时候,遇到 failed to lazily initialize a collection of role,这是由于懒加载导致的,解决办法:在注解上添加fetch=FetchTy ...
分类:
其他好文 时间:
2020-04-12 22:53:32
阅读次数:
78