时间花哪里去了？
只有10%-20%的最终用户响应时间花在了下载html文档上,其余80%-90%时间花在了下载页面的相关组件上。如：图片、Flash等。
所以主要优化：
减少http请求
缓存
减少文件大小：压缩文件+优化代码
健康的优化因该是根据页面的加载过程，全面的优化过程
第一步、浏览器预处理
查询Cache：读取Cache 或者发送304请求
第二步、查询DNS
优化规则--减少DNS查找
DNS缓存
浏览器DNS缓存 计算机DNS缓存 服务器DNS缓存（TTL）
使用Keep-Alive特性
减少DNS查找
当客户端的DNS缓存为空时，DNS查找的数量与Web页面中唯一主机名的数量相等。减少唯一主机名的数量就可以减少DNS查找的数量。
较少的域名来减少DNS查找（2-4个主机）
原创
2021-06-07 18:00:16
630阅读
前端跨站技术随着前端技术栈在服务端和移动端上的尝试和日益成熟，前端工程师
原创
2023-03-13 18:34:30
110阅读
最近几年，越来越多的人投入到前端大军中；时至至今，前端工程师的数量仍然不能满足企业的发展需求；与此同时，互联网应用场景的复杂化提高了对前端工程师能力的要求，一部分初期前端工程师并不能胜任企业的工作，优秀的前端工程师一将难求。 真正了解前端技术
原创
2023-03-13 18:35:13
94阅读
计划:先学习前后端基本概念，通过一个小项目熟悉流程，再阅读源码，参考修改。 文章目录预期目标麻雀研究html概览js解析麻雀魔改htmlCSSwebMySqljsAJAXVueMybatisspring 网页的构成： html:用来定义网络内容的含义和基本结构的标记语言 CSS:用来描述网页的表现与展示效果 JS:通常用来执行网络的功能与行为 预期目标预期进度v1.0思考一个基于麻雀的改造
转载
2024-04-29 16:25:55
39阅读
文章目录前言一、HTML二、CSS三、JavaScript四、总结 前言总的来说，JavaWeb所实现的功能就是网页设计，也可以说是前端开发。而网页主要由三部分组成：内容（结构）、表现、行为。内容（结构），是我们在页面中可以看到的数据。我们称之为内容。一般内容 我们使用 html 技术来展示。表现，指的是这些内容在页面上的展示形式。比如布局，颜色，大小等等。一般使用 CSS 技术实现行为，指的是
转载
2023-06-19 13:37:42
497阅读
文章目录1. VUE 基础1.1 MVVM设计1.2 VUE绑定原理设计1.3 虚拟DOM树分析1.4 VUE编程步骤实践Vue功能3步:1.5 绑定与指令应用1.6 绑定样式分析(了解):1.7 计算属性应用实践1.8 生命周期函数应用2. Axios方式的Ajax请求Get请求Post请求3. VUE 组件化开发3.1 组件设计3.2 基本步骤3.3 运行分析3.4 组件类型3.5 组件间传
转载
2023-12-06 22:59:58
125阅读
目录前端技术：... 1HTML：... 1浏览器：... 1浏览器技术：... 2CSS：... 2动态网页技术：... 3网页布局：... 3同步&异步：... 4同步：... 4异步：... 4前端开发：... 5硬件发展：... 5 前端技术： HTML：HyperText Markup Language，超文本标记语言，它不同于编程语言；超文本就是超出纯文本的范畴，如描述
原创
2019-05-15 09:50:38
573阅读
由于 Selenium 基于 web 的自动化测试技术，我们的要操作的对象是 web 页面，所以有必要对前端的
技术和工具做一个简单的介绍。
L HTML 简介
HTML（Hyper Text Markup Language）中文为超文本标记语言，HTML 是网页的基础，它并不是一种
编程语言，而是一种标记语言（一套标记标签），但我们可以在 HTML 标签中嵌入各种前端脚本语言，如
VBScrip
Ajax1.传统请求和异步请求传统请求：基于超级链接 地址栏form表单 地址栏location.href发起的请求全部是传统请求特点：请求之后，刷新整张页面缺点：由于刷新了整张页面，用户操作被中断，造成大量网络流量的极大浪费异步请求：基于ajax发起的请求都是异步请求特点：多个请求并行发生，请求之间互不影响，请求之后页面不动，刷新页面局部2.什么是AjaxAjax即"Asynchronous
转载
2021-01-06 15:31:33
305阅读
今天呢,没有写什么技术文章,这几天总结了很多好用的功能,都放在自己的语雀里面了,大家可以打开语雀查看技术总结,希望可以帮到大家链接如下:https://www.yuque.com/books/share/e310d219-d8bf-4bc0-9ec7-33ce3f69be96?# 《前端技术圈》
原创
2022-11-26 16:57:39
157阅读
前端技术栈：element UI 库、node.js、npm、axios、mock.j
原创
2022-09-28 09:39:45
326阅读
# Java前端技术
Java是一种优秀的编程语言，可以用于创建各种类型的应用程序。虽然Java主要用于后端开发，但它也可以用于前端开发。在本文中，我们将探讨一些Java前端技术，包括JavaFX、Swing和Vaadin。
## JavaFX
JavaFX是一个用于创建富客户端应用程序的框架。它提供了丰富的图形库，可以轻松创建漂亮的用户界面。以下是一个简单的JavaFX应用程序的示例：
原创
2023-07-17 14:22:41
58阅读
主要考虑是用 JavaScript 还是 Typscript，相比之下Typscript有以下优势：框架间没有绝对的高低，根据
原创
2022-07-17 00:23:52
309阅读
前端项目与技术实践前端开发规范HTML规范head内容 head中必须定义title、keywo。<meta name="viewport" cont
原创
精选
2023-03-13 18:34:40
192阅读
前端什么技术越来越重要？哪些前端框架有前景？近年来，Web前端市场前景火爆吸引了很多人加入其中，“低端饱和、高端紧缺”的市场行情要求人们不断提升自己的专业技能。互联网更迭迅速，未来前端有哪些技术会越来越重要呢?下面就给大家分享几个比较有前景的前端框架。1、VueVue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于
转载
2023-12-24 09:45:59
48阅读
Web前端技术开发学习
http://book.51cto.com/art/200909/154379.htm
转载
精选
2011-08-17 13:29:06
384阅读
一、什么是前端 前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。 前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScri
转载
2023-08-14 11:12:27
565阅读
什么叫js呢今天分享下前端js教程详解，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。 js就是JavaScript，这是一种根据目标和事件驱动的、并具备安全性能的脚本语言，早已被普遍用以Web应用开发，常见来为页面加上各式各样的动态性功能，为使用者带来更清晰美观大方的预览实际效果。一般JavaScript脚本制作是
转载
2023-11-18 15:30:10
40阅读
学习web前端技术的时候，我们会学到开发框架这一课，web前端的开发框架是有很多的，有一些是常用的，那么常用的Web前端开发框架有哪些呢?来看看下面的详细介绍。 web前端培训：常用的Web前端开发框架有哪些?程序员常用的Web前端开发框架有Bootstrap、PatternFly、MDC Web、Pure、Foundation、Bulma、Skeleton、Materialize、Boot
