CSS架构、7-1和样式组件
CSS架构是指在前端开发中，对CSS代码进行组织和管理的一种方法。它旨在提高代码的可维护性、可扩展性和可重用性。
7-1是一种常用的CSS架构模式，它将CSS代码分为7个不同的文件夹和1个主文件，每个文件夹负责不同的功能和模块。这种架构模式的优势在于可以更好地组织和管理CSS代码，使其更易于维护和扩展。
样式组件是一种前端开发中常用的技术，它将组件的样式与组件的逻辑进行解耦，使得样式可以更加灵活地应用于不同的组件。样式组件可以提高代码的可重用性和可维护性，同时也可以提高开发效率。
CSS架构、7-1和样式组件在前端开发中有着广泛的应用场景。它们可以用于构建各种类型的网站和Web应用程序，包括企业网站、电子商务平台、社交媒体应用等。
对于CSS架构，腾讯云提供了云开发平台，其中包括了一系列与前端开发相关的产品和服务，如云函数、云存储、云数据库等。这些产品可以帮助开发者更好地组织和管理CSS代码，提高开发效率和代码质量。具体产品介绍和链接地址可以参考腾讯云开发者文档：https://cloud.tencent.com/document/product/876
对于7-1和样式组件，腾讯云没有特定的产品或服务与之直接相关。然而，腾讯云提供了一系列与前端开发相关的产品和服务，如云函数、云存储、云数据库等，这些产品可以与7-1和样式组件结合使用，提供更好的开发体验和性能。具体产品介绍和链接地址可以参考腾讯云开发者文档：https://cloud.tencent.com/document/product/876
相关·内容
1回答
CSS架构、7-1和样式组件
、、、、
除了样式组件和通常的CSS- in -JS的许多伟大的东西，当代码库增长和更多的开发人员加入时，事情可能会变得非常混乱。围绕CSS和SCSS的一些东西，比如7-1模式(https://www.learnhowtoprogram.com/user-interfaces/building-layouts-preprocessors/7-1-sass-architecture)，如果设置正确，并提供了一些关于
浏览 20提问于2019-10-03得票数 0
我想在React开发中使用一些好的模式(对于样式)。据我所知，React.js封装了组件的样式(如果我理解正确的话)。
我可以/应该使用7-1模式(当然是使用shame.scss文件)吗？
浏览 13提问于2019-07-19得票数 2
回答已采纳
我还在适应SCSS的7-1架构。我可以做control+f并在我的CSS文件中找到一个特定的类，但有时我会忘记它是从哪里来的，因为我有多个SCSS文件遵循7-1架构。有没有办法可以找到编译后的CSS来自哪个SCSS文件？
我正在使用Visual Studio代码。
浏览 15提问于2019-03-28得票数 0
问题: react的相对初学者，喜欢使用create-react-app而不弹出或配置webpack，并希望实现SASS，最好使用7-1文件夹结构。我想要的是组件的独立样式表，但也有布局等全局样式表等。最重要的是，我想要有SASS变量和混合，我可以在我的所有组件中使用。----components------component-a.css
… (more 7-1 architecture folders,
浏览 3提问于2017-10-03得票数 2
应用程序和站点都将使用bootstrap 4作为基础框架，我们将使用sass to style。 这是一个非常简单的应用程序:一个多步骤表单，其中包含对上述站点的一些ajax调用。无论如何，它都有一些组件-每个步骤一个组件，用于一些更复杂的输入，一个侧边栏显示ajax调用的结果等。 我需要决定设计这个应用程序的“指导方针”，我想得到一些帮助\洞察力，看看哪种解决方案更好。一方面，我可以将样式放在应用程序本身中；另一方面，我可以将所有样式留给网站上显示的样式。 据我所知，第一种方法的好处是
浏览 17提问于2020-03-31得票数 0
如何防止Webpack打包多个CSS文件？我的团队正在用React.js开发一个具有以下架构的应用程序：
每个组件都有一个CSS文件，我们需要Webpack将这个CSS与它所属的组件打包。现在，问题是，Webpack正在将CSS文件打包到组件目录(这对我们很好)以及它们的所有依赖组件中。结果，css文件在不同的地方出现了很多次，使得我们的应用程序样式无法维护。有什么想法吗？
浏览 3提问于2017-08-13得票数 0
2回答
我在单文件组件架构中使用它，我注意到我所有组件的样式都加载到了页面中(即使是那些非活动的)。
有没有办法只加载当前组件的CSS，并避免代码重复？
浏览 0提问于2016-03-09得票数 2
1回答
如何正确实现反应加载骨架？
、、、、
骨架构件代码：import 'react-loading-skeleton/dist/skeleton.css'
return ( &#x
浏览 6提问于2022-06-23得票数 1
回答已采纳
我正在寻找关于样式组件的帮助，父母/孩子有棱角。你可以看到
2. for the content (we have lots of popins)当popin内容打开时，我需要更改组件菜单
浏览 0提问于2019-06-13得票数 0
1回答
我目前正在使用中提出的7-1架构来重组我的项目。
现在，我在我的项目中使用flaticon。在结构中，我应该把flaticon提供的文件夹和scss文件放在哪里？
浏览 3提问于2017-09-15得票数 3
回答已采纳
其中一个应用程序是使用Dash Bootstrap组件构建的，并使用样式表dbc.themes.BOOTSTRAP，另外两个应用程序不使用bootstrap，而是使用自定义的css样式表。'assets/custom_styles.css']) 这两个样式表不是很兼容，而且会产生一些图形化的bug，实际上很难纠正(例如，元素不能正确对齐)。我希望最大限度地减少代码重构，并乐于保留两个样式表。 有没有可能为架构中的应用程序分
浏览 38提问于2020-06-26得票数 3
4回答
为了在我的项目中使用7-1 scss模式，我在src文件夹“src/样式”中创建了一个样式文件夹，并将这些组件链接到src//style.scss，并且它工作得很好。我现在遇到的问题是主index.html文件中的html和body元素不受这些样式的影响。下面看看我的主index.html可以在我创建的“src/&#
浏览 5提问于2021-01-06得票数 0
组件B是作为组件A的slot html的一部分包含的。下面的代码不能按预期工作，因为默认情况下组件不共享样式(svelte-${hash(css)}用于在编译期间创建一组不同的“虚拟”名称空间)：这里的Router和Link是单独包的一部分(因此，请将其视为一个名称空间A)。分隔符是一个项目级组件(命名空间B)。它们都使用相同的样式表，即相同的<e
浏览 2提问于2021-03-08得票数 1
1回答
因此，我现在正在开发一个微前端架构POC，使用Web组件来包装来自任何其他框架的代码。目标是让UI的各个部分可以单独部署到不同的主机上，并简单地拉入“父”应用程序(即用户导航到的应用程序)中。我已经完成了大部分架构的工作，但现在我正在尝试将Shadow DOM集成到我的工作中。我当前的设计是通过全局静态链接/脚本标记加载JS和CSS，如下所示。没有阴影DOM，这是完美的工作。我在页眉中加载的样式表不再能够触及Web组件中的内容。这是我使用Shadow DOM的
浏览 0提问于2019-11-26得票数 0
Intro为什么区分CSS和HTML很重要？
我能想到的明显原因是避免重复和保持HTML的纯语义，同时让CSS处理样式。我可以在JS做这两件事。我失踪还有其他原因吗？编辑:我错过了一件非常重要的事情--我正在为一个大型we
浏览 0提问于2015-01-27得票数 23
回答已采纳
3回答
我正在工作一个新的反应项目和使用材料ui与样式组件和有一些麻烦的造型和组织。我读过关于样式化组件和最佳实践的文章，但我仍然无法找到在大型项目中设计样式的解决方案。我见过很多建议：
为了每次创建样式化的组件，需要添加一些css，并将所有这些组件存储在styled.ts文件中。这种方法将所有的样式和布局问题移除到一个单独的文件中
浏览 4提问于2022-07-22得票数 0
我很快就注意到，大多数css背景图片都无法加载。在深入研究之后，我发现罪魁祸首是我的SCSS/CSS。现在我只需要在这个系列中运行我的SCSS：
"compile:sass": "node-sass sass/main.scss css/style.comp.css", "concat:css": "concat-o css/style.concat.css <
浏览 13提问于2020-05-11得票数 0
1回答
弹性皮肤还是风格？
、、、、
我做了一个调查，但我没有找到任何能帮助我回答这个问题的东西
当你有一个flex项目时，是对不同的组件使用不同的皮肤更好，还是只使用一个包含所有样式的大css更好？
浏览 0提问于2011-08-11得票数 0
回答已采纳
我已经在全局style.css文件中声明了一些css样式，在我的角项目中是src/style.css。在我的一个组件中，我想更改一些样式，并且只对该组件进行调整。目前，我可以通过使用：：ng-深度来实现这一点，但是，问题是，当我从我的子组件(使用：：ng-深度)更改全局样式时，它也会改变global.scss中的样式，因为我的组件的其余部分也会影响到这一点。所以我想要的是，当我从那个子<e
浏览 5提问于2022-05-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
