Preload 作为一个新的web标准，旨在提高性能和为web开发人员提供更细粒度的加载控制。Preload使开发者能够自定义资源的加载逻辑，且无需忍受基于脚本的资源加载器带来的性能损失。 <link> 标签的rel属性preload 可以在页面中的header部分中申明一些资源的获取请求，可以指定 ...
分类：
其他好文 时间：
2020-06-02 09:47:45
阅读次数：
92
1. 硬件服务： CDN分发，gzip，大小图，缓存 2. webpack： 大文件切割抽取公共代码 功能或业务为单元代码 相应依赖和公共资源可以放到CDN 按需引入工具库与UI库 3. 项目上： 减少请求次数 异步的优先级，是否需要同时请求多个，需要分段请求 异步的重复请求 资源预加载 图片懒加载 ...
分类：
其他好文 时间：
2020-05-21 16:04:27
阅读次数：
73
前戏 到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript，DOM，BOM。 BOM（Browse ...
分类：
其他好文 时间：
2020-05-18 16:14:21
阅读次数：
53
前端性能优化列表： 1. JS 减少 DOM 操作 预加载 懒加载 tree shaking 防抖，节流 变量缓存 for遍历优先 接口数据懒请求 2. CSS 减少类的层级 硬件加速（3d canvas webgl） 雪碧图 避免使用滤镜 3. html 减少无效标签 4. 整体 减少 http ...
分类：
其他好文 时间：
2020-05-14 13:19:22
阅读次数：
68
一、懒加载 1.什么是懒加载 懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。 用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。 在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景 ...
分类：
其他好文 时间：
2020-05-07 00:39:18
阅读次数：
70
文献参考 http://gorm.book.jasperxu.com/ 写Go代码也有快一个月了，最近在将laravel项目转Gin的过程中，遇到了不少因为语法特性而导致迁移问题，其中一个就是Gorm这块 With方法被 Preload ,Association 替代 在laravel中，我们可以通 ...
分类：
其他好文 时间：
2020-05-02 10:10:26
阅读次数：
228
文献参考 http://gorm.book.jasperxu.com/ 写Go代码也有快一个月了，最近在将laravel项目转Gin的过程中，遇到了不少因为语法特性而导致迁移问题，其中一个就是Gorm这块 With方法被 Preload ,Association 替代 在laravel中，我们可以通 ...
分类：
其他好文 时间：
2020-05-02 09:36:42
阅读次数：
66
1. 新建color.scss文件 注册变量 2.配置到预加载 在vue.config.js中添加你要预加载的全局css变量, 注意import你的文件路径 注： 新版 sass-loader prependData 旧版data 3.在需要使用的地方 将值设置为定义的变量名字即可 ...
分类：
其他好文 时间：
2020-04-27 15:23:37
阅读次数：
324
SwiftUI - init SwiftUI 中init方法，会在编译期进行预加载 init() { } List样式设置init方法中预onAppear中的区别 // 全局生效，以项目中最后加载的init方法中的设置为准 init() { UITableView.appearance().sect ...
分类：
编程语言 时间：
2020-04-11 00:08:09
阅读次数：
72
大家在初期学习写网页的时候，可能会遇到这种情况，网站部署到服务器后，遇到图片本身较大时 会卡顿地从上往下加载，类似这样： 为了解决这种令用户不适的情况，我们可以用到懒加载和预加载 首先，懒加载和预加载不是什么高深的技术，只需短短几步，就能实现这样一个小功能从而提升用户体验。 懒加载和预加载是常用的w ...
分类：
其他好文 时间：
2020-04-10 22:24:10
阅读次数：
67
