YSbnhoffer的博客

两个对象，用于在客户端保存键值对数据，减少与服务器的交互，从而提升性能。是 HTML5 引入的一种浏览器本地存储机制，主要包括。，因此可以显著减少网络流量。同时，它的容量通常可达。左右，远大于 Cookie 的 4KB 限制。：用户偏好设置（主题、语言）、长期缓存数据。：多步表单临时保存、OAuth 回跳状态。不同，Web Storage 中的数据。

CSS和JS会阻塞浏览器渲染DOM：CSS会阻塞渲染，JS会阻塞解析。这是因为浏览器需要完整加载CSS才能正确计算样式，而JS可能修改DOM结构需先执行。优化策略包括：CSS方面可压缩合并文件、异步加载非关键CSS；JS方面使用async/defer属性、代码分割；还可利用CDN和缓存减少资源加载时间。通过合并文件、延迟加载等技巧可显著提升页面加载速度，改善用户体验。

localStorage和 sessionStorage都是 Web Storage API 的一部分，用于在浏览器中存储数据。

浏览器的主要功能是将用户选择的 web 资源呈现出来，它需要从服务器请求资源，并将其显示在浏览器窗口中。用户用 URI （Uniform Resource Identifier 统一资源标识符）来指定所请求资源的位置浏览器内核（也称为渲染引擎）是浏览器最核心的组件，负责将网页代码转换为用户可见的页面。其核心功能包括解析 HTML、CSS、JavaScript 等语法，并最终渲染显示内容