获得徽章 0
- [软技能] 为什么提倡利用多个域名来存储网站的资源？
"提倡利用多个域名来存储网站的资源有以下几个主要原因：
1. 并行加载：现代浏览器会限制对同一个域名的并行资源请求数量，通常为6-8个。如果将网站的资源（如图片、CSS、JavaScript）分散到多个域名上，可以增加并行加载的数量，从而加速网页的加载速度。这是因为浏览器在与服务器建立连接时，每个域名都会分配一定数量的并行连接，从而提高资源的下载效率。
2. 提高缓存命中率：浏览器在请求资源时会根据域名进行缓存，如果网站的资源都存储在同一个域名下，那么不同页面请求的资源可能会有冲突，导致缓存失效。而将资源分散到多个域名上，可以提高缓存命中率，减少请求的次数，进而提升网页的加载速度。
3. 提高安全性：将网站的静态资源与主域名（包含用户登录、敏感信息等）分离，可以增加安全性。通过使用不同的域名来存储静态资源，可以减少主域名受到的攻击风险。例如，如果网站的静态资源所在的域名遭到攻击，主域名仍然可以保持相对安全。
以下是一个示例代码，演示如何在网页中引用多个域名上的资源：
```html
<!DOCTYPE html>
<html>
<head>
<title>多域名资源示例</title>
<link rel=\"stylesheet\" href=\"
static.example.com\">
</head>
<body>
<img src=\"cdn.example.com\" alt=\"Logo\">
<script src=\"static.example.com\"></script>
</body>
</html>
```
在上述代码中，CSS 文件存储在 `static.example.com`，图片存储在 `cdn.example.com`，JavaScript 文件存储在 `static.example.com`。通过将资源分散到不同的域名上，可以提高并行加载的数量和缓存 展开12 - #每天一个知识点#
day27
Web跨端开发
Web跨端开发指的是通过Web技术实现跨平台开发，包括PC端、移动端和其他终端，具有较好的兼容性和跨平台特性，可以大大提高开发效率。
Web跨端开发可以通过以下几种方式实现：
1.响应式设计
响应式设计是一种设计方法，通过CSS媒体查询和弹性网格布局等技术，根据设备的尺寸和屏幕分辨率调整网页的布局和样式，实现适应不同设备的效果。响应式设计可以用于实现Web跨端开发，但是在复杂应用中可能存在性能问题。
2.PWA
PWA（Progressive Web App）是一种新型的Web应用程序开发模式，可以在桌面和移动端上提供类似原生应用的体验。PWA可以通过Service Worker技术实现本地缓存和离线访问，通过Web App Manifest技术实现添加到主屏幕、全屏显示等原生应用特性。
3.框架/工具库
在Web跨端开发中，使用框架或工具库可以简化开发过程，提高开发效率。当前主流的Web跨端框架包括React Native、Flutter、Vue.js等，这些框架可以同时支持多个平台，例如React Native可以同时开发iOS和Android应用，Flutter可以开发iOS、Android和Web应用。
4.浏览器插件
浏览器插件可以在浏览器中运行，可以实现特定的跨平台功能，例如浏览器的书签同步功能就是通过插件实现的。
5.云平台
使用云平台可以在云端完成开发、测试和部署，无需关心不同平台的差异性，可以极大地提高开发效率。常见的云平台包括微软的Azure、谷歌的Firebase等。
Web跨端开发具有兼容性好、维护成本低、开发效率高等优点，但也存在一些挑战，例如性能问题、原生特性支持不足等。开发者需要根据具体情况选择合适的跨端方案，并且关注跨端开发的最新进展，以便更好地满足用户需求。展开13
vueflow.dev
cdn.example.com![[撇嘴]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_14.8130d96.png)