开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

子域CSS-file错误地打开主域css

是指在网页开发中，子域（子网站）错误地打开了主域（主网站）的CSS文件。这种错误可能导致子域无法正确加载样式，从而影响网页的显示效果和用户体验。

解决这个问题的方法是确保子域正确引用自己的CSS文件，而不是错误地引用主域的CSS文件。可以通过以下步骤来解决这个问题：

检查子域的HTML文件：确保子域的HTML文件中正确地引用了自己的CSS文件。可以使用<link>标签来引用CSS文件，例如：<link rel="stylesheet" type="text/css" href="path/to/subdomain.css">其中，"path/to/subdomain.css"是子域CSS文件的路径。
检查CSS文件路径：确认子域CSS文件的路径是正确的。可以使用相对路径或绝对路径来指定CSS文件的位置。
清除缓存：如果子域之前错误地引用了主域的CSS文件，可能会导致浏览器缓存了错误的CSS文件。在修复引用问题后，可以尝试清除浏览器缓存，然后重新加载网页。

子域CSS-file错误地打开主域css的解决方法主要是确保子域正确引用自己的CSS文件，以保证网页的样式能够正确加载。腾讯云提供了一系列云计算产品，如云服务器、云数据库、云存储等，可以帮助开发者构建稳定可靠的云计算环境。具体产品信息和介绍可以参考腾讯云官方网站：https://cloud.tencent.com/

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

基于 iframe 的全新微前端方案

作者：damyxu，腾讯 PCG 前端开发工程师 iframe是一个天然的微前端方案，但受限于跨域的严格限制而无法很好的应用，本文介绍一种基于 iframe 的全新微前端方案，继承iframe的优点，补足 iframe 的缺点，让 iframe 焕发新生。背景前端开发中我们对iframe已经非常熟悉了，那么iframe的作用是什么？可以归纳如下：在一个web应用中可以独立的运行另一个web应用这个概念已经和微前端不谋而合，相对于目前配置复杂、高适配成本的微前端方案来说，采用iframe方案具有

09

Vue隐藏技能：运行时渲染用户写入的组件代码！

大致说一下项目的背景：我们做了一个拖拽生成报表的系统，通过拖拽内置的组件供用户定制自己的报表形态，但毕竟内置的组件有限，可定制性不高，那么给用户开放一个 code 组件，让用户自己通过写template + js + css的方式自由定制岂不是妙哉。

01

实战 | 记一次23000美元赏金的漏洞挖掘

目标使用JSON Web Token (JWT)作为身份验证机制，我花了一些时间来理解，试图在使用 JSON Web Token (JWT) 的漏洞赏金目标上找到漏洞。

02

如何在Ubuntu 18.04上使用HTTP / 2支持设置Nginx

Nginx是一个快速可靠的开源Web服务器。由于其低内存占用，高可扩展性，易于配置以及对各种协议的支持，它获得了普及。

03

【微前端】1443- 将微前端做到极致-无界方案

微前端已经是一个非常成熟的领域了，但开发者不管采用哪个现有方案，在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题，或无法提供支持。本文提供一种基于 iframe 的全新微前端方案，完善的解决了这些核心诉求。

03

将微前端做到极致-无界方案

微前端已经是一个非常成熟的领域了，但开发者不管采用哪个现有方案，在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题，或无法提供支持。本文提供一种基于 iframe 的全新微前端方案，完善的解决了这些核心诉求。

02

【干货】加强 web 静态资源安全方法之SRI

我们通常会用CSP加强站点JS资源的执行限制，有效降低XSS攻击；我们通过HTTPS链接加密资源，减少站点资源劫持风险等等大量的前端安全方案。但你可能还没听说 Subresource Integrity (SRI) 子资源完整性校验。本文将带你了解SRI是什么，能解决哪些安全风险，如何快速接入。同时，使用它又会带来哪些问题，以及浏览器的支持情况如何。什么是SRI ？ SRI 是 Subresource Integrity 的缩写，可翻译为：子资源完整性，它也是由 Web 应用安全工作组（Web Ap

