摘要：
概述 SPA全名是Single Page Application，指的是单页面应用。 SEO全称为Search Engine Optimization，指的是搜索引擎优化。 SPA技术将产出html的逻辑从服务器转移到了客户端，在进入React, Vue等UI框架进行开发时，我们开发的页面更多的是在 阅读全文
posted @ 2026-07-22 23:06
口木秋子
阅读(2)
评论(0)
推荐(0)
摘要：
Adobe Flash Socket； ActiveX HTMLFile (IE) ； 基于 multipart 编码发送 XHR； 基于长轮询的 XHR； 阅读全文
posted @ 2026-07-22 23:04
口木秋子
阅读(3)
评论(0)
推荐(0)
摘要：
浏览器会下下载HTML解析页面生成DOM树，遇到CSS标签就开始解析CSS，这个过程不会阻塞，但是如果遇到了JS脚本，此时假如CSSOM还没有构建完，需要等待CSSOM构建完，再去执行JS脚本，然后再执行DOM解析，此时会阻塞。 阅读全文
posted @ 2026-07-22 23:03
口木秋子
阅读(3)
评论(0)
推荐(0)
摘要：
SSG（Static Site Generation，静态网站生成）是指在构建时预先生成静态页面，并将这些页面部署到 CDN 或者其他存储服务中，以提升 Web 应用的性能和用户体验。 具体来说，SSG 的实现方式通常包括以下几个步骤： 在开发阶段，使用模板引擎等技术创建静态页面模板； 将需要展示的 阅读全文
posted @ 2026-07-22 22:57
口木秋子
阅读(2)
评论(0)
推荐(0)
摘要：
首先得到文件数据，获得文件数据是从files集合中获取。 使用window.URL.createObjectURl方法对选择的图片数据（可以勉强理解为input的value）生成一个blob对象路径 window.URL.createObjectURl 的实现方法： document.getElem 阅读全文
posted @ 2026-07-22 22:31
口木秋子
阅读(2)
评论(0)
推荐(0)
摘要：
一、白屏时间 白屏时间：即用户点击一个链接或打开浏览器输入URL地址后，从屏幕空白到显示第一个画面的时间。 二、白屏时间的重要性 当用户点开一个链接或者是直接在浏览器中输入URL开始进行访问时，就开始等待页面的展示。页面渲染的时间越短，用户等待的时间就越短，用户感知到页面的速度就越快。这样可以极大的 阅读全文
posted @ 2026-07-22 20:58
口木秋子
阅读(1)
评论(0)
推荐(0)
摘要：
一、内部优化 语义化标签，用 <header>、<nav>、<main>、<article>、<aside>、<footer> 定义页面结构。 meta 标签优化：例如：title，keywords，description （TDK）等的优化 内部链接的优化，包括相关性链接（Tag 标签），锚文本链 阅读全文
posted @ 2026-07-22 20:43
口木秋子
阅读(2)
评论(0)
推荐(0)
摘要：
alt 是为了在图片未能正常显示时（屏幕阅读器）给予文字说明。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短。 title 属性为设置该属性的元素提供建议性的信息。使用title属性提供非本质的额外信息。 阅读全文
posted @ 2026-07-22 20:42
口木秋子
阅读(2)
评论(0)
推荐(0)
摘要：
不能。自闭合标签来自于XML语法，而不是HTML语法。 根据现在的HTML语法，只有不需要结束标签的void element（如img之类的），或者是外部元素（如svg）可以使用自闭合。script标签显然不在此列。 // 正确写法 <script src="..."></script> // 错误 阅读全文
posted @ 2026-07-22 20:40
口木秋子
阅读(1)
评论(0)
推荐(0)
摘要：
Broadcast Channel 顾名思义，“广播频道”，官方文档里的解释为“用于同源不同页面之间完成通信的功能”，在其中某个页面发送的消息会被其他页面监听到。 注意“同源”二字，该方法无法完成跨域的数据传输。 localStorage localStorage是浏览器多个标签共用的存储空间，所以 阅读全文
posted @ 2026-07-22 17:43
口木秋子
阅读(3)
评论(0)
推荐(0)
浙公网安备 33010602011771号