1. Base2. Layout3. Module4. State5. Theme1) Base rulesBase rules are the defaults.eg:html, body, form { margin: 0; padding: 0; }input[type=text] { border: 1px solid #999; }a { color: #039; }a:hover { color: #03C; }2) Layout rulesdivide the page into sections. Layouts hold one ormore modules together
转载
2013-09-21 11:36:00
226阅读
2评论
一个页面由基本结构体构成:框架、模块、原件。 框架:是构成页面的基础结构,是页面的骨架。框架就可以描述出一个页面的基本轮廓了。如:index.html最外围有一个div(.g-index),页头(.g-hd),主体(.g-bd)。页脚(.g-ft) 模块:是页面上数量最多的,也是最重要的一部分,是代码复用的主体部分,模块就是按照功能划分的,如:导航栏、轮播图、登录窗口等。模块之
原创
2022-10-28 04:23:18
138阅读
CSS Moduless 是一个流行的,用于模块化和组合CSS的系统。 vue-loader 提供了与 CSS Modules 的一流集成,可以作为模拟 scoped css 的替代方案<template>
<p :class="$style.red">moduless</p>
<p :class="{[$style.red]: isRed}">
转载
2021-04-18 19:12:59
370阅读
2评论
1.命名规范,如BEMBEM 的意思就是块(block)、元素(element)、修饰符(modifier)。是由 Yandex 团队提出的一种前端命名方法论。2.css in js使用 js 语言写 css,完全不需要些单独的 css 文件,所有的 css 代码全部放在组件内部,以实现 css 的模块化。CSS in JS 其实是一种编写思想
原创
2022-01-30 11:13:20
10000+阅读
1.命名规范,如BEMBEM 的意思就是块(block)、元素(element)、修饰符(modifier)。是由 Yandex 团队提出的一种前端命名方法论。2.css in js使用 js 语言写 css,完全不需要些单独的 css 文件,所有的 css 代码全部放在组件内部,以实现 css 的模块化。CSS in JS 其实是一种编写思想,目前已经有超过 40 多种方案的实现,最出名的是 styled-components。3. css modules使用JS编译CSS文件,使其具备
原创
2021-07-12 11:21:19
241阅读
模块化CSS——在CSS中引入面向对象编程思想 如何划分模块——单一职责 模块化可以让代码高度重用,显著提高开发效率。关于模块化,比较成熟的是编程领域的“类”。在面向对象编程方式中,“类”是个非常核心的概念,可以说面向对象思想的基础就是“类”。关于模块化,“类”有很多成熟的技巧,例
转载
2024-03-10 16:46:18
28阅读
BEM风格代码案例:
转载
2020-03-02 20:34:00
116阅读
2评论
为什么要CSS模块化?
转载
2022-03-22 18:23:54
405阅读
目录目录
自述
继承
状态
总结
预告自述 看到好的文章就喜欢转载收藏一波,这会看了一篇《从css谈模块化——jack_lo》的文章,文章所述内容跟自己此前的很多想法都有不谋而合、思想共鸣之处(你就吹吧你~)。本人此前也没有学习或参考过类似的CSS模块化的文章,纯粹是自己怎么乐意怎么写的状态,实在是惭愧于自己此前写过的代码
转载
2022-11-28 18:48:45
64阅读
在前端模块化的开发中,不单单JS文件可以看作模块,像CSS,图片和其他文件也可以看作模块;只不过默认的webpack仅支持JS的模块化,其他不支持,但是可以通过安装不同的loader,来支持不同的文件;比如CSS文件,那就要安装css-loader(加载和解析css)、style-loader(将解
转载
2021-03-27 14:48:00
422阅读
默认情况下通过 import "./xxx.css" 导入的样式是全局的样式,也就是只要被导入, 在其它文件中也可以使用,如果想要导入的CSS文件只在导入的文件中有效, 那么就需要开启CSS的模块化,开启也就是修改 webpack 核心配置文件,修改地方和内容如下所示: options: { mod
原创
2020-12-27 21:54:00
503阅读
Css Module (推荐) React 的脚手架已经内置了 css modules 的配置: .css/.less/.scss 等样式文件都修改成 .module.css/.module.less/.module.scss 等; 在以前我们的文件是这样的 index.css 如果使用了 CSS
原创
2022-05-10 12:12:00
511阅读
1、scoped https://vue-loader.vuejs.org/zh/guide/scoped-css.html 2、module https://vue-loader.vuejs.org/zh/guide/css-modules.html#用法 3、原理 module:通过给样式名加h
转载
2018-12-17 12:49:00
132阅读
2评论
什么是css模块化?为了理解css模块化思想,我们首先了解下,什么是模块化,
转载
2022-09-11 01:11:47
520阅读
模块化是大型Java系统的一个重要特征。在这些项目中构建脚本和项目通常被划分为多个模块,以便改进构建过程,但是在运行时却很少考虑划分模块的问题。在“模块化Java”系列文章的第二篇里,我们将讨论静态模块化(static modularity)。内容包括如何创建bundle、将其安装到OSG引擎以及怎样建立bundle之间的版本依赖。在下一篇文章中,我们将讨论动态模块化(dynamic modularity)并展示bundle如何对其他bundle作出响应。在上篇文章《模块化Java简介》 中讲到,Java在开发时把package作为模块化单元,部署时把JAR文件作为模块化单元。可是尽管像Mav
转载
2012-11-01 23:17:00
790阅读
2评论
Nodejs模块化(组件)学习模块化指的就是将一个大的功能拆分为一个一个小的模块,通过不同的模块的组合来实现一个大功能。在 node 中一个 js 文件就是一个模块模块内部代码对于外部来说都是不可见的,可以通过两种方式向外部暴露CommonJS 规范的提出,主要是为了弥补当前 JavaScript 没有标准的缺陷。它的终极目标就是:提供一个类似 Python,Ruby 和 Java 语言的标准库。
转载
2024-02-21 12:56:57
64阅读
企业资源计划(ERP管理系统)软件是现代企业管理的理想工具,可确保流程顺利进行。企业能借助ERP管理系统解决方案的强大功能,轻松分析销售、市场营销、客户服务、订单处理、制造、库存管理等信息。大多数ERP管理系统解决方案都有一个模块列表和清单,告知企业各个可用模块的结构。在当今的企业界里,每个企业都有自己的流程和子流程,要让所有流程顺利运营,着实不容易。然而,ERP管理系统的智能企业管理模块能够
转载
2024-04-10 10:42:54
130阅读
模块化这是这篇文章是在b站学习 黑马程序员Node.js全套入门教程 时做的笔记笔记太长(全文27k词)所以分成4篇文章发布分别对应了学习视频中讲的四个模块Node基础模块化 (当前这篇)Express数据库与身份认证最后还有一个 api_server项目 gitee地址希望对你学习有帮助1.模块化的基本概念1.1 什么事模块化模块化是指解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程。
转载
2023-09-24 16:56:46
204阅读
本文是“模块化Java”系列文章的第三篇,我们将讨论动态模块化。内容涉及如何解析bundle类、bundle如何变化、以及bundle之间如何通信。在前一篇文章《模块化Java:静态模块化》中,我们讨论了如何构建Java模块并将其作为一个单独的JAR进行部署。文中的例子给出了一个client和一个server bundle(两者在同一个VM中),client通过工厂方法找到server。在
转载
2012-11-01 23:19:00
582阅读
前言现在网页的复杂度越来越高,js代码越来越庞大,早已不像原来那样实现一些特效即可。一个项目可能需要n个人来完成,分别负责不同的功能。这些不同的功能划分在我看来就是一个个模块,我们不需要了解模块内部逻辑,只关心模块的对外接口。我们需要什么功能时只需引入合适的模块即可极大的提高了多人开发时的效率。正文一、如何实现模块化按照前言所说,模块有以下两个特征:可以实现特定的功能、可以提供对外接口。var m
转载
2023-08-04 15:17:08
250阅读