1.css sprite是什么,有什么优缺点 将多个小图片拼接到一个图片中。通过 background-position 和元素尺寸调节需要显示的背景图案。 减少 HTTP 请求数,极大地提高页面加载速度增加图片信息重复度,提高压缩比,减少图片大小 2 display: none; 与 visibi ...
分类:
Web程序 时间:
2019-11-09 10:12:14
阅读次数:
106
路由懒加载 当打包构建应用时,Javascript 包会变得非常大,影响页面加载速度。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 结合 Vue 的异步组件和 Webpack 的代码分割功能,轻松实现路由组件的懒加载。如: 异步组件 在大 ...
分类:
其他好文 时间:
2019-10-27 22:44:58
阅读次数:
107
next 简介 Next.js 是一个轻量级的 React 服务端渲染应用框架 next 特点 默认情况下由服务器呈现 自动代码拆分可加快页面加载速度 简单的客户端路由(基于页面) 基于 Webpack 的开发环境,支持热模块替换(HMR) 能够与 Express 或任何其他 Node.js HTT ...
分类:
Web程序 时间:
2019-10-01 14:34:26
阅读次数:
129
nginx缓存静态资源,只需几个配置提升10倍页面加载速度 首先我们看图说话 这是在没有缓存的情况下,这个页面发送了很多静态资源的请求: 1.png 1.png 可以看到,静态资源占用了整个页面加载用时的90%以上,而且这个静态资源还是已经在我使用了nginx配置压缩以后的大小,如果没有对这些静态资 ...
分类:
其他好文 时间:
2019-09-29 11:16:51
阅读次数:
93
页面的加载过程主要分为下载、解析、渲染三个步骤,下面从这三个方面阐述提升加载速度的方法: 1、加快文件下载速度,减小资源文件下载对页面解析的阻塞。页面加载过程首先会下载 HTML 文件,然后自上而下开始解析,解析过程中如果遇到外部资源则会开始下载,直至下载完成才会继续解析。所以,加快文件下载速度方式 ...
分类:
其他好文 时间:
2019-09-15 01:39:40
阅读次数:
131
组件懒加载也叫按需加载; 当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 打包 build 后的 dist 中 js 包文件太大,影响页面加载速度,使用 vue 的异步组 ...
分类:
其他好文 时间:
2019-08-30 17:15:42
阅读次数:
158
1、什么是Redis?简述它的优缺点? Redis本质上是一个Key-Value类型的内存数据库,很像memcached,整个数据库统统加载在内存当中进行操作,定期通过异步操作把数据库数据flush到硬盘上进行保存。 因为是纯内存操作,Redis的性能非常出色,每秒可以处理超过 10万次读写操作,是 ...
分类:
其他好文 时间:
2019-08-17 20:03:36
阅读次数:
87
1、对web标准以及W3C的理解和认识 标签闭合、标签小写,不乱嵌套,使用外链css和js脚本,文件下载和页面加载速度更快,容易维护和修改,提高了网站易用性 2、xhtml和html的区别 XHTML:可扩展超文本标记语言,XHTML元素必须被正确地嵌套,XHTML 元素必须被关闭。标签名必须用小写 ...
分类:
Web程序 时间:
2019-07-03 00:39:09
阅读次数:
146
1、css sprite是什么,有什么优缺点 概念:将多个小图片拼接到一个图片中。通过background-position和元素尺寸调节需要显示的背景图案。 优点: 减少HTTP请求数,极大地提高页面加载速度 增加图片信息重复度,提高压缩比,减少图片大小 更换风格方便,只需在一张或几张图片上修改颜 ...
分类:
Web程序 时间:
2019-06-18 13:48:25
阅读次数:
154
1、jQuery 1.1、jQuery介绍 1、jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 2、jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write ...
分类:
Web程序 时间:
2019-06-04 22:37:41
阅读次数:
188