gizp压缩是一种http请求优化方式,通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩,可以减小60%以上的体积。 webpack在打包时可以借助 compression webpack plugin 实现gzip压缩,首先需要安装该插件: npm i -D ...
分类:
其他好文 时间:
2020-02-18 18:23:04
阅读次数:
69
1. 引入webpack 网页中引入静态资源多了以后会出现什么问题? 网页加载速度慢,因为我们要发起很多的二次请求 要处理错综复杂的依赖关系 如何解决上述问题? 1.合并,压缩 2.使用webpack解决包之间的依赖关系 什么是webpack? webpack是前端的项目构建工具,是基于node.j ...
分类:
Web程序 时间:
2020-02-16 16:47:35
阅读次数:
94
### 优化 1、加载速度的优化 ①雪碧图 >base64、iconfont ②代码压缩 ③图片视频压缩 ④cdn缓存 ⑤路由懒加载(异步组件) 首页引入的大文件进行分批次引入 2、运行效率优化 ①减少http请求,页面打开之后基本不涉及到数据更改 <keep-alive include="['a' ...
分类:
移动开发 时间:
2020-02-15 09:56:31
阅读次数:
95
一、jQuery简单介绍 jQuery它是一个轻量级的、兼容多浏览器的JavaScript库。 优点: - 是一款轻量级的JS框架,不会影响页面加载速度 - 丰富的DOM选择器,jQuery的选择器用起来更方便 - 链式表达式,可以把多个操作写在一行代码里,更加简洁 - 事件、样式、动画支持 - A ...
分类:
Web程序 时间:
2020-02-08 11:51:51
阅读次数:
94
缓存 把 /dist 目录中的内容部署到服务器上,客户端(通常是浏览器)就能够访问网站此服务器的网站及其资源。而通过网络获取资源是比较耗时的,这就是为什么浏览器要使用缓存这种技术。可以通过命中缓存,以降低网络流量,使网站加载速度更快。然而,如果我们在部署新版本时不更改资源的文件名,浏览器可能会认为它 ...
分类:
Web程序 时间:
2020-02-03 11:36:38
阅读次数:
98
编译Python文件 一、编译Python文件 为了提高加载模块的速度,强调强调强调: 提高的是加载速度而绝非运行速度 。python解释器会在__pycache__目录中下缓存每个模块编译后的版本,格式为:module.version.pyc。通常会包含python的版本号。例如,在CPython ...
分类:
编程语言 时间:
2020-01-31 00:44:44
阅读次数:
86
第六章 面向对象 规范化目录 规范化目录的优点 #1:加载速度块#2:可读性高#3:查询修改代码时都简单? 规范化目录分析 划归固定的路径 将文件目录的固定路径划分完成? settings.py配置文件 #1:基本存储的都是变量#2:静态路径,数据库的链接,配置,静态文件的的路径,基本不发生改变的? ...
分类:
其他好文 时间:
2020-01-26 19:31:37
阅读次数:
110
第一阶段 现在已经很少有人提及,其实最早的页面布局是使用table布局的,那时候的网页设计师基本不会担心跑位的问题,但是随着网页的功能越来越复杂,CSS的表现力越来越强,对HTML文档的语义化要求和页面加载速度的要求越来越高,基本上已经没有前端再用table布局(不是说在网页中不适用table标签) ...
分类:
其他好文 时间:
2020-01-23 11:05:12
阅读次数:
68
Hexo作为纯静态博客最大的优点就是快,但要真正的快起来你可能需要做这些事情。 CDN加速 这里只是针对第三方静态文件的加速,修改Next主题配置文件_config.yml如下: #! #! DO NOT EDIT THE FOLLOWING SETTINGS #! UNLESS YOU KNOW ...
分类:
其他好文 时间:
2020-01-21 15:52:59
阅读次数:
764
如何消除无用代码;打包自己的私有js库;实现代码分割和动态import提升初次加载速度;配置eslint规范团队代码规范;打包异常抓捕你都get到了么? 摇树优化:Tree Shaking webpack借鉴了rollup构建工具,从2.0就实现支持tree shaking,其中,到webpack4 ...
分类:
Web程序 时间:
2020-01-21 10:46:25
阅读次数:
147