03

【Vue 进阶】从 slot 到无渲染组件

插槽（slot）通俗的理解就是“占坑”，在组件模板中占有位置，当使用该组件的时候，可以指定各个坑的内容。也就是我们常说的内容分发

02

Laravel+Layer 图片上传功能整理

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/details/78961365

02

Python将html转化为pdf

前面我们对博客园的文章进行了爬取，结果比较令人满意，可以一下子下载某个博主的所有文章了。但是，我们获取的只有文章中的文本内容，并且是没有排版的，看起来也比较费劲。。。

03

Vue笔记(7) 很长

那么此时我想在vue实例组件中使用子组件中的PLanguage的data,显然是不能直接获取到的

02

DNS子域授权的实现

在原有的域上再划分出一个小的区域并指定新DNS服务器。在这个小的区域中如果有客户端请求解析，则只要找新的子DNS服务器。这样的做的好处可以减轻主DNS的压力，也有利于管理。一般做正向区域的子域授权即可。

02

Winrunner经验[通俗易懂]

winrunner经验总结 1.1 脚本录制规范：基本原则是录制脚本要分开、gui文件要合并、批调用回放验证、可移植回放验证。 1.1.1 录制脚本要分开：脚本太大，不仅不利于以后的维护，并且会导致WinRunner的不可预测的错误产生（具体可以参考WinRunner 的Readme文档）。录制时，可以根据测试用例的流程，拆分为几个小流程，对每个小流程分别录制成不同的脚本。 1.1.2 gui文件要合并：首先，要在系统参数中，设置gui的录制模式为“Global GUI Map File 录制过程中，WinRunner会自动产生gui文件，一个测试用例要确保生成一个公用gui文件。用一个gui文件主要是为了以后gui对象的维护，脚本回放时gui对象的查找。但是由于我们的测试用例是分开录制的，每个小流程录制时都会产生一个gui临时文件，因此录制完脚本后要把临时gui文件合并到该测试用例的公用gui文件中。但是也要注意，开始新的录制前，一定要先手工加载测试用例的公用gui文件。如果划分的子流程超过20个，则按每20个子流程录制一个gui文件的方式。Gui文件太大，会影响WinRunner的回放效率。 1.1.3 批调用回放验证：为了提高脚本的正确性，每录制完成一个子流程后，都要恢复数据库，其他初始环境进行回放，以近早发现脚本错误。单个测试用例脚本录制完成后，要专门写一个主脚本，进行各子脚本的主次调用处理，然后恢复数据库和其他初始环境进行回放，以验证整个脚本是否可以正确回放。 1.1.4 可移植回放验证：由于WinRunner 工具的限制，在本机回放成功后，如果把脚本移植到其他机器上，往往无法成功。这其中既有自己编写的脚本问题，又有WinRunner录制自动生成的脚本问题。自己编写脚本问题：往往是编写的可移植性较差，如加载gui文件时用的是绝对地址，如gui_load(“c://aa//aa.gui”)，这样的脚本换到其他机器必然出错。 WinRunner录制自动生成的脚本问题： WinRunner的录制脚本往往和机器的环境有关，如果换了其他机器环境，往往回放不成功，这就需要手工修改脚本。因此，可移植性回放是非常必要的。 1.1.5 脚本中使用的ODBC数据源名称统一命名为WR。 1.1.6 录入中文数据时统一使用简体。 1.1.7 数据表列名称规定录入数据驱动的脚本时，数据表列名称统一采用英文，使用PB数据窗口中列对象的名称。数据表列名称下的第一行用中文对英文列名称做注释，使用PB数据窗口中列对象的中文标签，这一行不作为有效的录入数据。与数据表相关的循环语句请修改脚本从数据表的第二行开始读取数据。典型的例子是将数据驱动脚本中For循环的第一个表达式改为table_Row = 2。 1.1.8 脚本成功回放判定规定一个子测试录制完成后，一定要及时回放测试，直到测试报告显示测试结果为OK，且子测试明细报告中没有红色的出错提示。如果是回放主测试，回放成功的标准是：主测试的结果报告显示为OK，同时所有子测试的结果报告也为OK,且子测试明细报告中没有红色的出错提示。 1.1.9 WinRuner主脚本中关于设置系统日期时间设置的规定，以保证脚本所描述的业务过程按业务逻辑在时间上有序。因为脚本回放与脚本录制时的系统日期时间不一致，会导致与系统时间关系密切的测试脚本回放时失败。为了消除时间差导致的回放错误,要求每一个测试用例的主测试在第一个子测试前加上date_set_system_date(年,月,日,时,分,秒)函数,以修改本地机器的日期时间等于这个主测试在接力式验收回放成功执行后的日期时间.这样再次回放时系统的日期时间就和上一次成功回放时的日期时间一致。

02

DNS 域名解析服务配置（建议收藏的教程）

DNS（Domain Name System，域名系统），因特网上作为域名和 IP 地址相互映射的一个分布式数据库，能够使用户更方便的访问互联网，而不用去记住能够被机器直接读取的IP数串。通过主机名，最终得到该主机名对应的IP地址的过程叫做域名解析（或主机名解析）。

03

如何在Ubuntu 16.04上部署支持HTTP/2的Nginx

NGINX 是一个快速可靠的开源Web服务器。由于其内存占用空间小，可扩展性高，易于配置，并支持绝大多数协议，因此受到欢迎。本教程将帮助您部署一个支持HTTP / 2 的快速，安全的 Nginx 服务器。

03

Scoped Style解决方案之deep深入理解

https://blog.csdn.net/qq_41801484/article/details/106860857

02

52ABP-PRO 前后端分离架构概述

在阅读本文档之前，建议您先运行一次 52ABP 项目程序，打开过 Angular 版本的界面,如果你还没有运行过项目可以参考快速入门文档。或者你已经对 ABP 有过一些了解。那么您阅读本篇文档的时候将会更加容易理解这些概念。

04

手把手教你写一个简易的微前端框架

最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。

04

jquery选择器用法_jQuery属性选择器

一、基本选择器 1. ID选择器 ID选择器#id就是利用DOM元素的id属性值来筛选匹配的元素，并以iQuery包装集的形式返回给对象。使用公式:(“#id”) 示例：(“#box”) //获取id属性值为box的元素 2. 元素选择器元素选择器是根据元素名称匹配相应的元素。元素选择器指向的是DOM元素的标记名，也就是说元素选择器是根据元素的标记名选择的。使用公式：(“element”) 示例：(“div”) //获取所有div元素 3.类名选择器类选择器是通过元素拥有的CSS类的名称查找匹配的DOM元素。在一个页面中，一个元素可以有多个CSS类，一个CSS类又可以匹配多个元素，如果有元素中有一个匹配类的名称就可以被类选择器选取到。简单地说类名选择器就是以元素具有的CSS类名称查找匹配的元素。使用公式：(“.class”) 示例：(“.box”) //获取class属性值为box的所有元素 4.复合选择器复合选择器将多个选择器（可以是ID选择器、元素选择器或是类名选择器）组合在一起，两个选择器之间以逗号”,”分隔，只要符合其中的任何一个筛选条件就会被匹配，返回的是一个集合形式的jQuery包装集，利用jQuery索引器可以取得集合中的jQuery对象。注意：多种匹配条件的选择器并不是匹配同时满足这几个选择器的匹配条件的元素，而是将每个匹配的元素合并后一起返回。使用公式：(“selector1,selector2,……,selectorN”) selector1:一个有效的选择器，可以是ID选择器、元素选择器或类名选择器等 selector2:另一个有效的选择器，可以是ID选择器、元素选择器或类名选择器等 selectorN:（可选择）任意多个选择器，可以是ID选择器、元素选择器或类名选择器等示例：(“div,#btn”) //要查询文档中的全部的

元素和id属性为btn的元素 5.通配符选择器

03

[Next] 初见next.js

Next.js 可与 Windows,Mac 和 Linux 一起使用.您只需要在系统上安装 Node.js 即可开始构建 Next.js 应用程序.如果有个编辑器就更好了

00

基于qiankun落地部署微前端爬”坑“记

举个例子：我们有个这样的场景，我有个门户Portal的登陆界面(主应用基座)，登陆成果后可以切换不同的子应用，如下有两个子应用A和B，且都在之前是独立部署的，单独可以访问，但是我们现在想借助qiankun把他们“嵌”到基座来加载，往下看实操

02

bind杂记（3）

[root@www named]# dig -t NS ops.zz.com @10.201.106.129 +norecurse

03

SSH 项目过程中遇到的问题和解决方法汇总 struts2 spring hibernate

问题：struts如何传递数据到jsp？答案： Struts的action传参给jsp：可以用传统的在request/session中加入参数的方法也可以： <s:set name="userList" value="persons"></s:set> （persons是action的变量，需要有getPersons()） <s:property value="persons"/> 也相当于用传统的jsp嵌入java的写法： <%=request.getAttribute("pe

03

『知识巩固#1』Html、Css基础整理

Html 标签学习排版标签标题 h1、h2、h3、h4、h5、h6只有这六个段落标签 p标签段落之间有空隙换行换行标签 br 空换行 hr 下划线换行文本格式化标签根据语境区分 b、strong 加粗 u、ins 下划线 i、em 倾斜 s、del 删除线媒体标签图片标签img 属性名、属性值 alt属性值作为替换文本、src属性作为图片链接、title属性在鼠标悬停时显示 width、height 很容易理解，控制图片宽高路径相对路径绝对

02

.htaccess文件的华点

.htaccess文件的华点今天找了一下使用.htaccess配置文件绕过<?的方法,发现有不不少值得关注的配置,另外也学习了一下.htaccess的工作方式和配置语法。 –2022.5.27 [T

03

基于iframe的跨域与更新父窗体地址栏的解决方案

管理平台前端页面需要在当前前端框架结构基础上，在顶级导航中增加两个模块：首页、运维管理模块，以此接入运维平台提供的页面。在访问到内部某个页面后，希望父窗体的地址栏跟随子窗体内部src，同时更新父窗体的地址栏，再刷新页面可以保持在当前访问的页面，同时可以分享链接。

基于qiankun落地部署微前端爬”坑“记

举个例子：我们有个这样的场景，我有个门户Portal的登陆界面(主应用基座)，登陆成果后可以切换不同的子应用，如下有两个子应用A和B，且都在之前是独立部署的，单独可以访问，但是我们现在想借助qiankun把他们“嵌”到基座来加载，往下看实操

02

Linux服务器nginx访问日志里出现大量http400错误的请求分析「建议收藏」

124.65.133.242 – – [27/Oct/2014:14:30:51 +0800] “-” 400 0 “-” “-” 124.65.133.242 – – [27/Oct/2014:14:31:45 +0800] “-” 400 0 “-” “-” 124.65.133.242 – – [27/Oct/2014:14:31:45 +0800] “-” 400 0 “-” “-” 124.65.133.242 – – [27/Oct/2014:14:31:45 +0800] “-” 400 0 “-” “-”

03

面试题十四期-selenium+python面试题目总结

webDriver是按照client/server模式设计，client就是我们的测试代码，发送请求，server就是打开的浏览器来打开client发出的请求并做出响应。

02

腾讯云cdn对wordpress博客加速/解决腾讯云564错误

WordPress博客的加速可以说是老生常谈了，在这里我分享一下我博客的分享技术。我采用的加速技术主要是wordpress的缓存插件，动静分离和腾讯云CDN。

09

无界微前端是如何渲染子应用的？

经过我们团队的调研，我们选择了无界作为微前端的技术栈。目前的使用效果非常好，不仅性能表现出色，而且使用体验也不错。

03

无界微前端是如何渲染子应用的？

经过我们团队的调研，我们选择了无界作为微前端的技术栈。目前的使用效果非常好，不仅性能表现出色，而且使用体验也不错。

03

前端开发总结：如何优化网站性能？

学前端这么久了，从一无所知到web网页的开发，自己也是踩了巨多的坑，自己也在不断的摸索中，短时间内可能不会再做前端了，毕竟java是我的主方向。总结一下web网站在性能提升方面前端能做些什么优化，其中有结合一些资料，也有自己的经验之谈，毕竟不是专门学前端的，有不对的地方敬请多多指教。

02

多应用聚合实践

在企业中，各个研发部门往往各自开发自己的应用。当需要把这些应用聚合在一起时。以往的解决方案是在主应用中嵌入 iframe，使用 iframe 加载和切换子应用页面。这种做法有几个缺点：

02

适用于既有大型MPA项目的“微前端”方案

对于大多数有点历史的复杂前端项目来说，应该已经经历了从刀耕火种的大型单仓库构建到多业务应用独立开发部署的过程。当用户访问页面时，由 nigix等负责根据路由分发到不同的业务应用，由各个业务应用完成资源的组装后返回给浏览器。这种情况下，开发、构建已经可以各自独立进行，在这样一套健全体系下的开发者们，想必是很幸福的。

02

第六章 DNS服务（2）

DNS服务器的区域文件中也支持同一域名对应多个ip，则在解析时，客户端可获得不同排序的多个ip，从而在DNS上实现对服务器其的负载均衡功能，被称为轮询功能。其实若不做特殊指定，DNS默认是把多个ip轮流排序显示给客户的。配置如下:

02

最新Tampermonkey 中文文档解析（附基础案例和高级案例）

@homepage, @homepageURL, @website and @source

01

如何在Debian 9上将BIND配置为专用网络DNS服务器

管理服务器配置和基础架构的一个重要部分包括通过设置适当的域名系统（DNS），维护一种通过名称查找网络接口和IP地址的简便方法。使用完全限定的域名（FQDN）而不是IP地址来指定网络地址可以简化服务和应用程序的配置，并提高配置文件的可维护性。为您的专用网络设置自己的DNS是改善服务器管理的好方法。

04

[Cocos Creator] 微信小游戏接入好友排行榜

对于一个微信小游戏来说，好友排行榜绝对是必不可少的功能，能一定程度上增加玩家的战斗力和活跃度，实实在在地增加小游戏的曝光量。

04

微前端究竟是什么？微前端核心技术揭秘！

导语 | 微前端是将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的一种手段。本文从微前端的基础理论出发，对其核心技术进行阐述，最后结合项目进行简单的应用实践。一、微前端背景（一）什么是微前端微前端提供了一种技术：可以将多个独立的Web应用聚合到一起，提供统一的访问入口。一个微前端应用给用户的感观就是一个完整的应用，但是在技术角度上是由一个个独立的应用组合通过某种方式组合而成的。为了防止概念有点抽象，可以看一个具体的例子：上图是一个微前端的demo，主应用中有导航栏，footer组件以及

02

Linux部署DNS服务器

DNS(Domain Name System–域名系统),是因特网的一项服务。它作为将域名和IP地址相互映射的一个分布式数据库，能够使人更方便地访问互联网。是一个应用层的协议DNS使用TCP和UDP端口53。 DNS是一个分布式数据库,命名系统采用层次的逻辑结构,如同一颗倒置的树,这个逻辑的树形结构称为域名空间,由于DNS划分了域名空间,所以各机构可以使用自己的域名空间创建DNS信息. DNS(Domain Name Service) 域名解析服务，就是将域名和 ip 之间做相应的转换，利用 TCP 和 UDP 的53号端口。DNS默认端口是53的TCP和UPD,UDP是供用户查询的，主从复制用TCP和UDP的53端口都用。

04

Git 分支管理：优化版本控制与应急处理的关键策略

我们可以看到新分支的名称为 "hello-world-images"，但在 master 旁边的 * 指定我们当前在该分支上。

01

webpack 项目 css/js主域重试

本文介绍了在 Web 页面中实现跨域的常见方法，包括使用 CORS、使用 JSONP、使用代理服务器等，并给出了具体的代码示例和案例分析。同时，本文还探讨了在跨域请求中可能遇到的难题和解决方案，包括同源策略、CORS 的配置、缓存问题等，并给出了相应的解决方案。

webpack 项目 css/js主域重试

为了提高网站的访问速度，现在一般会将静态资源放在 CDN 下，而不是放在网站的域名之下。以腾讯课堂为例，其域名为 ke.qq.com，打开控制台，访问 ke.qq.com，我们可以看到 js 文件放在了 CDN 7.url.cn 下，css 文件放在了 CDN 8.url.cn 下。尽管 CDN 的服务可用性一般宣称 99.9% 甚至 99.999%，然而实际上监测结果比该数值要小一些。为了应对这种情况，需要做到当发现 css 或 js 文件从 CDN 加载失败时，能再次从网站的域名加载。

06

可能是你见过的最完善的微前端解决方案

技术栈无关：主框架不限制接入应用的技术栈，子应用具备完全自主权独立开发、独立部署：子应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新独立运行时：每个子应用之间状态隔离，运行时状态不共享

00

java学习与应用（4.1）--HTML、CSS

文件标签html、head、title、body。html5使用<!DOCTYPE html>表示html文档，meta的charset指定字符集。注释文本标签h1--h6（标题标签），p（段落），br（普通回车解析为空字符），hr（水平线，color颜色，width宽度，size高度，alien对其方式[center left right]），b（加粗），i（斜体），font（字体，color颜色、size大小、face字体）标签属性中，color颜色表示：可以用red等，建议#值1值2值3（红绿蓝）（取色器）。width表示：数值（px），百分号（占比，相对父元素）。center标签，居中。特殊字符，对应的字符编码表。手册-->符号。图片标签img 自闭合（src路径[相对路径即可]，alien[部分不支持]，alt加载失败显示，width宽，height高）。列表标签：有序ol（order list，属性type更换样式，start起始位置）、li（每一项）。无序列表ul（unorder list，type），li（每一项）。链接标签：a标签（属性href跳转URL[本地或网络]（mailto:xxx@qq.com选项启动本地邮件），target属性_self本页面打开_blank新建选项卡）块标签：span（包裹作用，默认无效果，默认不换行一行），div标签，自动换行。语义化标签：header，footer，用来提高程序可读性，结合css使用。（html5）。表格：只有行的概念。table定义表格（border线宽，width宽度，cellpadding边沿内容间空白，cellspacing单元格间空白，bgcolor背景色，alien对齐），tr定义行（颜色，对其方式），td定义行内单元格（rowspan行合并，colspan列合并，以第一个行单元格写入），th定义表头单元格。 caption表格标题。thead，tbody，tfoot（类似语义化标签，有位置定义作用，非html5）。

02

我们是怎么在项目中落地qiankun的

由于业务增长，团队拆分，我们需要将原有系统的一部分模块（Vue实现）迁移到另外一个系统（React）中。但两个系统技术栈不同，导致重构成本变大，但业务又希望在短期内看到效果，后面可以增量的重构。

02

web跨域解决方案

阅读目录什么是跨域常用的几种跨域处理方法：跨域的原理解析及实现方法总结摘要：跨域问题，无论是面试还是平时的工作中，都会遇到，本文总结处理跨域问题的几种方法以及其原理，也让自己搞懂这方面的知识，走起。什么是跨域　在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的文档在同一域下的内容。　　JavaScript这个安全策

creator创建小游戏子域排行榜

cocos官方有对应的子域接入教程： https://github.com/cocos-creator/creator-docs/blob/master/zh/publish/publish-wech

08

从场景倒推，在字节我们要什么样的微前端体系

微前端已经不是一个新概念了，大家或多或少都听说过接触过，这里不再去做一堆定义，只是对目前业界做法的调研总结 / 概览，这篇文章面向的是还没有在业务中使用过微前端的同学或团队，通过这篇概览，可以简单的建立对「微前端」的整体认知；

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